Suede AI Agent StudioDocsStart buildingOpen workspace
Navigation menu

Marketing & reputation4 min readUpdated

Design email templates with the drag-and-drop builder

Quick answer

Agent Studio builds email templates with a drag-and-drop editor under Marketing → Templates. Drag headings, text, buttons, images, columns and footers into place, personalize with merge fields, preview on desktop and phone side by side, and reuse the template in any campaign or workflow.

What you'll have

  • A branded email template that looks right on phones and desktops.
  • Saved sections (your header, signature, offer row) ready to drop into any email.
  • Personal emails that greet every contact by name, with a friendly fallback.
On this page
  1. How do I build an email template?
  2. Which blocks does the email builder have?
  3. How do merge fields and fallbacks work?
  4. What are saved sections?
  5. Do templates look right on phones?
  6. Where can I use a template?
  7. Questions

How do I build an email template?#

Open Marketing → Templates, press New template, and drag blocks from the palette into the email. Each block edits in place, and the preview updates as you type.

Build your first template

0 of 6 done

  1. Step 1: Create the template

    Press New template and give it a Template name your team will recognize, such as "Monthly newsletter".
    Open Templates
  2. Step 2: Write the subject and preview text

    The Subject line is what people decide on. The preview text shows next to the subject in most inboxes, so use it to finish the thought.
  3. Step 3: Drag in your blocks

    Drag a heading, some text and a button into the email, or click a block to add it at the end. Reorder blocks by their grip, or with Up and Down from the keyboard.
  4. Step 4: Personalize it

    Open Merge fields and trigger links, press Copy next to a field, and paste it into any text, heading or button.
  5. Step 5: Check both screens

    Switch the preview between Desktop, Phone and Both, then open Plain-text version to see what text-only inboxes get.
  6. Step 6: Save and send a test

    Press Save template, then Send test to me. When it looks right, press Use in a campaign.

Which blocks does the email builder have?#

Eight block types cover every marketing email, and one email holds up to 60 blocks.

Email builder blocks
BlockWhat you setUse it for
HeadingText, size (large, medium, small), left or centerThe headline and section titles
TextParagraphs with merge fields, left or centerThe message itself
ButtonLabel and linkThe one action you want: book, buy, reply
ImageImage address, alt text, optional link, width 40 to 600 pxLogos, product shots, event banners
Two columnsLeft and right textSide-by-side offers; columns stack on phones
DividerA thin line between sectionsBreaking a newsletter into parts
SpacerHeight 4 to 120 pxBreathing room around a button
Footer noteSmall print above the unsubscribe lineA P.S., hours, or a legal line

How do merge fields and fallbacks work?#

A merge field swaps in each contact's own details when the email sends. Add a fallback after a vertical bar and contacts with a blank field still get a natural greeting.

Merge fields the builder offerstext
{{contact.firstName|there}}   First name, "there" when blank
{{contact.lastName}}          Last name
{{contact.email}}             Email
{{contact.companyName}}       Company
{{business.name}}             Your business name
{{custom.your_field_key}}     Any custom field, by its key
{{trigger_link.<id>}}         A trigger link that tags the clicker

What are saved sections?#

Saved sections are runs of blocks you build once and drop into any email: your logo header, a product row, your signature. Tick the blocks, name the section, and it appears under Saved sections in every template and campaign. An account keeps up to 200 sections of up to 20 blocks each.

Inserting a section copies its blocks, so you can tailor one email without changing the section or any other email that uses it.

Do templates look right on phones?#

Yes. Every template renders as a responsive email: two-column blocks stack into one column on narrow screens, and the Phone preview shows that real mobile layout, not a shrunken desktop. Both puts desktop and phone side by side so you catch problems before you send.

Where can I use a template?#

  • Campaigns: pick the template when you build an email campaign, or press Use in a campaign from the template.
  • Workflows: send the same design as a welcome email, reminder or follow-up from CRM automations.
  • Duplicate a template from the list to start a variation without touching the original.

Questions buyers ask#

Do I need to know HTML to build an email template?

No. You drag blocks and type into them. Agent Studio writes the email code, the responsive phone layout and the plain-text version for you.

Can I add my logo and images to a template?

Yes. Add an Image block and paste the image's https address, add alt text for screen readers and blocked images, and set a width up to 600 pixels. Link the image if you want it clickable.

If I edit a template, do campaigns already sending change?

No. A campaign freezes its content the moment sending starts, so edits apply to the next campaign while the current one finishes exactly as approved.

Is an unsubscribe link added automatically?

Yes. Every campaign email gets your business name, your mailing address from CRM settings and an unsubscribe link in the footer, below any Footer note you write.

Can agencies reuse sections across client accounts?

Yes. Saved email sections travel in snapshots, so a new client account starts with your proven headers and signatures in place.

Was this page helpful?

Good work starts with a clear flow.

Give an agent a job. Connect the steps. See how the work becomes a service someone else can call.

Input
Reason
Output

A workflow you can inspect

Make the steps visible.

Start with a template or describe the job. Connect inputs, reasoning, and output on the canvas.

Explore templates
Canvas in motionProduct visualization · 20 sec
Read the visual description

A stylized organization chart opens into a workflow canvas. Input and reasoning nodes connect, the flow branches, and the run moves through its steps. The film ends with Suede AI Agent Studio. Music only; no spoken narration.