Quick Answer
How do you add an Image Slider to an email?
Go to Marketing → Campaigns or Templates, create or open an email, open the Elements panel, and drag the Image Slider into the layout. You can then add images, reorder slides, and adjust the slider settings.
Adding More Visual Impact to Your Emails Without Clutter
Stacking several images vertically can make an email longer and harder to scan.
The Image Slider lets you display multiple images inside a single email block, giving recipients access to several visuals without requiring each image to take up its own full section.
This can be useful for product features, before-and-after visuals, multi-step highlights, or a small gallery inside an email.
Image Slider at a Glance
Before You Begin
Have the images you want to use ready before configuring the slider.
- Decide which images should appear in the slider.
- Have the images available in your media library or as direct image URLs.
- Keep image dimensions and aspect ratios reasonably consistent when possible.
Setting Up the Image Slider
Add the Image Slider from the Elements panel inside a campaign or email template.
Step 1: Open Campaigns or Templates
Go to Marketing → Campaigns or Templates.
Step 2: Create or Open an Email
Click + New and choose Blank, or start from an existing template.
Step 3: Open Elements
Open the Email Builder and click the Elements icon.
Step 4: Add the Image Slider
Drag the Image Slider element into the email layout.
Basic path
Marketing → Campaigns/Templates → + New → Blank → builder → Elements → Image Slider.
Configuring Your Slides
Add one slide for each image you want to display, then control both the image source and the order in which the slides appear.
Add Slides
Create a separate slide for each image you want to include.
Reorder Slides
Arrange the slides in the order you want recipients to see them.
Insert Images
Select images from your media library or use a direct image URL.
Custom Values
Use custom values in the source field when dynamic linking is needed.
Keep image sizes consistent
Using images with similar dimensions and aspect ratios can help prevent the slider from appearing to jump as different slides load.
Additional Settings
Use the Image Slider settings to adjust how the slider fits into the rest of the email layout.
Padding and Corner Radius
Adjust the spacing around images and control how rounded the image corners appear.
Thumbnails
Enable thumbnail previews and adjust thumbnail width and corner radius.
Navigation Arrows
Enable navigation arrows and choose the arrow icon style you want to use.
Reduce visual clutter when needed
If the goal is a clean, lightweight email, use fewer slides and consider disabling thumbnails.
Why This Matters
More Visual Engagement
A slider can highlight several products, features, or benefits without requiring separate full-width image sections.
Cleaner Layout
Several visuals can share one block instead of making the email substantially longer.
Better Storytelling
Use a sequence of images to show steps, features, or transformations.
Reusable Block
Save the slider section when you want to reuse it in future campaigns.
Frequently Asked Questions
What is the Image Slider element in the email builder?
How do I add the Image Slider to an email?
Can I adjust padding and corner radius?
What is the purpose of enabling thumbnails?
Can I add navigation arrows?
Continue Learning
Continue with related Email Builder guides for managing elements, creating reusable content, and working with email layouts.
