Email Builder for HTML Emails – New Drag and Drop Feature

Drag-and-Drop is our middle name here at Agile CRM. From our marketing automation workflow to our landing page builder, we’re dedicated to making your sales and marketing tools easy to use, so you can get back to business.

With that in mind, we’re especially excited to announce that a new drag-and-drop email builder is now live in the app!

Email marketing has always been a seamless process in Agile CRM. Previous versions of the email builder had some elements of drag-and-drop, and we used your feedback to help create the new version, which includes new templates, email design blocks and an even more streamlined process for previewing and testing emails before sending them out into the world. Let’s take a look at how to use the new email templates and create custom templates with design blocks.

To launch the email builder, go to Preferences > Email Templates from the main user drop-down menu.

All the email templates created or saved by you and your team (other users on your Agile CRM account) will be listed here. Just click on a template’s name to open it up in the email designer, or click on + New on the upper right to create or modify a new template.

Email Templates

You always have three options with email templates:

1) Select a Predefined Template

We have made a bunch of predefined templates available which can help to build your own template faster. They’re entirely free with your Agile CRM account and you can modify them however you’d like. Just choose the template and click Go. You will be navigated to the email builder, where you can modify the template.

2) Bring Your Own Template

You can bring your own existing template, too. Click on Bring your code and a popup will appear where you can paste your HTML code. Your template is copied and now all available for use in Agile CRM.

3) Create a New Template

You can create your own email templates too. To create a new email template from scratch, click Custom and use the drag-and-drop email designer to create a new template. You’ll be able to save the template for future use.

Getting Started with Email Design Blocks

On the lefthand side of the new builder, you’ll find a selection of drag-and-drop design blocks. To use these HTML blocks, just drag them into the middle section (email editor). Click on the block and you’ll see a popup that lets you set relevant properties such as font, height or padding.

Email Builder in Agile CRM

These are the currently available design blocks:

  1. Title Block: Adds a title and subtitle to the template.
  2. Divider: Adds a line divider.
  3. Text: Adds a text block.
  4. Image: Adds an image to the template. Please make sure you add the image as per the specifications mentioned.
  5. Button: Adds a button.
  6. Image + Text: Adds an image with wrap text.
  7. 2 Column Image + Text: Adds a 2 column image with text and button below the image.
  8. 3 Column Image + Text: Adds a 3 column image with text and button below the image.
  9. 2 Column Text: Adds 2 columns of text with a button below the text.
  10. 3 Column Text: Adds 3 columns of text with a button below the text.
  11. Social Links: Adds social media links such as Facebook, Twitter, Pinterest or LinkedIn.

Previewing and Testing Emails

Click on the Preview button to preview how the email will look on different devices such as mobile phones or tablets. Select smartphone, tablet or ipad to see how the template will look on that type of device.

Email Preview

Click on the Send Test button and an email will be sent to the logged-in user’s email id. This provides a way to view the designed email template in an email client like Yahoo or Gmail (based on the registered email id) to make sure everything looks the way it should.

Hint: Sometimes you’ll want to create a variety of modifications of the same original email template. If you’d like to save a copy of the email template, just click on Copy button and a copy of the existing email template will be created. Provide a unique name for the copy of the template and save it for future use.

Agile CRM is a complete sales and marketing email solution. Comments or suggestions? Leave a comment here on the blog or shoot us an email at


Try Agile CRM for FREE!
FREE for 10 Users. No credit card required.


Goldy Arora

about 8 years ago

This is great. Is there any plan to revamp marketing automation/campaign builder too, and make it more user friends like infusionsoft of autopilothq?


Shreyansh Surana

about 8 years ago

Hi Goldy, Thanks for the feedback. We have many customers who have migrated from the tools you mentioned and one of the key reasons which I get is that they find Agile very sleek, fast and user friendly. The other aspect which they like is the all-in-one approach. @Agile, our product road map is driven by our customers feedback and would request you do put your feedback or vote if its already there on our uservoice. Based on the votes we will take your feedback in our product roadmap.


can ho sunrise city

about 6 years ago

Hmm it appears like your website ate my first comment (it was extremely long) so I guess I'll just sum it up what I wrote and say, I'm thoroughly enjoying your blog. I too am an aspiring blog blogger but I'm still new to everything. Do you have any suggestions for first-time blog writers? I'd really appreciate it.


Gabriel Swain

about 6 years ago

Hi there. Congrats on starting a blog! I think it's important to choose a topic that you know plenty about and can write about on a regular basis. Also, if you can find a topic that is not overdone, that will help. If not, try to find an angle that will help your blog stand out from the competition. Also, try to have around 10 pieces written before you launch your blog to give you some breathing room while you focus on getting to know the blogging platform you use and administering it. Here is a good article with advice for first time bloggers: Good luck!



about 6 years ago

Is there a facility to embed the images into emails as multi-part attachments, so that they become part of the email, and thereby prevent the "Right-Click here to download images" message that MUA's like Outlook produce?


Saketh Rasakatla

about 6 years ago

It can be done.


Leave a Comment

Tell us what you think. To comment, please fill in the required fields marked with an asterisk (*). Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.