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.

Transactional
Wf

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.

HOW IT WORKS

Integration Workflow

A step-by-step look at how data flows between your tools and Transactional.

1

Form Submitted

A visitor submits a form on your Webflow site.

2

Webhook Triggered

Webflow sends the form data to your Transactional webhook.

3

Email Composed

Transactional creates a branded email with the form submission data.

4

Notifications Sent

Both team notifications and auto-responders are delivered reliably.

KEY FEATURES

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.

QUICK START

Get Started in Minutes

Here is a code example showing how to connect Webflow with Transactional.

Webflow Integration
typescript
// 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.

Deploy Your First Agent