Home•Back to Integrations

Webflow Integration

Automatically send branded emails when users submit Webflow forms

Overview

The Webflow integration connects your Webflow forms to SendLouis using webhooks. When a form is submitted on your Webflow site, SendLouis automatically sends a branded email using your custom domain and template. Perfect for contact forms, lead magnets, newsletter signups, and more.

Setup Instructions

  1. Connect Webflow Account

    Go to the Integrations page and click "Connect" on the Webflow card. This will open an OAuth popup to authorize SendLouis to access your Webflow account.

  2. Configure Integration

    After connecting, click the settings icon to configure default options:

    • Default subject line for emails
    • Default email template to use
    • Default sending domain
    • Default email prefix (e.g., "hello" for hello@yourdomain.com)
    • PDF Attachments - Select PDF files to attach to all emails sent through this integration. PDFs must be uploaded first in the Attachments section.
  3. Copy Webhook URL

    From the configuration modal or the Connected Integrations section, copy your unique webhook URL.

  4. Configure Webflow Form

    In your Webflow project:

    • Select your form element
    • Go to Form Settings
    • In the "Redirect" section, paste your webhook URL
    • Make sure your form has an "email" or "Email" field
  5. Add Form Fields

    Configure your form fields to match your email template variables (see below for field names and options).

  6. Test Your Form

    Publish your site and test the form to ensure emails are sent correctly.

Form Field Configuration

Required Field

  • email or Email - Recipient's email address (visible field)

Optional Override Fields (Hidden)

Add hidden fields to override defaults on a per-form basis:

  • subject - Email subject line
  • templateId - Specific template ID to use
  • domain - Verified domain to send from
  • fromEmailPrefix - Email prefix before @ (e.g., "hello", "support")

Custom Template Variables

Any other form fields will be passed as variables to your template. Common examples:

  • name - Recipient's name
  • company - Company name
  • message - Message content
  • phone - Phone number

Pro Tip: Use {{fieldName}} syntax in your email templates to display form data. For example, {{name}} will be replaced with the value from the "name" field.

PDF Attachments

You can automatically attach PDF files to all emails sent through your Webflow integration. This is perfect for delivering lead magnets, brochures, price lists, ebooks, or any other documents.

How to Add PDF Attachments

  1. Upload PDFs

    First, go to the Attachments page and upload your PDF files. Each file can be up to 10MB.

  2. Select Attachments

    When configuring your Webflow integration, scroll to the "PDF Attachments" section. You'll see a list of all your uploaded PDFs with checkboxes.

  3. Choose Files

    Select the PDF(s) you want to attach to emails from this integration. You can select multiple files.

  4. Save Configuration

    Click "Save Defaults" to apply the changes. All future emails sent through this integration will include the selected PDFs as attachments.

Note: The same PDF attachments will be included in every email sent through this specific Webflow integration. If you need different PDFs for different forms, create separate Webflow integrations for each form.

Example Form Setup

Here's an example contact form setup:

Visible Fields:
  • Email input (name: "email")
  • Text input (name: "name")
  • Text input (name: "company")
  • Text area (name: "message")
Hidden Fields:
  • subject: "Thank you for contacting us!"
  • templateId: "your-template-id"

Common Use Cases

  • Contact form auto-responses
  • Newsletter signup confirmation emails
  • Lead magnet delivery - Automatically send ebook PDFs, guides, or whitepapers when users submit a form
  • Demo request confirmations
  • Event registration confirmations with ticket PDFs
  • Quote request acknowledgments with price lists
  • Resource downloads (brochures, catalogs, specifications)
  • Welcome emails with onboarding PDFs

Troubleshooting

Emails not sending?

  • Verify the webhook URL is correctly configured in Webflow
  • Check that your integration is active (green badge)
  • Ensure your form has an "email" or "Email" field
  • Verify you have a verified domain and template configured
  • Check the Analytics page for any delivery errors

Form not redirecting properly?

  • Make sure you've published your Webflow site after adding the webhook
  • The webhook should be in the redirect field, not a custom success page

Template variables not showing?

  • Ensure field names in Webflow match variable names in your template exactly
  • Field names are case-sensitive
  • Check that you're using the correct template

PDF attachments not working?

  • Verify PDFs are uploaded in the Attachments section first
  • Check that you selected the PDFs in the integration configuration
  • Ensure you clicked "Save Defaults" after selecting PDFs
  • PDFs must be under 10MB each
  • Check your email client's spam folder - some clients block attachments

Need Help?

Visit the Integrations page to manage your Webflow integrations or contact support for assistance.