Style this button any way you like.
Adds a single buy button for the service selected above — paste it anywhere on your page and visitors click it to pay.
Paste the embed code anywhere inside the <body> of your HTML file. Place it near the bottom of the page for fastest loading.
The <button> tag can go anywhere on the page — as many times as you like for the same service. Style it with your own CSS.
The <script> tag only needs to appear once per page, even if you have multiple buy buttons.
In the Wix Editor, click the + icon → Embed → Custom Code. Or go to Settings → Custom Code → Add Code.
Set placement to Body — end. Paste your embed code. Click Apply.
To add the button visually, add an HTML iframe widget wherever you want the button to appear and paste just the <button> line inside it.
Publish your site — the payment widget is now live.
Go to Settings → Advanced → Code Injection → Footer. Paste the full embed code here. This loads the widget on every page.
To place the button on a specific page, edit that page → click + → add a Code block → paste the <button> line only.
Save and preview. The payment modal will open when visitors click the button.
In Webflow Designer, open Site Settings → Custom Code → Footer Code. Paste the full embed code here.
To add the button: drag an Embed component onto your canvas wherever you want the button. Paste only the <button> line inside it.
Publish your site. The AvoPay Commerce widget is now active on every page that has a button.
Tip: use Webflow Interactions to style the button on hover — AvoPay only controls the modal overlay.