> Add Plandalf checkout, promo countdowns and affiliate referrals to your Webflow pages with one SDK. Source: https://plandalf.com/platforms/webflow Website integration # Connect Webflow to Plandalf Add Plandalf checkout, promo countdowns and affiliate referrals to your Webflow pages with one SDK. [Start your 14-day free trial](https://admin.plandalf.dev/signup)[Setup guide](https://plandalf.com/docs/product-guides/platforms/webflow) No credit card required. No coding required. **Webflow** **Plandalf** **Stripe** - `buy button clicked` - `checkout.completed` - `redirect to thank-you` Overview ## How Webflow and Plandalf split the work Webflow hosts your pages. Plandalf runs checkout and connects to your payment provider. Checkout embed available Load your account SDK in Webflow and use custom attributes to open checkout, render a countdown or pass a captured referral into checkout. Configure each product in Plandalf, then test it on your published Webflow page. The embed does not create Webflow Ecommerce orders. Webflow owns - Your pages, design and traffic - Hosting and the domain Plandalf owns - The buy button and the checkout - Payment, receipts and subscriptions - What runs after the sale Set it up ## Connect Webflow in three steps The short version. The Webflow setup guide has the full walkthrough and the test-mode checks. 1. 1 ### Load your account SDK Add the SDK URL from your Plandalf account to Webflow Site settings → Custom code → Footer code. Use an eligible plan and save it once. 2. 2 ### Connect the page elements Use Element settings → Custom attributes for the checkout button and countdown. The guide also covers affiliate landing pages and hosted-checkout links. 3. 3 ### Publish and verify each journey Publish to a test domain. Verify the actual payment sandbox and price before buying, then check the invoice, deadline behavior and affiliate sale for the products you use. 4. [Read the Webflow setup guide →](https://plandalf.com/docs/product-guides/platforms/webflow) 5. [Explore Webflow + Stripe Checkout template →](https://plandalf.com/templates/webflow-stripe-checkout) Plandalf · Webflow ![The Plandalf offer editor: the checkout a website buy button opens.](https://plandalf.com/images/stacks/api-first/numi-offer-editor.png) ## Choose what your Webflow page does Follow the setup for each product, then verify its customer outcome. Product Add to your page Verify before launch [Checkouts →](https://plandalf.com/docs/product-guides/platforms/webflow#add-a-checkout-trigger) A styled Webflow button or an inline checkout. A sandbox payment, matching paid invoice and promised delivery. [Timers / Promos →](https://plandalf.com/docs/product-guides/platforms/webflow#add-a-timer-to-the-webflow-page) A countdown plus the same promo on your checkout button. The deadline, checkout tier and configured expiry action. [Affiliates · early access →](https://plandalf.com/docs/product-guides/platforms/webflow#track-affiliate-referrals-from-webflow) A partner link to a page with your organization’s SDK. The intended partner, eligible commission, refund and renewal behavior. For delivery or notifications, configure the destination’s supported action in Plandalf. The Webflow embed does not create Webflow Ecommerce orders or grant membership access. [Read the automation scope →](https://plandalf.com/docs/product-guides/platforms/webflow#add-a-follow-up-automation-when-needed) Integrations ## Keep your site. Upgrade how it sells. Plus a fully documented REST API and webhook layer for whatever’s not in the list. - ![Stripe](https://plandalf.com/images/integrations/stripe.svg) - ![PayPal](https://plandalf.com/images/integrations/paypal.png) - ![Klaviyo](https://plandalf.com/images/integrations/klaviyo.png) - ![Mailchimp](https://plandalf.com/images/integrations/mailchimp.png) - ![ConvertKit](https://plandalf.com/images/integrations/convertkit.png) - ![ActiveCampaign](https://plandalf.com/images/integrations/activecampaign.png) - ![MailerLite](https://plandalf.com/images/integrations/mailerlite.png) - ![Drip](https://plandalf.com/images/integrations/drip.png) - ![Flodesk](https://plandalf.com/images/integrations/flodesk.png) - ![Beehiiv](https://plandalf.com/images/integrations/beehiiv.png) - ![Customer.io](https://plandalf.com/images/integrations/customer_io.png) - ![Postmark](https://plandalf.com/images/integrations/postmark.png) - ![SendGrid](https://plandalf.com/images/integrations/sendgrid.png) - ![HubSpot](https://plandalf.com/images/integrations/hubspot.png) - ![Intercom](https://plandalf.com/images/integrations/intercom.png) - ![Kajabi](https://plandalf.com/images/integrations/kajabi.png) - ![Teachable](https://plandalf.com/images/integrations/teachable.png) - ![Circle](https://plandalf.com/images/integrations/circle.png) - ![Ghost](https://plandalf.com/images/integrations/ghost.png) - ![MemberPress](https://plandalf.com/images/integrations/memberpress.png) - ![Webflow](https://plandalf.com/images/integrations/webflow.png) - ![Framer](https://plandalf.com/images/integrations/framer.png) - ![Shopify](https://plandalf.com/images/integrations/shopify.png) - ![WordPress](https://plandalf.com/images/integrations/wordpress.png) - ![Squarespace](https://plandalf.com/images/integrations/squarespace.png) - ![Wix](https://plandalf.com/images/integrations/wix.png) - ![Next.js](https://plandalf.com/images/integrations/nextjs.png) - ![React](https://plandalf.com/images/integrations/react_app.png) - ![Vue](https://plandalf.com/images/integrations/vue_app.png) - ![Avalara](https://plandalf.com/images/integrations/avalara.svg) - ![TaxJar](https://plandalf.com/images/integrations/taxjar.svg) - ![Slack](https://plandalf.com/images/integrations/slack.png) - ![Zapier](https://plandalf.com/images/integrations/zapier.svg) - ![Tolt](https://plandalf.com/images/integrations/tolt.png) - [\+ more](https://plandalf.com/integrations "All integrations") Questions ## Common questions about Webflow and Plandalf The short answers. The docs have the long ones. What do I need in Webflow? A site where your plan and role allow custom code and publication. Load the Plandalf SDK once, add the attributes to your elements, then publish to your test domain. Can I keep my existing Webflow design? Yes. Style the page, buttons and links in Webflow. Design the checkout in Plandalf and open it from those elements. Does this sync Webflow Ecommerce orders? The embed opens Plandalf checkout; it does not create a Webflow Ecommerce order or configure fulfilment. A custom Webflow API workflow requires a separate server-side adapter and its own verification. Does the countdown apply the price by itself? A standalone countdown displays promo state. Apply the same promo to the checkout button or inline mount, then verify the checkout tier and amount before and after expiry. Do affiliate commissions require an automation? Native Plandalf affiliate attribution uses the SDK referral and paid checkout records. It does not require a sequence or a second sales-API report. Verify the partner and commission in Affiliates → Sales. How do I test before going live? Use a published Webflow test page and a verified processor sandbox with a matching test price. Reconcile the paid invoice and check each product outcome. A test-mode button alone does not prove processor isolation. The team ## Built by a team obsessed with conversion. ![Aarogorn](https://plandalf.com/images/faces/aarongorn.png)![Bilbert](https://plandalf.com/images/faces/bilbert.png)![Buildo](https://plandalf.com/images/faces/buildo.png)![Foundo](https://plandalf.com/images/faces/foundo.png)![Legoli](https://plandalf.com/images/faces/legoli.png) 15\+ years testing every pricing model under the sun. Every part of Plandalf comes from a real checkout problem we’ve had to solve ourselves. [Start your 14-day free trial](https://admin.plandalf.dev/signup) No credit card required. Nothing to migrate.