How do I add the AWeber Image Carousel powered by AMP for email to my message?

In this article, we explain the steps of adding an Image Carousel powered by AMP for email to your message.

AMP for Email is a powerful tool that can be used to send interactive and dynamic content to your subscribers. There are a few steps that need to be taken before you can include AMP content in your messages. For more information on how to enable the sending and receiving of emails containing AMP content, take a look at our Getting Started with AMP Knowledge Base article.

Once you have implemented those requirements, you can add your own custom code to your messages through our message editor, but you can also take advantage of the AWeber Image Carousel powered by AMP for email. An image carousel is a slideshow that allows subscribers to cycle through a series of up to 6 images per image carousel.

Carousel_Preview.gif

Watch a Video

Step By Step Instructions

  1. After creating a new message using out Drag & Drop Email Builder, you will see the "Carousel" element on the left-hand side of the editor.

    Carousel element highlighted

  2. Click and drag the "Carousel" element to the body of your message.

    Action of dragging carousel element to the message

  3. Once you add the element to your message, you can customize the "Carousel" settings on the right-hand side of the editor. To add an image to a slide, you can drop the image directly into the gray placeholder box, upload an image from your device, or select an image from AWeber's image gallery.

    Carousel settings

    You can also add an image by adding a hosted link to the "Image URL" field.

    Image URL Field

  4. After you add the image to your first slide, you can add alt text to the "Image Alt Text" field.

    Alt Text Feild

    You can also hyperlink the image to a specific URL by adding the link to the "Image Link" box.

    Image Link Feild

  5. Next, click the "Add Slide" button to add a new slide to the carousel.

    Action of clicking the Add Slide button

  6. Add your second image. You can designate this image to be the default by clicking the radio button above the image preview. The first slide will be the default image automatically, but whichever image you choose will display in email providers that do not support AMP.

    Checkbox Option to select a defualt image

    To delete a slide, click the "Delete Slide" button.

    Delete Slide Button

    To toggle between the slides, click the numbered tab that you would like to view.

    Tabs for present slides

    And that's it! You have successfully added the carousel to your message. Now, you can preview how it will look.

  7. Click the "Preview & Test" button from the top-right corner of the message editor.

    Preview & Test button
  8. Then, click the "AMP HTML preview" toggle.

    AMP HTML Preview toggle

    Please note: Leaving the "AMP HTML preview" toggled off will show the HTML version of your message that displays in email clients that don't support AMP content.
  9. You will now be able to view the slides and any other AMP content you have. Simply click the arrow button to navigate between the slides.

    Carousel_Preview.gif

Congratulations, you have successfully added a carousel to your message!

Have more questions? Submit a request