ActiveCampaign: Designing an email with the Drag-and-Drop Editor
ActiveCampaign
Demo summary
A detailed walkthrough of using the email designer to add structures, images, logos, and buttons, and adjusting global styles like fonts and colors.
Step-by-step
- Select a template or choose to start from scratch
- Drag a structure from the Content tab into the email body
- Click on a container to add an image block
- Upload or select an image from your files to populate the block
- Toggle the Rollover effect if you want an alternative image or link on hover
- Add a Link Action to the image to automatically apply a tag when a user clicks
- Click on text blocks to edit the copy directly on the canvas
Options
- Start from scratch instead of using a template
- Use basic templates like 'New blog post', 'Product back in stock', or 'Weekly Newsletter'
- Apply global settings for sections, headings, and mobile formatting
- Set background colors to transparent or specific hex codes
Watch out for
- You must wait for the test campaign to properly load before editorial settings become accessible
Tips
- Use the Rollover effect for a more engaging user experience
- Add Link Actions to images to trigger automations, such as adding tags to contacts
- Ensure you add alternative text to images for accessibility
Highlights
“if you've used any dragon drop Builder editor you are going to have a good idea on how you are going to want to work with this”
All demos from “How to Use ActiveCampaign in 2026 | Easily Automate your Emails!”
- 4:221:30Importing contacts via CSV in ActiveCampaignDemonstrates how to upload a CSV file to bulk import contacts, including mapping fields like email, name, and phone number.ActiveCampaign· Import / migrate contacts
- 7:241:29Creating a contact listShows the process of creating a new list for a specific campaign, including adding a list URL and description.ActiveCampaign· Tag & manage subscribers
- 10:051:08Starting a standard email campaignWalks through selecting a campaign type (Standard) and setting the subject line for a new broadcast.ActiveCampaign· Send a broadcast campaign
- 12:011:43Authenticating a Shopify domainShows the step-by-step process of connecting and authenticating a custom domain (Shopify) within ActiveCampaign settings to improve deliverability.ActiveCampaign· Authenticate sending domain (SPF/DKIM/DMARC)
- 14:258:06Designing an email with the Drag-and-Drop EditorCurrentA detailed walkthrough of using the email designer to add structures, images, logos, and buttons, and adjusting global styles like fonts and colors.ActiveCampaign· Design a newsletter / email (drag-and-drop editor)
- 24:413:12Building a custom automation workflowDemonstrates creating an automation from scratch, adding a start trigger, and configuring an email action within the workflow builder.ActiveCampaign· Build a welcome / drip automation
- Watch “How to Use ActiveCampaign in 2026 | Easily Automate your Emails!” →
Design a newsletter / email (drag-and-drop editor)
2:172:23Designing an email campaignWalks through selecting a template, using the drag-and-drop designer, and configuring campaign settings like sender name and recipients.SoftSavvy
1:460:56Design emails with AI content generationDemonstrates the drag-and-drop email designer and the AI content generator producing text from prompts.BizTech Media- 14:258:06Designing an email with the Drag-and-Drop EditorCurrentA detailed walkthrough of using the email designer to add structures, images, logos, and buttons, and adjusting global styles like fonts and colors.Tech Express
6:273:27Creating an email campaign in ActiveCampaignThe creator shows how to set up a new campaign, choose a template, and use the drag-and-drop editor to add elements like images and countdown timers.Krause Tutorials
5:540:39Use dynamic content blocks in emailsShows how to set display conditions on specific email blocks so they only appear to subscribers with certain tags.EmailTooltester