Stripe + HTML integration

A plain HTML page does not need a Stripe library or a server. You add the Plandalf script and an element with data-plandalf-present or data-plandalf-mount, and the checkout it opens takes payment through the Stripe account you connected in Plandalf. Any builder that accepts pasted HTML works the same way.

1. Connect Stripe and publish

   In Plandalf authorize Stripe, attach a price and publish the offer. Note the offer slug and your organization's SDK URL.

2. Add the script

   Place the Plandalf script tag on every page that has a checkout button, an inline checkout or a promo widget. Load it once per page.

3. Add one buying action

   Put data-plandalf-present with the offer slug on a button or link. Keep the default modal frame until the first click works, then try data-plandalf-frame or data-plandalf-size.

4. Try an inline checkout

   For a checkout that sits in the page, use a div with data-plandalf-mount and a min-height of around 480 pixels so the page does not jump.

5. Add a countdown if you have a promo

   Mount the widget with sdk.promo() after plandalf('ready', ...), or use data-plandalf-promo on a div. Reload to confirm the same visitor keeps their start time.

6. Pay with a test card

   Check the Stripe connection is a test account, complete a test purchase, and match the paid invoice in Plandalf to the Stripe payment. Remove data-plandalf-mode set to test before launch.

• The data-plandalf-promo element only draws a countdown. To apply promo pricing, add data-plandalf-apply-promo to the button or inline element. A timer on its own changes no price.
• An always-active final tier can keep selling at its normal price after the countdown expires. Test the price before and after the deadline.
• Use a blocking script, as in the docs' programmatic example, if your own code calls plandalf.ready() or plandalf.present() directly. The async snippet is for attribute-only buttons.
• Test mode is requested by data-plandalf-mode, and the Stripe connection decides what actually happens. Verify the account before you pay.
• A static page cannot check who paid. If you gate content, verify the purchase on a server you control.

Does Stripe integrate with HTML?

Through Plandalf, yes: paste the Plandalf script and a button with data-plandalf-present into your HTML and the checkout charges your connected Stripe account. You do not write Stripe code.

How do I add a Stripe checkout to a static HTML website?

Connect Stripe to Plandalf, publish an offer, add the script tag and put the offer slug on a button. Publish the page and test it with a Stripe test card.

Can I show the checkout inside the page instead of a popup?

Yes. Use data-plandalf-mount on a div to render the offer inline, and give the div a minimum height.

Does the HTML page need a server for Stripe?

Not to open checkout or take payment. You only need a server if you want to verify purchases yourself or restrict content after a sale.

Checked October 26, 2026 against Plandalf's own setup guides.