> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pocketsflow.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Webflow

> Sell from Webflow with a copy-paste Code Embed: a buy button, link or product card that opens your Pocketsflow checkout.

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

<Steps>
  <Step title="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**.
  </Step>

  <Step title="Add a Code Embed">
    In the Webflow Designer, open the **Add** panel and drag a **Code Embed**
    element where the button should go.
  </Step>

  <Step title="Paste and publish">
    Paste the code, click **Save & Close**, then publish your site.
  </Step>
</Steps>

<Note>
  The Webflow Designer canvas does not run scripts, so the button shows unstyled
  there. It works on the published site.
</Note>

## What the code looks like

A button:

```html theme={"system"}
<script src="https://app.pocketsflow.com/embed.js" defer></script>
<a
  href="https://yourstore.pocketsflow.com/checkout?productId=PRODUCT_ID"
  data-pocketsflow-button
>Buy now</a>
```

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](/selling/embed-buy-button).

## 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.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.