Skip to main content
Webflow takes Pocketsflow through a Code Embed element. The dashboard writes the code for you: pick a product and a style, copy, paste.

​
Add a product

1

Copy the embed code

In the dashboard, open Integrations → Site builders, pick a product and a style (button, link or card), choose Webflow and click Copy.
2

Add a Code Embed

In the Webflow Designer, open the Add panel and drag a Code Embed element where the button should go.
3

Paste and publish

Paste the code, click Save & Close, then publish your site.
The Webflow Designer canvas does not run scripts, so the button shows unstyled there. It works on the published site.

​
What the code looks like

A button:
Add data-pocketsflow-open="tab" (the dashboard does it when you choose New tab) to open the checkout in a new tab instead of the overlay. The Card style wraps the same button in a small card with the product’s cover, name and price, written with inline styles so your site’s CSS cannot change it. To place several buttons on one page, the <script> line is only needed once. Every attribute is described in Buy button for any website.

​
Webflow Apps and the Marketplace

Webflow also supports Apps (Designer Extensions) that add a panel inside the Designer. Apps are listed in the Webflow Marketplace only after Webflow reviews them. Until a Pocketsflow app is approved and listed, the Code Embed above is the supported way to sell from Webflow, and it is what an app would insert for you.

​
Any other site

The same code works on any site that accepts HTML: Squarespace (Code block), Carrd (Embed), Ghost (HTML card), Wix (Embed code) or your own pages.