Webflow checkout

Add a Chargedeck checkout to Webflow

Turn any Webflow button into a buy button with one custom attribute. The checkout opens in an overlay on your own design, and the payment goes to your own Stripe, PayPal or Square. No Webflow Ecommerce plan needed.

Get your embed code

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

The short version

Webflow lets you add custom attributes to elements. Add data-chargedeck to any button you have already designed and it becomes a Chargedeck buy button.

Add the Chargedeck script once in your site's footer code and every tagged button works.

Step by step

How to add Chargedeck to Webflow

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

Method 1: keep your own design

Add a custom attribute to any button

Custom code in Webflow needs a paid site plan or workspace.
  1. Select your button or link block and open Element settings.
  2. Under Custom attributes add the name data-chargedeck with your page slug as the value.
  3. Open Site settings, Custom code and paste the script below into Footer code.
  4. Publish. Your own button now opens the checkout in an overlay.
Footer code
<script src="https://chargedeck.app/embed.js" defer></script>

Add data-cdk-raw="1" as a second attribute to keep your own button styling exactly as designed.

Method 2: paste a ready-made button

Use a Code Embed element

  1. Drag a Code Embed element onto the page.
  2. Paste the snippet and save, then publish.
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 3: works on every plan

Link a button to your checkout

No code. Opens your checkout page in the browser.
  1. In Chargedeck, open your checkout page and copy its link.
  2. Select any button or link block and paste the link as its URL.
  3. Publish. Buyers who tap the button land on your branded checkout and pay.
Your link looks like this
https://chargedeck.app/p/your-page-slug
Which method

What each method does on Webflow

What the buyer seesWhat you need
Custom attributeYour own button opens an overlay checkoutCustom code enabled on the site
Buy button snippetCheckout opens in an overlay on your pageA place to paste HTML and JavaScript
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 Webflow 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

Webflow checkout: common questions

Do I need Webflow Ecommerce?

No. Chargedeck handles the checkout and the payment, so a standard Webflow site plan is enough.

Will Chargedeck restyle my Webflow button?

By default the snippet applies a simple button style. Add the attribute data-cdk-raw="1" and your own Webflow styling is left untouched.

Can I use it in a CMS collection?

Yes. Bind the data-chargedeck attribute value to a CMS field that holds each item's Chargedeck page slug, and every collection item gets its own buy button.

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 Webflow site.

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

See pricing