Back to tutorials

How to build an HTML email

Turn your latest numbers into a polished, on-brand HTML email — every figure traced to source, ready to paste into Mailchimp, Campaign Monitor, or your own client. Here's the full build, screen by screen, in about six minutes.

June 24, 2026
html emailinvestor html emailmailchimp html emailbuild html email from datainvestor update email

StoriBot turns your content and data into an HTML email for you to send — every number traced back to a source file, drafted in your own voice and in line with your brand guidelines. Below is the whole build, one screen at a time. From a blank workspace to a downloadable, paste-ready email takes about six minutes.

Why StoriBot for preparing email

  • On-brand, on-message. Customise StoriBot with your brand guidelines and preferred tone of voice so every email aligns with your brand.
  • Add any business files. An outline, a draft, finance's Excel, a system download from HubSpot — any business file can be uploaded to the workspace and used to build the email.
  • Download for any email client. StoriBot prepares your email for download, ready to paste into your preferred email client.

AWS Sydney · No training on your data · Lineage on every output

Step 01

Home page

The StoriBot home page listing your previous storis with the New Stori button

This is your StoriBot home page. It lists every stori you've built so far. To begin a new one, click New Stori.

Step 02

Choose a template

The template picker open on the New Stori screen, with the HTML email template highlighted

After clicking New Stori, you'll see the template gallery. For this build, choose HTML email.

Step 03

Upload your data and content files

The data upload step with source files attached and the Next button

The power of StoriBot is that it can work with a variety of file types, including spreadsheets, documents and PDFs. We suggest an outline or draft of the email content (bullet points or a more detailed version — whatever your team produces now) and any supporting Excel or CSV files for charts and data graphics. When your files are in, click Next to continue.

Step 04

Add supporting context

The context upload step with a brand guidelines PDF attached

This is the material that might help shape the narrative or provide an example to follow — previous emails from you or others, or notes on the tone you want. You can also add your own prompt or anything else that might steer the output towards what you have in mind. Everything in this step is optional. Once these are attached, click Next to continue.

Step 05

Choose skills

The skills selection screen with the email defaults left unchanged

This is the skills screen. You can review and add any additional skills you think might be useful, but for this and any other template, you can leave the defaults as they are. Click Next to continue.

Step 06

Launch the workspace

The workspace spinning up after clicking Create

After you click Create, StoriBot opens your workspace. It takes a minute or so to spin up. The benefit is you get an entire workspace, which significantly extends what you can do with StoriBot. Once the workspace is ready, the agent will start building your email automatically.

Step 07

The agent starts

The agent reading your uploads and beginning the build automatically

When you start from a template, like in this case, StoriBot begins building the email automatically from your data and context. You can refine the output at any time by typing in additional instructions in the agent sidebar.

Step 08

Answer the agent's questions

The agent asking a clarifying question about how the email will be sent

The agent may ask a question or two to tailor the email — how you'll send it, which call to action to lead with, or anything else it needs clarified. Make your choices and click through.

Step 09

First draft and review

The finished first draft alongside the agent's automatic code review

When the first draft lands, the agent spawns a reviewer to check the build end to end. You don't have to wait for it — view, edit, or request changes while the review runs in the background. Simply type any changes you want into the agent sidebar and the agent will rebuild the email for you.

Step 10

Edit the words and numbers

The edit-text mode open, with individual words and figures selectable

For specific wording changes within the email, open Edit text in the sub-menu. You can then click any word or number directly and change it in place.

Step 11

Make broader changes

The agent sidebar with a plain-English request to restructure the email

For bigger changes — repositioning sections, adding or removing elements, or changing any chart or data graphic — describe what you want in plain English in the agent sidebar, and it rebuilds that part for you.

Step 12

Export to HTML

The Download standalone HTML button at the bottom of the workspace

Once you're happy with the result, scroll to the bottom of the workspace and click Download standalone HTML. The file saves to your device, ready to drop into Mailchimp, Campaign Monitor, or your own email client.

Step 13

Or share a link

The share dialog creating a new link with access preferences

Prefer to send a link instead of an attachment? Open the sub-menu, click Share → Create new link, choose your access preferences, and the link is copied to your clipboard — the same artifact, sent as a page.

Your turn

That's the full build: content and data in, on-brand HTML email out, every number traced to source. Build your own at app.stori.bot.

Ready to publish your next update?

See how StoriBot turns your materials into publish-ready web pages, drafted in your own voice.