Skip to main content
Email templates in AutoSend let you create reusable, personalized designs for transactional emails like password resets, order confirmations, or account notifications that are sent programmatically through the Email API.
You can also create and manage templates from your AI assistant. Connect the AutoSend MCP server to create, update, and search templates using natural language. Install the AutoSend skill to give your AI coding agent the context it needs to generate template code in your editor.

​
Creating an Email Template in AutoSend

Create email template
  1. Under Transactional Emails in the sidebar, go to Email Templates and click New Template.
  2. Enter a name for your email template (max 60 characters). This name is for internal reference only and isn’t visible to recipients.
  3. In the editor’s right panel, add a Subject for your email. Subject lines support variables, for example: Welcome to {{company_name}}, {{first_name}}!
Keep transactional email subject lines under 50 characters. Aim for 6–8 words that clearly state the core action and purpose to improve deliverability and user trust.

​
Email Composer

Create your email using HTML with inline CSS for styling. AutoSend’s email templates support responsive design, so make sure to write HTML that renders well across different email clients and devices.
  • Write responsive HTML with inline CSS for maximum compatibility
  • Use variables anywhere in the HTML to personalize content dynamically, for example: {{first_name}}, {{company_name}}, {{email}}, etc.
  • Variables are wrapped in double curly braces and will be replaced with actual values when the email is sent
  • Keep your HTML clean and well-structured to ensure consistent rendering across email clients
  • Test your template thoroughly in both desktop and mobile views before deployment
Example template (HTML)

​
Email Preview

Email preview
The right side of your screen is the Email Preview. Any changes you make in the composer will be reflected in the preview. You can easily switch between Desktop and Mobile views using the device icons at the top of the email preview. This allows you to confirm that your design adapts well to different screen sizes and remains visually consistent. Links are disabled in the preview to prevent accidental navigation while testing.

​
Test Data

Test data
To see how your personalized email will look, you can use the Test Data panel to add sample data in JSON format. This helps you verify that all variables are correctly replaced and the final layout looks as expected. For example:

​
Sending a Test Email

Send test email
Once your design looks good, you can send yourself a test email. This allows you and your team to review the email across multiple inboxes and clients. Click Send Test above the Email Preview, then enter up to 10 comma-separated addresses and click Send Test.
You must verify your domain before you can send test emails. Test emails are sent from test@yourdomain.com.

​
Using your template

Once saved, AutoSend will generate a unique Template ID for your email. You can use this ID in your API calls to send transactional emails. After saving, you can continue editing your template at any time. You can also duplicate it to create variations useful for A/B testing or different use cases.

​
Next Steps

MCP Server

Create and manage templates from your AI assistant using the AutoSend MCP server.

AutoSend Skill

Install the AutoSend skill to give AI coding agents context for building templates.