How can I create an email template using variables in Mailjet and Zapier for form submissions in Webflow?

TL;DR
  • Create a Mailjet email template using {{var:variable_name}} format and note the Template ID.  
  • In Zapier, set Webflow form submission as the trigger and Mailjet’s template email as the action, mapping form data to template variables.

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:  

  1. Create a Mailjet email template with variables like {{var:name}},  
  2. Trigger Zapier from Webflow form submissions,  
  3. Send the template via Mailjet using dynamic fields pulled from Zapier.
Rate this answer

Other Webflow Questions