Website integration
Connect Webflow to Plandalf
Add Plandalf checkout, promo countdowns and affiliate referrals to your Webflow pages with one SDK.
No credit card required. No coding required.
Webflow
Stripebuy button clickedcheckout.completedredirect 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
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
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
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.
- Read the Webflow setup guide →
- Browse Webflow connections →
- Explore Webflow + Stripe Checkout template →
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 → | A styled Webflow button or an inline checkout. | A sandbox payment, matching paid invoice and promised delivery. |
| Timers / Promos → | A countdown plus the same promo on your checkout button. | The deadline, checkout tier and configured expiry action. |
| Affiliates · early access → | 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 →Integrations
Keep your site. Upgrade how it sells.
Plus a fully documented REST API and webhook layer for whatever’s not in the list.
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.
15+ years building SaaS businesses together. Every part of Plandalf comes from a real checkout problem we’ve had to solve ourselves.
No credit card required. Nothing to migrate.