Interactive content material is confirmed to extend buyer engagement. Gamification, open-form suggestions, questionnaires, and extra. Stripo, as one of many predominant 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. Preserve studying to discover ways 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 pace up the method of making interactive (constructed on AMP or HTML) parts in your emails. Usually, it’s a must to flip to programmers or deal with the code your self. With our new generator, you simply want to indicate all of your creativity, and we’ll deal with the technical half.
The generator provides you a module that incorporates the next:
- AMP model of your e mail. Works in Gmail, Yahoo, and FairEmail;
- interactive fallback. Works on all units and e mail purchasers which have help for HTML5 and CSS. Works in Apple Mail;
- textual content fallback model. Works in e mail purchasers that don’t have help 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’ll add two extra parts, Wheel of Fortune and Textual content Quest. Please, see the complete record of upcoming interactive modules right here.
The primary advantages of our Interactive generator:
- ease of making interactive content material by means of 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 out there for non-Stripo customers.
Let’s check out our generator and see the way it works.
How one can generate an interactive module
Although our generator is as user-friendly as potential, we nonetheless need to present you the way it works and the way straightforward it’s to create your personal 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 can help you navigate the settings for numerous questionnaire parts, similar to questions, completion screens, and fallback messages.
- Block for creating questions and solutions to the questionnaire.
- Query numbering change (solely works in case your questionnaire has multiple query).
- Swap 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 cellular units.
Step 3. Fill out the questions and solutions
Let’s lastly create our e 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 needs to be thought of when creating your questionnaire.
Questions
To create a query, enter:
- the query (you’ll be able to extra questions by clicking the “+” button);
- hyperlink to the picture that’s imagined to go along with the query;
- all potential solutions.
Restrictions for the pictures:
- JPG, PNG, or GIF format;
- be below 3 MB in measurement;
- dimensions below 4000×4000.
To delete an pointless query, click on on the trash can icon subsequent to the corresponding query quantity you need to delete.
The subsequent possibility permits you to quantity the questions in your questionnaire. Since we’ve got one query, the numbering isn’t displayed.
Completion display
You’ll be able to add a display with recipients’ outcomes that may seem after they full the questionnaire. Within the tabs “All solutions appropriate,” “Partially appropriate,” and “All incorrect,” you’ll be able to sort the required 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 probability to finish the survey, merely allow the “Attempt once more button” possibility, enter your customized button identify. This button will seem within the popup message we created above.
If you wish to acquire recipients’ responses, remember to join it to the Stripo knowledge service.
Necessary to notice:
Now we have simply generated the AMP and interactive HTML variations of the e-mail.
Fallback message
Fallback is required for these e mail purchasers that do not help AMP, nor Interactive parts in HTML.
You’ll be able to let the generator “generate” it robotically by toggling the respective button.
Or, you’ll be able to create your personal fallback message manually. Simply sort the wanted message.
Step 4. Work on the design
After all, 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
Make sure to examine all of the three variations of it each on desktop and cellular units.
You’ll be able to all the time edit any of them if mandatory.
Step 6. Save your content material
Upon getting completed creating the questionnaire, it is advisable save the outcomes by clicking the Save button.
At the moment, we solely ship the generated code to your mail. You simply have to enter it within the respective area and click on Ship it to me. In future updates, we’ll allow you to export the generated content material on to your Stripo account.
As well as, you’ll be able to 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 help for AMP.
Step 7. Add code to your e mail
The simplest means so as to add the generated quiz to your e mail is to repeat the code to your clipboard.
Then it is advisable:
- 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.
If you happen to 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 it is advisable open with Notepad or another 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 e mail utilizing the preview function in Stripo. As you’ll be able to see, all issues that we’ve added throughout the creation course of work nice. After that, you’ll be able to tweak the seems of the questionnaire utilizing built-in Stripo instruments.
Wrapping up
Our ongoing aim is to make e mail creation easy and accessible to everybody, from techies to e mail entrepreneurs who’ve by no means touched the code.
With our generator, you get a piece of code that incorporates 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 e mail purchasers that don’t have help for interactive content material, like some variations of Outlook apps.
Stripo now helps you to generate video games, quizzes, and surveys that your subscribers can take immediately within the e mail. Working with interactive content material has by no means been simpler.
Create emails with Stripo
