Using the Drag & Drop Editor

The Drag & Drop Editor is the quickest and easiest way to create professional email templates in Transpond. It lets you build emails visually by dragging content blocks into your template, making it simple to create engaging emails without writing code.

Whether you're sending newsletters, promotions or announcements, the editor gives you everything you need to create responsive emails that look great across desktop and mobile devices.

Create a Drag & Drop template

  1. Go to Campaigns > Templates.
  2. Click Add Template.
  3. Select Drag & Drop Editor.
  4. Choose a starting point:
    • A branded template (if you've used Brand Analyzer)
    • A pre-designed Transpond template
    • A blank template

Your template will then open in the editor.

Understanding the editor

The editor is divided into three main areas.

Toolbar

Across the top of the screen you'll find options to:

  • Name your template
  • View edit history
  • Run template checks
  • Preview and test your template
  • Save your changes

Content panel

The left-hand panel lets you:

  • Add content blocks
  • Change template styles
  • Run template checks

Canvas

The main area is where you build your email by dragging content blocks into place and editing content directly.

Add content

Drag blocks from the Add panel into your template.

Available content includes:

  • Paragraphs- for writing any type of text in your template
  • Image - you can make images clickable by configuring a link for them
  • Button - for calls to action, leading either to a URL, an email address, phone number, a file or to a Form
  • Divider - to make a visual divider horizontal between blocks of content in your template
  • Social link - lets you add a set of social profile icons, where you can customize both shape and color-way
  • YouTube - inserts a preview image for a YouTube video using the URL for the video
  • Countdown - lets you add a timer counting down to a specific date & time
  • Survey - ask your subscribers questions inside the email, the answers are then collated in your campaign analytics
  • RSS feeds - inserting content from an RSS feed, where the content can either be static or dynamic.
  • Custom HTML - for any type of custom HTML content

You can also create multi-column layouts and reuse saved layouts you've created previously.

Style your template

The Style panel controls your template's overall appearance.

You can customize:

  • Fonts
  • Colours
  • Buttons
  • Links
  • Layout spacing
  • Background colours

Changing these settings creates a consistent design across your entire email.

You can also customize individual elements separately when needed.

By default, links in your email will inherit the link color and style set in your template's global design settings. However, you can override this for any individual link directly in the editor, giving you more control over how specific links appear.

Global link styling applies the same color and formatting to every link in your template. If you want a particular link to stand out, match a specific button color, or simply look different from the rest, you can set its style inline instead.

  1. In the email template editor, highlight specifically the linked text you want to change.
  2. In the text formatting toolbar, use any of the style options to change its style.
  3. Once changed, if you want any of the text surrounding the link to match, you can select that separately and make the same changes.

The inline style you set will take priority over the global template settings, so only that specific link will be affected.

If you later update your global link color in the template settings, any links you have styled individually will keep their custom style and will not be overridden.

Saved layouts

Transpond has a set of predefined template blocks that you can use when you need a specific visual setup e.g. Image and Text combined, or a GDPR confirmation block, which includes a specific piece of text and two button options configured to specific merge tags.

In addition to the pre-made layouts, you can save your own layouts to re-use in the future.

How to save a layout

  1. First set up the layout in your template
  2. Click on the layout block as a whole (not an individual element) and then click the little star icon in the little option menu below the layout.
  3. Give the layout a name and click the button to Save Block. This will save it for future use.

Saved layouts are then found using the Add option and then going to Saved Layouts.

Some common uses for Saved Layouts include:

Preview and test

Before sending your email you can:

  • Preview desktop, tablet and mobile versions
  • Send yourself a test email
  • Preview merge tags using a real contact
  • Check merge tags
  • Check links
  • Review previous versions using edit history

Testing your template before sending helps identify problems early and improves the experience for your recipients.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.