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 at all times 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. Maintain 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) components on 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’ll handle the technical half.
The generator provides you a module that incorporates the next:
- AMP model of your electronic mail. Works in Gmail, Yahoo, and FairEmail;
- interactive fallback. Works on all units and electronic mail purchasers which have assist for HTML5 and CSS. Works in Apple Mail;
- textual content fallback model. Works in electronic mail purchasers that should not 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 mean time, our generator means that you can construct one interactive factor, a questionnaire. This summer time, we’ll add two extra components, Wheel of Fortune and Textual content Quest. Please, see the total checklist 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 accessible for non-Stripo customers.
Let’s check out our generator and see the way it works.
generate an interactive module
Regardless that 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 help you navigate the settings for numerous questionnaire components, comparable 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 multiple 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 units.
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’ll dwell on the factors that ought to be thought-about 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 speculated to go together with the query;
- all potential solutions.
Restrictions for the pictures:
- 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 following possibility means that you can quantity the questions in your questionnaire. Since we have now one query, the numbering isn’t displayed.
Completion display screen
You possibly can 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’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 likelihood to finish the survey, merely allow the “Attempt 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, remember to join it to the Stripo knowledge service.
Vital to notice:
Now we have simply generated the AMP and interactive HTML variations of the e-mail.
Fallback message
Fallback is required for these electronic mail purchasers that do not assist AMP, nor Interactive components in HTML.
You possibly can let the generator “generate” it mechanically by toggling the respective button.
Or, you’ll be able to create your individual 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 high proper nook, please discover the “Look” button to begin coloring your questionnaire.
You possibly can modify:
- coloration schemes;
- colours for particular person components;
- font colours;
- font sizes.
Step 5. Preview your questionnaire
Be sure you examine all of the three variations of it each on desktop and cell units.
You possibly can at all times edit any of them if essential.
Step 6. Save your content material
After you have completed creating the questionnaire, that you must 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 subject 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 assist for AMP.
Step 7. Add code to your electronic mail
The best manner so as to add the generated quiz to your electronic mail is to repeat the code to your clipboard.
Then that you must:
- 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.
Should you downloaded an HTML file, then the precept might be virtually the identical, besides for extra steps. In your browser downloads, you will note this file, which that you must 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 electronic mail utilizing the preview characteristic in Stripo. As you’ll be able to see, all issues that we’ve added through the creation course of work nice. After that, you’ll be able to tweak the appears to be like 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 incorporates AMP components 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 purchasers that should not have assist for interactive content material, like some variations of Outlook apps.
Stripo now enables you to generate video games, quizzes, and surveys that your subscribers can take instantly within the electronic mail. Working with interactive content material has by no means been simpler.
Create emails with Stripo
