HTML checkout

Add a checkout to any HTML website

One line of code turns any link into a buy button that opens a full Chargedeck checkout in an overlay. There is also a mini shop, a web component and a small JavaScript API. Payments go to your own Stripe, PayPal or Square.

Get your embed code

Free for 7 days. No card. 0% of your sales, on every plan.

The short version

Paste the buy-button snippet into any page. The script is dependency-free and loads with defer.

Developers can open a checkout from their own code with Chargedeck.buy(), or create checkouts for exact cart totals with the REST API.

Step by step

How to add Chargedeck to HTML

Pick the method that suits your site. They all take the payment on the same secure Chargedeck checkout.

Method 1

The buy button

Any element with a data-chargedeck attribute becomes a buy button.

Buy button
<a data-chargedeck="your-page-slug">Buy now</a>
<script src="https://chargedeck.app/embed.js" defer></script>

Swap your-page-slug for the last part of your checkout link. You can copy ready-made code from the embed generator.

Method 2

A whole mini shop

Embed your storefront as a product grid with its own basket and checkout.

Mini shop
<div data-chargedeck-shop="your-handle"></div>
<script src="https://chargedeck.app/embed.js" defer></script>
Method 3

The web component

Handy in React, Vue and builders that accept custom elements.
Web component
<script src="https://chargedeck.app/chargedeck-button.js" defer></script>
<chargedeck-button slug="your-page-slug" label="Buy now"></chargedeck-button>
Method 4

From your own JavaScript

Once the script has loaded, open a checkout yourself and react when the buyer has paid.

JavaScript API
Chargedeck.buy('your-page-slug');
Chargedeck.onSuccess = function (order) { /* thank the buyer */ };
Method 5

Inline, no script

Inline checkout
<iframe src="https://chargedeck.app/p/your-page-slug?embed=1" title="Secure checkout"
  allow="payment *" style="width:100%;max-width:460px;height:760px;border:0"></iframe>
Which method

What each method does on HTML

What the buyer seesWhat you need
Buy button snippetCheckout opens in an overlay on your pageA place to paste HTML and JavaScript
Mini shopA product grid with a basketOne div and the script
Web componentA button that opens an overlayOne script tag
Inline checkoutCheckout sits inside your pageAn HTML or embed block
Button linkYour checkout opens as a full pageAny plan. No code.
What you get

A full checkout, not a bare payment button

Order bumps

A one-tap add-on above the pay button. How bumps work.

Your own processor

Payments settle straight into your own Stripe, PayPal or Square account.

Flat fee, 0% of sales

From $9.99 a month with no sales caps. See pricing.

Custom fields

Collect sizes, handles and delivery notes with the order.

Variants and stock

Sell options with stock limits, and let buyers fill a basket.

Tracking

Meta and TikTok pixels plus UTM tags that follow the order.

Your money, direct

Your HTML site sells. Your processor gets paid.

Chargedeck is non-custodial. A buyer's payment goes from their card or bank straight into your own processor account, and your processor pays you out on its normal schedule. The money never sits in a Chargedeck balance, so there is nothing for us to take a percentage of.

Pricing

Flat plans. No sales caps. 0% of your sales.

The price does not move when your sales do. Pick by how many brands you run, not by how much you earn.

Starter
$9.99/mo

Everything you need to sell, on one brand.

  • 0% of every sale
  • Your own Stripe, PayPal or Square
  • Unlimited products, pages and checkouts
  • Order bumps, pay what you want, baskets, bookings
  • Storefront, Discord bot, API and webhooks
  • 1 brand and 1 storefront
For multiple brands
Growth
$24.99/mo

For sellers running more than one brand.

  • Everything in Starter, plus:
  • Up to 5 brands and storefronts
  • Advanced analytics: per-page breakdown and UTM attribution
  • Still 0% of every sale
Unlimited
$49.99/mo

Every brand and storefront, one login.

  • Everything in Growth, plus:
  • Unlimited brands and storefronts
  • Still 0% of every sale
  • Still your own processor

Free for 7 days with everything unlocked, no card needed. After that, selling needs a plan; your link-in-bio page stays free. Prices in USD, billed monthly, cancel anytime. No plan has a sales cap.

FAQ

HTML checkout: common questions

Does the script slow my site down?

It is a single small file with no dependencies, loaded with defer, and it only creates the checkout frame when a buyer clicks.

Can I charge an exact cart total from my own site?

Yes. Use the REST API to create a hosted checkout for any amount, redirect the buyer to it, and confirm the order with a signed webhook.

Is card data handled on my site?

No. The checkout runs in a frame served by Chargedeck and the card details go to your processor, so they never touch your pages.

Does Chargedeck take a cut of my sales?

No. Chargedeck charges a flat monthly fee and 0% of your sales on every plan. The only other cost is the card processing fee your own processor charges you, which Chargedeck never sees or marks up.

Is there a free trial?

Yes. Every new account gets 7 days with everything unlocked, and you do not enter a card to start. After the trial, selling needs a plan from $9.99 a month. Your link-in-bio page stays free forever.

Keep reading

More ways to use Chargedeck

Add a checkout to your HTML site.

Build the page in Chargedeck, paste it into HTML. Free for 7 days, no card.

See pricing