To create an email template using variables in Mailjet and Zapier for form submissions in Webflow, follow these clear steps:
1. Set Up a Mailjet Email Template with Variables
- Log into your Mailjet account and go to the My Templates section.
- Click Create a Template, choose Transactional, and use the drag-and-drop editor or HTML editor.
- In your email content, insert variables using the format
{{var:variable_name}} (e.g., {{var:first_name}}, {{var:email}}, {{var:message}}). - Save and publish the template. Keep note of the Template ID, which you’ll use in Zapier.
2. Create a Zap in Zapier Triggered by Webflow Form Submission
- On Zapier, click Create Zap.
- For the trigger app, select Webflow.
- Choose the Form Submission event trigger.
- Connect your Webflow account and select the site and form you want to track.
- Test the trigger to pull sample form data.
3. Connect Mailjet and Use the Template
- Add a new action step and pick Mailjet.
- Choose Send Email using a Mailjet Template as the event.
- Connect your Mailjet account if you haven’t already.
- Select the Template ID you created earlier.
- Under “Variables,” use Zapier’s dynamic fields from the Webflow form. For example:
- first_name = insert Webflow field for name
- email = insert Webflow field for email address
- message = insert Webflow field for message
4. Test and Turn On Zap
- Zapier will show you a test preview with variable data inserted.
- Verify email output sends correctly to the expected email address.
- Click Publish and turn on your Zap.
Summary
To use Mailjet with variables and Webflow form data in Zapier:
- Create a Mailjet email template with variables like
{{var:name}}, - Trigger Zapier from Webflow form submissions,
- Send the template via Mailjet using dynamic fields pulled from Zapier.