Interactive content material is confirmed to extend buyer engagement. Gamification, open-form suggestions, questionnaires, and extra. Stripo, as one of many primary 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 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 velocity up the method of making interactive (constructed on AMP or HTML) parts on your emails. Usually, you must 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 care for 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 shouldn’t have help for HTML5 and CSS, like some Outlook apps.
You simply paste this code into your template and are able to rock.
For the time being, our generator means that you can construct one interactive aspect, a questionnaire. This summer season, we are going to 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 way 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 accessible for non-Stripo customers.
Let’s check out our generator and see the way it works.
Methods to generate an interactive module
Though our generator is as user-friendly as attainable, we nonetheless wish to present you the way it works and the way simple it’s to create your personal video games and quizzes.
Step 1. Open generator
So, you’re on the gorgeous 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 numerous of them. Let’s go so as:
- These buttons mean you can navigate the settings for varied questionnaire parts, akin 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 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 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 possibly can extra questions by clicking the “+” button);
- hyperlink to the picture that’s purported to go together with the query;
- all attainable solutions.
Restrictions for the photographs:
- JPG, PNG, or GIF format;
- be beneath 3 MB in dimension;
- 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 following possibility means that you can quantity the questions in your questionnaire. Since now we have one query, the numbering just isn’t displayed.
Completion display screen
You may add a display screen with recipients’ outcomes that may seem after they full the questionnaire. Within the tabs “All solutions right,” “Partially right,” and “All incorrect,” you possibly can sort the required messages that the recipient will see.
It’s also possible to 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” possibility, enter your customized button title. This button will seem within the popup message we created above.
If you wish to gather recipients’ responses, you should definitely 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 e mail purchasers that do not help AMP, nor Interactive parts in HTML.
You may let the generator “generate” it mechanically by toggling the respective button.
Or, you possibly can create your personal 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 high proper nook, please discover the “Look” button to start out coloring your questionnaire.
You may modify:
- colour schemes;
- colours for particular person parts;
- font colours;
- font sizes.
Step 5. Preview your questionnaire
Be sure you test all of the three variations of it each on desktop and cellular units.
You may all the time edit any of them if mandatory.
Step 6. Save your content material
After you have completed creating the questionnaire, you should save the outcomes by clicking the Save button.
Presently, we solely ship the generated code to your mail. You simply must enter it within the respective subject 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 appropriate with all the e-mail builders which have help for AMP.
Step 7. Add code to your e mail
The best approach so as to add the generated quiz to your e 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.
When you downloaded an HTML file, then the precept might be virtually the identical, besides for added steps. In your browser downloads, you will notice 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 e mail utilizing the preview function in Stripo. As you possibly can see, all issues that we’ve added throughout the creation course of work nice. After that, you possibly can tweak the appears to be like of the questionnaire utilizing built-in Stripo instruments.
Wrapping up
Our ongoing purpose 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 shouldn’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