Interactive content material is confirmed to extend buyer engagement. Gamification, open-form suggestions, questionnaires, and extra. Stripo, as one of many fundamental advocates of interactive content material, is all the time on the forefront of innovation. That’s the reason we designed and are able to current our new Interactive module generator.
Wanna construct the identical with no coding in any respect? That is what our generator is for. Hold studying to learn to use it.
What’s an interactive content material generator and its advantages for you?
The primary objective of this generator is to simplify and velocity up the method of making interactive (constructed on AMP or HTML) parts to your emails. Sometimes, it’s important to flip to programmers or deal with the code your self. With our new generator, you simply want to point out all of your creativity, and we are going to deal with the technical half.
The generator offers you a module that accommodates the next:
- AMP model of your electronic mail. Works in Gmail, Yahoo, and FairEmail;
- interactive fallback. Works on all gadgets and electronic mail shoppers which have assist for HTML5 and CSS. Works in Apple Mail;
- textual content fallback model. Works in electronic mail shoppers that don’t have assist for HTML5 and CSS, like some Outlook apps.
You simply paste this code into your template and are able to rock.
In the meanwhile, our generator permits you to construct one interactive aspect, a questionnaire. This summer time, we are going to add two extra parts, Wheel of Fortune and Textual content Quest. Please, see the total listing of upcoming interactive modules right here.
The primary advantages of our Interactive generator:
- ease of making interactive content material via user-friendly generator UI;
- it generates AMP code, interactive HTML fallback, and textual content fallback in a single click on;
- no coding required;
- generated code obtainable for non-Stripo customers.
Let’s check out our generator and see the way it works.
generate an interactive module
Although our generator is as user-friendly as potential, we nonetheless wish to present you the way it works and the way simple it’s to create your individual video games and quizzes.
Step 1. Open generator
So, you’re on the beautiful web page of our generator, and it is time to begin it.
- click on on the Questionnaire;
- click on the “Add a query” button to get began.
Step 2. Familiarize your self with the buttons
Earlier than you click on on the buttons, please familiarize your self with them, as there are various of them. Let’s go so as:
- These buttons permit you to navigate the settings for varied questionnaire parts, corresponding to questions, completion screens, and fallback messages.
- Block for creating questions and solutions to the questionnaire.
- Query numbering swap (solely works in case your questionnaire has a couple of query).
- Change for previewing the AMP model of the questionnaire, interactive HTML, and the fallback model of the questionnaire.
- Buttons to preview the questionnaire on desktop and cell gadgets.
Step 3. Fill out the questions and solutions
Let’s lastly create our electronic mail questionnaire. We’ll present what this generator can do by asking how a lot 2+2 is. We are going to dwell on the factors that ought to be thought of when creating your questionnaire.
Questions
To create a query, enter:
- the query (you possibly can extra questions by clicking the “+” button);
- hyperlink to the picture that’s alleged to go along with the query;
- all potential solutions.
Restrictions for the photographs:
- JPG, PNG, or GIF format;
- be beneath 3 MB in measurement;
- dimensions beneath 4000×4000.
To delete an pointless query, click on on the trash can icon subsequent to the corresponding query quantity you wish to delete.
The subsequent choice permits you to quantity the questions in your questionnaire. Since now we have one query, the numbering just isn’t displayed.
Completion display screen
You’ll be able to add a display screen with recipients’ outcomes that may seem after they full the questionnaire. Within the tabs “All solutions appropriate,” “Partially appropriate,” and “All incorrect,” you possibly can sort the mandatory messages that the recipient will see.
You may also select the place the message will seem. For our instance, we selected “After the quiz.”
If you wish to give the recipient one other likelihood to finish the survey, merely allow the “Strive once more button” choice, enter your customized button identify. This button will seem within the popup message we created above.
If you wish to accumulate recipients’ responses, remember to join it to the Stripo information service.
Essential to notice:
We have now simply generated the AMP and interactive HTML variations of the e-mail.
Fallback message
Fallback is required for these electronic mail shoppers that do not assist AMP, nor Interactive parts in HTML.
You’ll be able to let the generator “generate” it robotically by toggling the respective button.
Or, you possibly can create your individual fallback message manually. Simply sort the wanted message.
Step 4. Work on the design
In fact, we would not allow you to simply ship all-gray questionnaries with the fonts set by default.
Within the prime proper nook, please discover the “Look” button to begin coloring your questionnaire.
You’ll be able to modify:
- colour schemes;
- colours for particular person parts;
- font colours;
- font sizes.
Step 5. Preview your questionnaire
Remember to examine all of the three variations of it each on desktop and cell gadgets.
You’ll be able to all the time edit any of them if vital.
Step 6. Save your content material
After getting completed creating the questionnaire, you should save the outcomes by clicking the Save button.
At present, we solely ship the generated code to your mail. You simply must enter it within the respective area and click on Ship it to me. In future updates, we are going to allow you to export the generated content material on to your Stripo account.
As well as, you possibly can copy the code to your clipboard or obtain it as an HTML file and use it instantly in your emal builder. As we talked about earlier than, the code you get is suitable with all the e-mail builders which have assist for AMP.
Step 7. Add code to your electronic mail
The best method so as to add the generated quiz to your electronic mail is to repeat the code to your clipboard.
Then you should:
- drag and drop a 1-structure into your template;
- add the HTML block to it;
- double click on it to open it;
- paste your code.
In the event you downloaded an HTML file, then the precept will likely be virtually the identical, besides for extra steps. In your browser downloads, you will note this file, which you should open with Notepad or some other textual content editor. After that, you copy the code from Notepad to the clipboard and paste it into the e-mail, simply as described above.
Step 8. Examine outcomes
Let’s take a look at our electronic mail utilizing the preview function in Stripo. As you possibly can see, all issues that we’ve added through the creation course of work nice. After that, you possibly can tweak the seems of the questionnaire utilizing built-in Stripo instruments.
Wrapping up
Our ongoing objective is to make electronic mail creation easy and accessible to everybody, from techies to electronic mail entrepreneurs who’ve by no means touched the code.
With our generator, you get a piece of code that accommodates AMP parts that may work correctly in Gmail, FairEmail, and Yahoo, interactive HTML fallback that works in Apple Mail and Samsung Mail, and a fallback that may render in these electronic mail shoppers that don’t have assist for interactive content material, like some variations of Outlook apps.
Stripo now allows you to generate video games, quizzes, and surveys that your subscribers can take immediately within the electronic mail. Working with interactive content material has by no means been simpler.
Create emails with Stripo
