Mailmodo 0ff833fbTry Mailmodo for Free↗️Login Mailmodo↗️

No results

Help CenterEditor and TemplatesUsing interactive widgets in your emailsA Guide to Leveraging AMP Widgets in Mailmodo for Interactive Email Campaigns

A Guide to Leveraging AMP Widgets in Mailmodo for Interactive Email Campaigns

Last updated February 6, 2024

Email marketing is an essential tool for businesses and organizations to engage with their audience effectively. One way to take your email campaigns to the next level is by using AMP (Accelerated Mobile Pages) widgets within your emails. Mailmodo offers a variety of AMP widgets that can significantly enhance the interactivity and engagement of your emails. In this guide, we'll walk you through the process of adding and leveraging these AMP widgets to create more compelling and effective email campaigns.

TABLE OF CONTENTS

Star Rating Widget

The Star Rating Widget is a powerful tool for collecting feedback, reviews, or opinions from your email recipients. Whether it's post-purchase product feedback, customer support satisfaction, event evaluation, content quality assessment, or user experience feedback, the Star Rating Widget simplifies the process.

How to Add the Star Rating Widget:

1. Click on "Templates" to open the template editor.

2. In the editor, click on the plus button to add the Star Rating Widget as a new block.

A Guide to Leveraging AMP Widgets in Mailmodo for Interactive Email Campaigns

3. Hover over the Widget section and click on "More."

A Guide to Leveraging AMP Widgets in Mailmodo for Interactive Email Campaigns

4. Select "Star Rating Widget" from the options.

A Guide to Leveraging AMP Widgets in Mailmodo for Interactive Email Campaigns

For detailed instructions, visit     here    .

NPS Rating Widget

The NPS (Net Promoter Score) Rating Widget helps you measure your customers' likelihood to recommend your product or service to others. It's a valuable tool for assessing customer sentiment and loyalty.

How to Add the NPS Rating Widget:

1. Click on "Templates" to open the template editor.

2. In the editor, click on the plus button to add the NPS Rating Widget as a new block.

3. Hover over the Widget section and click on "More."

4. Select "NPS Survey Widget" from the options.

For detailed setup instructions, visit   here  .

Thumbs Up or Down Widget

The Thumbs Up or Down Widget is a quick and effective way to collect feedback from your email recipients. With just a click, recipients can provide valuable feedback that can be analyzed to improve your content.

How to Add the Thumbs Up or Down Widget:

1. Click on "Templates" to open the template editor.

2. In the editor, click on the plus button to add the Thumbs Up or Down Widget as a new block.

A Guide to Leveraging AMP Widgets in Mailmodo for Interactive Email Campaigns

3. Click on the Widget and add Thumbs Up or Down.

Emoji Rating Widget

The Emoji Rating Widget is designed to collect customer feedback using emojis. It's a fun and engaging way to gauge satisfaction levels and enhance user engagement.

How to Add the Emoji Rating Widget:

1. Click on "Templates" to open the template editor.

2. In the editor, click on the plus button to add the Emoji Rating Widget as a new block.

A Guide to Leveraging AMP Widgets in Mailmodo for Interactive Email Campaigns

3. Click on the Widget and add Emoji Rating.

Chip Selection Widget

The Chip Selection Widget is an interactive element that allows recipients to make choices. It's a versatile widget that can be used for various purposes, including surveys and feedback collection.

How to Add the Chip Selection Widget:

1. Start by creating a new template or selecting an existing one.

2. Select the option to add a block.

3. Click on the Widget category, then choose "More."

4. Under Interactive widgets, select "Chip selection."

For detailed setup instructions, visit     here    .

Spin the Wheel Widget

The Spin the Wheel Widget is a gamification tool that can be used for promotions and incentives. It's particularly useful for e-commerce, restaurants, travel, education, fitness, entertainment, and events.

How to Add the Spin the Wheel Widget:

1. In the editor, click on the '+' button to add a new block.

2. Navigate to widgets and click on the Spin the Wheel widget to add it to the editor.

A Guide to Leveraging AMP Widgets in Mailmodo for Interactive Email Campaigns

3. Configure the widget with promotional offers and winning messages.

For detailed setup instructions, visit     here    .

Quiz Widget

The Quiz Widget is a versatile tool that can be used for various purposes, such as interactive lessons, knowledge assessment, product recommendations, style quizzes, and more. It's suitable for education, retail, healthcare, media and entertainment, technology, food and beverage, and nonprofits.

How to Use the Quiz Widget:

