Checkout embed

Webflow + Klaviyo integration

Webflow hosts the buy button, Plandalf takes payment, and a Send Webhook step can push the buyer or the order into Klaviyo.

No credit card required. No coding required.

Does Webflow integrate with Klaviyo?

Plandalf has no native Klaviyo steps and does not read Webflow forms. A Webflow button opens the Plandalf checkout, and after payment a Send Webhook step can call Klaviyo's API. Klaviyo flows can also enrol people in a Plandalf promo through a webhook action, and a countdown image can sit in a flow email.

What moves between Webflow and Klaviyo

EventFrom and toThroughWhat happens
Buy button clickedWebflowPlandalfCheckout embedA Webflow button with the data-plandalf-present attribute opens the offer after the SDK is added to Footer code.
Checkout completedPlandalfKlaviyoWebhookA Send Webhook step posts JSON to Klaviyo's profile import endpoint, https://a.klaviyo.com/api/profile-import, with your private API key in the Authorization header.
Purchase as a Klaviyo eventPlandalfKlaviyoWebhookThe Klaviyo events endpoint takes a metric name, a profile, properties and an optional value. A flow that uses the metric as its trigger can then send the follow-up emails.
Flow webhook actionKlaviyoPlandalfWebhookA Klaviyo flow can post to a Plandalf Webhook Trigger URL so the Enroll in Promo step starts a countdown for that profile.
Countdown in a flow emailPlandalfKlaviyoBy handA countdown image tag goes into an HTML block, using Klaviyo's person email merge tag in the ref query string. The same promo drives the Webflow countdown.

Send a Webflow buyer to Klaviyo with Send Webhook

Klaviyo's API wants a private key, a revision header and a JSON:API style body, so do the first send in the step's Test tab before turning anything on.

  1. Put the checkout on Webflow

    Add the Plandalf SDK to Site settings, Custom code, Footer code, give the Webflow button the data-plandalf-present attribute and publish.

  2. Create a private key in Klaviyo

    Make a private API key with the write scope for profiles, and for events if you want flows to start from the purchase. Keep it out of Webflow custom code, because the key belongs only in the Plandalf step.

  3. Start a sequence on Checkout Completed

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

  4. Configure Send Webhook

    Add Plandalf, Send Webhook. Set the URL to Klaviyo's profile import endpoint, method POST, headers for Authorization (Klaviyo-API-Key followed by your key) and revision, and a JSON payload with the type profile and the buyer's email from {{trigger.customer_email}}.

  5. Test and read the answer

    Run the step's test with your own email. If Klaviyo rejects the content type, check the response in the run's Events view and use Zapier's Webhooks as the relay instead.

  6. Switch on and handle refunds

    Turn the sequence on. A refund does not undo anything in Klaviyo by itself, so add a second Send Webhook on Invoice Refunded if you want a profile property or event to change.

What sellers do with Webflow and Klaviyo

Webflow stores that sell digital goods

A shop on Webflow sells packs through a Plandalf checkout. Each paid order creates a Placed Order style event in Klaviyo and a flow handles cross-sell emails.

Launch sequences with a deadline

A brand running a limited drop uses a Klaviyo list flow that enrols each subscriber in a promo, so the email countdown and the Webflow countdown end together.

Limits and gotchas

  • Klaviyo's docs describe the API with a revision header and a vnd.api+json content type. If Send Webhook cannot send that, the call fails and a relay such as Zapier is needed.
  • The Klaviyo events endpoint answers 202, which means the event was queued and not that a flow has run.
  • Klaviyo flow webhooks need multi-factor authentication on your user and a Manager, Admin or Owner role, and Klaviyo says they send data out only.
  • Plandalf has no Klaviyo order sync, so revenue reports in Klaviyo depend on the value you send.
  • Webflow Ecommerce orders are not part of this. Only purchases made in the Plandalf checkout reach Klaviyo.

Webflow and Klaviyo: common questions

Does Webflow integrate with Klaviyo?
Plandalf does not provide a native link between them. A Webflow page opens a Plandalf checkout and a Send Webhook step can then post the buyer to Klaviyo's API. For Webflow forms, see Klaviyo's own integrations list.
How do I connect Klaviyo to Webflow checkout buyers?
Install the Plandalf script in Webflow, then build a sequence that runs Send Webhook to the Klaviyo API after Checkout Completed. Zapier's Webhooks work as a relay if Klaviyo rejects the call.
Can Klaviyo show a Plandalf countdown timer?
Yes. Paste the countdown image tag into an HTML block in a campaign or flow email. Check your merge tag in Klaviyo so each recipient gets their own deadline.

Feature detail