Webflow + Transactional
Send form submission emails and notifications from your Webflow sites through Transactional. Replace Webflow default form notification emails with branded, trackable emails that match your website design.
OVERVIEW
Send form submission emails and notifications from your Webflow sites through Transactional. Replace Webflow default form notification emails with branded, trackable emails that match your website design.
Integration Workflow
A step-by-step look at how data flows between your tools and Transactional.
Form Submitted
A visitor submits a form on your Webflow site.
Webhook Triggered
Webflow sends the form data to your Transactional webhook.
Email Composed
Transactional creates a branded email with the form submission data.
Notifications Sent
Both team notifications and auto-responders are delivered reliably.
What You Get
Everything you need to integrate Webflow with Transactional.
Form Notifications
Get richly formatted notifications when visitors submit forms on your Webflow site.
Auto-Responders
Automatically send confirmation emails to form submitters with branded templates.
Template Matching
Design email templates that match your Webflow site aesthetics for a consistent brand experience.
Submission Tracking
Track which form notification emails were opened and clicked by your team.
Get Started in Minutes
Here is a code example showing how to connect Webflow with Transactional.
// Webflow Form Webhook Handler
import Transactional from "@transactional/sdk";
const client = new Transactional({ apiKey: "txl_your_api_key" });
app.post("/webhooks/webflow/form", async (req, res) => {
const { name, email, message } = req.body.data;
// Send notification to your team
await client.email.send({
from: "forms@yoursite.com",
to: "team@yoursite.com",
subject: `New form submission from ${name}`,
tag: "webflow-form-notification",
templateId: "tmpl_form_notification",
templateData: { name, email, message },
});
// Send auto-responder to the submitter
await client.email.send({
from: "hello@yoursite.com",
to: email,
subject: "Thanks for reaching out!",
tag: "webflow-form-autoresponder",
templateId: "tmpl_form_autoresponder",
templateData: { name },
});
res.status(200).send("OK");
});YOUR AGENTS DESERVE
REAL INFRASTRUCTURE.
START BUILDING AGENTS THAT DO REAL WORK.