1. In the editor, click on the '+' button to add a new block.

2. To start your email with a Quiz block, go to "More," select "Widgets," and choose "Scored Quiz." If you want to add the quiz below an existing block, click the block, then the purple plus icon, select "Widgets," and choose "Scored Quiz.

A Guide to Leveraging AMP Widgets in Mailmodo for Interactive Email Campaigns

3. The Scored Quiz includes default elements: Cover Page, Questions, and Result Page. Customize the Cover Page layout, including image or no image, quiz title, description, and button text from the right panel. You can delete or add the cover page as needed.

4. Select the question layout (with or without an image) and modify the question text. Add new questions as desired.

5. Choose the answer layout (list or grid format) and edit the answer text. You can delete or add answer options as needed. Set the correct answer.

6. Customize button and block colors as desired.

7. Configure the result page layout, optional text, and button text. Add a URL to the CTA button.

8. Set up the HTML version as a fallback in case the AMP version fails to render.

9. Preview how the email will appear and test the quiz in preview mode.

10. Review quiz responses in the Submissions and Insights tab of your campaign.

For detailed setup instructions, visit     here    .

The Image Carousel Widget allows you to showcase multiple images in a single space, making your emails more engaging and visually appealing. It's perfect for displaying products, services, or event photos.

How to Add the Image Carousel Widget:

1. Navigate to the templates section and select "Create New Template."

2. Choose to design a new template or select an existing one.

3. click on the Add Block > Widget > Image Carousel. 

A Guide to Leveraging AMP Widgets in Mailmodo for Interactive Email Campaigns

For detailed setup instructions, visit     here    .

Live News Widget

Adding a news feed widget to your email can be a fantastic way to keep your visitors informed and engaged with the latest news and updates. This guide will walk you through the steps to add a news feed widget to your template. 

How to Add the Live News Widget:

Incorporating AMP widgets into your email campaigns can significantly enhance engagement, user interactivity, and the overall effectiveness of your email marketing efforts. Whether you want to collect feedback, run promotions, or provide interactive content, Mailmodo's AMP widgets have you covered. Start leveraging these widgets today to create more dynamic and engaging email campaigns.

Step 1:

 Under Interactive Widgets, click on See all> a dialogue box will appear.

How to use Live Price Ticker in your Emails?

Step 2:  Select the Live feed and choose the Live Price Tracker widget from the Interactive widgets section to the template. 

How to use Live Price Ticker in your Emails?
The user can also select the currency as per their needs from the dropdown before configuring the Live Price Ticker.

Step 3: Click on the Configure button to set up the configuration. 

How to use Live Price Ticker in your Emails?

Step 4: In the pop-up box, enter the API endpoint which has the data you want to show to your customers. 

How to use Live Price Ticker in your Emails?

Note: We expect an array where each element of the array should correspond to its variable. And, the array's length would define the maximum number of items.

Step 5: You can ignore the 'header' fields if you have the API pre-authorized, otherwise enter the respective value. 

How to use Live Price Ticker in your Emails?

Step 6: Next, Click on Fetch Data to map the variables with API data.

How to use Live Price Ticker in your Emails?
Map each of the variables with the relevant items in the respective text field.
How to use Live Price Ticker in your Emails?

Step 7: Map Icon to show the logo/symbol or icons of the items. 

How to use Live Price Ticker in your Emails?

Note: It can be ignored by selecting the ignore option at the end of the dropdown.

How to use Live Price Ticker in your Emails?

Step 8Map Name to show the Name of the item. 

How to use Live Price Ticker in your Emails?

Step 9: Map Price to show the real-time price of the item. 

How to use Live Price Ticker in your Emails?

Step 10Map Change to show the change in the value of the item based on a period. 

How to use Live Price Ticker in your Emails?

Step 11: Enter the Number of Items to set a limit on the number of items you want to show in the template.

How to use Live Price Ticker in your Emails?

Step 12: Click on the Configure button to complete the setup. 

How to use Live Price Ticker in your Emails?

Note: Save the template before sending a test email, else widget will not render in the email.

Your Live Price Ticker is configured and ready for your customers!

Here's the Preview of the Price Ticker we configured in the above steps. 

How to use Live Price Ticker in your Emails?

Note: You can reconfigure the setup, by clicking on the reconfigure button in the right menu.

How to use Live Price Ticker in your Emails?

You can even edit the endpoint by clicking on the edit option on the top.

How to use Live Price Ticker in your Emails?

Was this article helpful?