> Open a Plandalf checkout from Webflow, then send the paid buyer to Klaviyo with a webhook step, and show Plandalf countdowns inside Klaviyo flow emails. Source: https://plandalf.com/apps/webflow/integrations/klaviyo Last modified: 2026-10-26 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. [Start your 14-day free trial](https://admin.plandalf.dev/signup)[Jump to the setup](#setup) No credit card required. No coding required. **Webflow** **Klaviyo** ## 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 Event From and to Through What happens Buy button clicked WebflowPlandalf Checkout embed A Webflow button with the `data-plandalf-present` attribute opens the offer after the SDK is added to Footer code. Checkout completed PlandalfKlaviyo Webhook A 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 event PlandalfKlaviyo Webhook The 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 action KlaviyoPlandalf Webhook A 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 email PlandalfKlaviyo By hand A 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. ## Guides for this pair - [Plandalf with Webflow](https://plandalf.com/platforms/webflow) - [Plandalf with Klaviyo](https://plandalf.com/platforms/klaviyo) - [Webflow setup guide](https://plandalf.com/docs/platforms/webflow) - [Webhooks reference](https://plandalf.com/docs/api/webhooks) - [Automations overview](https://plandalf.com/docs/integrations/plandalf) [Start your 14-day free trial](https://admin.plandalf.dev/signup) ## More from Webflow and Klaviyo - [**PayPal + Webflow**Style the button in Webflow, add one custom attribute, and the Plandalf checkout it opens can take PayPal.](https://plandalf.com/apps/paypal/integrations/webflow) - [**Stripe + Webflow**Style the button in Webflow Designer, add one custom attribute, and a Plandalf checkout charging your Stripe account opens from it.](https://plandalf.com/apps/stripe/integrations/webflow) - [**Webflow + ActiveCampaign**Webflow hosts the page, Plandalf takes payment, and a Send Webhook step can create the buyer in ActiveCampaign with a tag.](https://plandalf.com/apps/webflow/integrations/activecampaign) - [**ActiveCampaign + Klaviyo**Running ActiveCampaign and Klaviyo side by side, or moving from one to the other: one checkout can write the buyer to both by webhook.](https://plandalf.com/apps/activecampaign/integrations/klaviyo) - [**HubSpot + Klaviyo**Plandalf sits beside HubSpot and Klaviyo: one checkout writes the buyer to both by webhook, and each can start a Plandalf sequence.](https://plandalf.com/apps/hubspot/integrations/klaviyo) - [**Klaviyo + Kit (ConvertKit)**Kit gets native Plandalf steps, Klaviyo gets a webhook call to its API, and one checkout can feed both.](https://plandalf.com/apps/klaviyo/integrations/convertkit) Checked October 26, 2026 against Plandalf's own setup guides and the vendor documentation: [Klaviyo API: create or update profile](https://developers.klaviyo.com/en/reference/create_or_update_profile), [Klaviyo API: create event](https://developers.klaviyo.com/en/reference/create_event), [Klaviyo help: understanding webhooks in flows](https://help.klaviyo.com/hc/en-us/articles/4534329515931).