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

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.

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

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

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 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.

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.

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.

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".

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 .

Image Carousel Widget

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. 

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.

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

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. 

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

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. 

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

Map each of the variables with the relevant items in the respective text field.

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

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

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

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

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

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

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

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. 

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

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

Use the search bar in our  Help Center  to find quick guides and walkthroughs. If you have any queries, then reach out to us at  Mailmodo Support  or share your thoughts at  Mailmodo Product Feedback.