Solana Pay on Webflow: accept SOL and USDC with an embed

Webflow Ecommerce only supports card processors. With a custom code Embed element you can add a Solana Pay button that sends USDC or SOL straight to your wallet.

1. Deploy a verifier

Webflow can't run server code, so deploy a small Cloudflare Worker (free tier) that creates an order (a random 32-byte reference, base58-encoded) and verifies it on-chain. Keep prices in the worker so visitors can't change them.

2. Add the Embed

In the Designer, drag an Embed element onto the page and paste:

<button onclick="buy()">Pay 12 USDC</button><div id="qr"></div>
<script src="https://cdn.jsdelivr.net/npm/qrcode-generator@1.4.4/qrcode.min.js"></script>
<script>async function buy(){const o=await (await fetch("https://YOUR-WORKER/api/order?items=ebook:1")).json();
const q=qrcode(0,"M");q.addData(o.payUrl);q.make();document.getElementById("qr").innerHTML=q.createImgTag(5,16); /* then poll /api/verify */}</script>

Custom code embeds need a paid Webflow site plan to run on the published site, but they preview in the Designer.

3. Deliver

When the verifier returns paid:true, redirect to a thank-you page, or have the worker return a signed download link. Never gate content only on the client side.

4. Mobile

On phones, link the solana: URL directly so Phantom or Solflare opens. On desktop, show the QR.

Skip the wiring: the Drop-In Kit (7 USDC) has the checkout and verifier; the Pro Kit (29 USDC) adds a cart, receipts and a dashboard; or have it installed.

Payments are on-chain and final; if delivery fails, email smallbizaicourses@gmail.com with your order reference. Software provided as is. Not financial advice.