Agency client with a design-led site
A studio builds a service page in Webflow and keeps every pixel in Designer. The booking fee goes through a Plandalf checkout so overseas clients can pay with PayPal.
Checkout embed
PayPal + Webflow integration
Style the button in Webflow, add one custom attribute, and the Plandalf checkout it opens can take PayPal.
No credit card required. No coding required.
PayPal
WebflowDoes PayPal integrate with Webflow?
Webflow and PayPal are not linked directly by Plandalf. Webflow hosts the page and a button with a Plandalf custom attribute; PayPal is a payment option on the Plandalf offer once your PayPal Business account is connected. The guide does not configure Webflow Ecommerce order sync.
What moves between PayPal and Webflow
| Event | From and to | Through | What happens |
|---|---|---|---|
| Checkout opened | Webflow → Plandalf | The SDK in Site settings, Custom code, Footer code finds the button you gave a data-plandalf-present attribute in Designer and opens the offer. | |
| Pay with PayPal | Plandalf → PayPal | Payment connection | Buyers pick PayPal in the checkout if the offer has it enabled. The payment goes to your connected PayPal Business account. |
| Checkout completed | Plandalf (paid via PayPal) → Webflow | The buyer returns to the success or return page you set. Behind it, Plandalf records the invoice and runs your sequences as it does after a card. | |
| Delivery after purchase | Plandalf → Your fulfilment tool | Webhook | Webflow has no native Plandalf step. Delivery of what you sell is set up separately, for example with Send Webhook to a membership or fulfilment endpoint. |
| Refund | PayPal → Plandalf | By hand | Plandalf's refund trigger is documented for Stripe, not PayPal. Treat a PayPal refund as a manual job. |
Open a PayPal-ready Plandalf checkout from a Webflow button
You need a Webflow site where custom code is allowed, a published Plandalf offer with PayPal added, and your offer slug.
Check Webflow allows custom code
Webflow's own help page lists which Workspace and Site plans permit custom code in head and body tags. Confirm yours before you start.
Add the SDK once
Open Site settings, then Custom code, paste the Plandalf script into Footer code and save. Do not repeat it in page code or an embed.
Add the attributes to a button
Style a normal button in Designer. Under Element settings, Custom attributes, add
data-plandalf-presentwith the offer slug anddata-plandalf-modeset totest.Publish and look at the live page
Preview can render custom code, but visitors only get saved changes after you publish. Open the published page signed out and check the product, amount and currency in the checkout.
Pay with a PayPal sandbox account
Connect the PayPal sandbox, choose PayPal, approve a sandbox payment and check the paid invoice in Plandalf. Then abandon one attempt at PayPal and confirm it leaves no paid invoice.
Repeat on mobile and any inline placement
Test the button at a mobile width. If you use a
data-plandalf-mountelement, buy from that placement too, because a working popup does not prove an inline one.
What sellers do with PayPal and Webflow
Launch page with a countdown
A coach puts a promo countdown div and a buy button on one page. The button carries the promo slug too, and PayPal is listed in the same checkout.
Limits and gotchas
- Webflow's guide sets up checkout only. It does not sync Webflow Ecommerce orders or deliver what you sell.
data-plandalf-promoshows a countdown widget. To apply promo pricing in checkout, the button needsdata-plandalf-apply-promo.- Saved Webflow changes are not live until you publish them to the domain you are testing.
- The Webflow guide warns that a missing test connection can fall back to live Stripe. Check which provider mode is connected before any payment test.
- A PayPal refund does not start Invoice Refunded in Plandalf, so remove access by hand.
PayPal and Webflow: common questions
- Does Webflow integrate with PayPal?
- Plandalf links them from the page side. A Webflow button opens a Plandalf checkout, and PayPal is one of the payment options in that checkout.
- How do I add a PayPal checkout to a Webflow site?
- Add the Plandalf script under Site settings, Custom code, then give a Webflow button the
data-plandalf-presentattribute. Switch on PayPal for the offer in Plandalf. - Do I need Webflow Ecommerce to take PayPal this way?
- No. The checkout runs in Plandalf. Webflow only needs the script and a button, and the plan must allow custom code.
- Can I test the Webflow and PayPal setup without taking money?
- Yes, with the PayPal sandbox. Complete an approved sandbox payment and also cancel one at PayPal, then check the invoice.
Guides for this pair
Start your 14-day free trialMore from PayPal and Webflow
- PayPal + DripA PayPal order on a Plandalf checkout can add the buyer to Drip, tag them and record a purchase event that starts a Drip workflow.
- PayPal + HubSpotA Plandalf sequence posts each PayPal buyer to HubSpot with Send Webhook, and a HubSpot workflow can post back.
- PayPal + KajabiWhen a buyer pays by PayPal on a Plandalf checkout, a sequence can grant them the matching Kajabi offer and tag them as a contact.
- Webflow + Kit (ConvertKit)A Webflow page opens the Plandalf checkout, and a paid order tags the buyer in Kit and starts their emails.
- Webflow + KlaviyoWebflow hosts the buy button, Plandalf takes payment, and a Send Webhook step can push the buyer or the order into Klaviyo.
- Webflow + MailchimpWebflow shows the offer, Plandalf takes the order, and Mailchimp gets the buyer as a tagged contact with an event for a Customer Journey.
Checked October 26, 2026 against Plandalf's own setup guides.