Webflow Integration

Connect your Webflow site to LeadMachine to automatically capture form submissions as leads and sync CMS blog posts for nurture email campaigns.

Overview

The Webflow integration uses secure server-to-server webhooks with HMAC signature verification. This means:

  • No client-side code - Nothing is added to your Webflow site
  • Secure by design - All data is transmitted server-to-server with cryptographic verification
  • Real-time sync - Leads and content are synced instantly when events occur

Requirements

  • Webflow CMS plan or higher (webhooks require a paid plan)
  • Admin access to your LeadMachine company
  • Access to your Webflow site settings

Setup Instructions

Step 1: Enable Webflow in LeadMachine

Contact your LeadMachine administrator to enable Webflow integration for your company. Once enabled, you'll see a Webflow section in your Company Settings.

Step 2: Get Your Webflow Site ID

  1. Log into your Webflow dashboard
  2. Open your site's Settings
  3. Go to General tab
  4. Copy your Site ID (a long alphanumeric string)

Step 3: Configure Webhooks in Webflow

  1. In Webflow, go to your site's Settings
  2. Navigate to Integrations or Webhooks section
  3. Create two webhooks:

Form Submission Webhook

  • Trigger: Form submission
  • URL: https://app.leadmachine.fyi/api/webflow/form-submission.php
  • Generate a webhook secret and copy it

CMS Item Webhook (for blog posts)

  • Trigger: CMS item created, CMS item updated, CMS item deleted
  • URL: https://app.leadmachine.fyi/api/webflow/cms-item.php
  • Use the same webhook secret

Step 4: Configure LeadMachine

  1. Go to Company Settings > Webflow Integration
  2. Enter your Site ID
  3. Enter the Webhook Secret you generated in Webflow
  4. Click Save Settings

Features

Form Lead Capture

When someone submits a form on your Webflow site:

  • A new lead is created in LeadMachine
  • Contact info (email, phone) is extracted and stored
  • The lead source shows "Webflow: [Form Name]"
  • Spam detection filters out bot submissions
  • Campaign triggers can auto-enroll leads

Field Mapping

LeadMachine automatically maps common Webflow form fields:

Webflow FieldLeadMachine Field
----------------------------------
Name, Full NameContact Name
First NameFirst Name
Last NameLast Name
Email, E-mailEmail Address
Phone, Telephone, MobilePhone Number
Company, OrganizationCompany Name
Message, CommentsLead Notes

Custom field mappings can be configured by your administrator.

CMS Blog Sync

Sync your Webflow CMS blog posts for use in nurture email campaigns:

  • Posts are synced when published, updated, or unpublished
  • Title, excerpt, content, and featured image are captured
  • Posts are organized by CMS collection
  • Use synced posts in automated email sequences

Nurture Campaigns

Create automated email campaigns that send your blog content:

  1. Go to Email Campaigns > Create Campaign
  2. Choose campaign type: Nurture (Drip)
  3. Select content source: Webflow CMS
  4. Select which collections to include
  5. Set send frequency (e.g., every 7 days)
  6. Configure a trigger tag to start the sequence

Leads will automatically receive your blog posts in chronological order.

Troubleshooting

Forms not syncing?

  • Verify your Site ID is correct
  • Check the webhook URL in Webflow settings
  • Ensure the webhook secret matches in both systems
  • Check Webflow's webhook delivery logs

Blog posts not appearing?

  • Make sure the CMS item webhook is configured
  • Posts must be published (drafts are not synced)
  • Check the CMS collections list in LeadMachine

Signature verification failed?

  • Ensure the webhook secret is copied exactly (no extra spaces)
  • Regenerate the secret in Webflow and update LeadMachine

Security

The Webflow integration uses HMAC-SHA256 signature verification:

  • Every webhook request includes a cryptographic signature
  • LeadMachine verifies the signature before processing
  • Requests with invalid signatures are rejected
  • All webhook payloads are logged for auditing

This ensures that only legitimate requests from Webflow are processed.

Need Help?

If you encounter issues with the Webflow integration:

  1. Check this documentation for common solutions
  2. Review Webflow's webhook delivery logs
  3. Contact LeadMachine support with your Site ID

Frequently Asked Questions

Go to Integrations > Webflow, authorize with Webflow, select your site, and configure webhook URLs for forms.

Yes, enable CMS sync to pull blog posts into LeadMachine for use in automated email newsletters.

Yes, webhooks use HMAC signature verification to ensure data comes from your Webflow site.