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

To create a dynamic email template using variables in Mailjet and Zapier triggered by Webflow form submissions, follow the steps below.

1. Create a Template in Mailjet

• Log into Mailjet and go to Templates > My Templates.
• Click Create a Template and choose Drag & Drop Editor or HTML Editor.
• Add placeholders using variables wrapped in double curly braces, such as {{firstname}}, {{email}}, {{message}}, etc.
• Save and publish the template.

2. Get Your Mailjet Template ID

• After publishing, open the template in Mailjet.
• Click Settings or check the URL and note down the Template ID (used in Zapier later).

3. Set Up Webflow Form Submission Trigger in Zapier

• In Zapier, create a new Zap.
• Trigger: Choose Webflow > Form Submission.
• Connect your Webflow account and select the site/form to monitor.

4. Add Mailjet Action in Zapier

• For the Action, choose Mailjet and select Send Email Using a Template.
• Connect your Mailjet account using your API Key and Secret Key (found in your Mailjet profile).
• In the setup:
• Sender Email: Use a verified sender from Mailjet.
• Recipient Email: Choose from the Webflow form field (e.g., {{email}}).
• Template ID: Use the one you copied from Mailjet.
• Variables: Insert the corresponding form data from Webflow using the structured fields in Zapier. For example:
  • {{firstname}} → Webflow form field “First Name”
  • {{message}} → Webflow form field “Message”

5. Test and Enable the Zap

• Use Zapier’s Test step to send a dummy payload to Mailjet and verify the output.
• If it looks correct and delivers properly, turn on the Zap.

Summary

Create a Mailjet template with {{ variable }} placeholders, then use Zapier to map Webflow form fields to those variables. Use Mailjet's “Send Email Using a Template” action, connecting both services and inserting the matching values from the form submission into the template.