Checkout embed

Webflow + ActiveCampaign integration

Webflow hosts the page, Plandalf takes payment, and a Send Webhook step can create the buyer in ActiveCampaign with a tag.

No credit card required. No coding required.

Does Webflow integrate with ActiveCampaign?

Plandalf has no native ActiveCampaign steps, and it does not read Webflow forms. A Webflow button opens the Plandalf checkout; after payment a Send Webhook step can call ActiveCampaign's contact sync API. ActiveCampaign automations can post to a Plandalf catch URL to enrol people in a promo.

What moves between Webflow and ActiveCampaign

EventFrom and toThroughWhat happens
Checkout openedWebflowPlandalfCheckout embedThe button carries data-plandalf-present, and the SDK script sits once in the site's Footer code.
Checkout completedPlandalfActiveCampaignWebhookSend Webhook posts to /api/3/contact/sync on your ActiveCampaign account URL, with an Api-Token header and a contact object holding the email, name and tags.
Tag added or form submittedActiveCampaignPlandalfWebhookAn automation with a Webhook action can call a Plandalf Webhook Trigger URL. Plandalf's own notes say ActiveCampaign sends form-encoded data, so check the payload in the trigger's Test tab.
Countdown in an emailPlandalfActiveCampaignBy handA countdown image tag goes into an HTML block in a campaign, with %EMAIL% filling the ref value for each recipient.

Create an ActiveCampaign contact for each Webflow buyer

You need your ActiveCampaign API URL and API token, found in the account's developer settings.

  1. Install the checkout in Webflow

    Add your Plandalf script to Footer code, set data-plandalf-present on the buy button in Element settings, Custom attributes, and publish.

  2. Collect the ActiveCampaign details

    Note your account's API URL and create or copy an API token from its developer settings. Check ActiveCampaign's developer docs for the current location of both.

  3. Create the sequence

    In Automation, My Sequences pick Plandalf, Checkout Completed and the Webflow offer. Pick a recent checkout as the sample on the Test tab.

  4. Set up Send Webhook

    Add Plandalf, Send Webhook. Use POST, your account's contact sync URL, an Api-Token header, and a JSON payload shaped as a contact object with email set to {{trigger.customer_email}}, firstName and a tags list such as customer.

  5. Test with your own address

    Run the test. ActiveCampaign answers 201 for a new contact and 200 for an existing one. Then build an ActiveCampaign automation that starts when the tag is added.

What sellers do with Webflow and ActiveCampaign

Consultants selling packages from Webflow

A consultant lists three packages on Webflow. Each package adds a different tag, and an ActiveCampaign automation books the kickoff call for that tag.

Memberships with a trial offer

A site offering a paid trial adds the buyer to a list and starts a nurture automation. A Plandalf countdown image in the final email pushes the upgrade.

Limits and gotchas

  • The Send Webhook step sends JSON. ActiveCampaign's contact sync endpoint accepts a JSON body, but automation webhooks coming out of ActiveCampaign are form-encoded per Plandalf's notes, so test the inbound side.
  • The ActiveCampaign API token goes in the step's headers. Keep it out of Webflow custom code and out of anything visitors can read.
  • Plandalf does not create deals in ActiveCampaign. Contacts and tags are what the sync call covers.
  • A refund removes nothing from ActiveCampaign automatically. Add a second Send Webhook on Invoice Refunded if you need a tag or field to change.

Webflow and ActiveCampaign: common questions

Does Webflow integrate with ActiveCampaign?
Plandalf does not connect them directly. A Webflow page opens a Plandalf checkout, then a Send Webhook step adds the buyer to ActiveCampaign. For Webflow forms, check ActiveCampaign's own integrations.
How do I connect ActiveCampaign to Webflow buyers?
Embed the Plandalf script in Webflow's footer, then create a Checkout Completed sequence with a Send Webhook step to ActiveCampaign's contact sync endpoint with your token in a header.
Can ActiveCampaign start a Plandalf countdown?
Yes, through an automation Webhook action that posts to a Plandalf catch URL. Because the payload is form-encoded, confirm in the trigger's Test tab that the email arrives.

Feature detail