How to connect Webflow Ecommerce: step by step

You need: a Webflow site with Ecommerce switched on, and site admin access. Connecting needs Starter or above. Applying a price to your store needs Premium or above.

Step 1. Generate the token

1. 1Open your site in Webflow and go to Site settings.
2. 2Open Apps and integrations, then scroll to API access.
3. 3Click Generate API token. Name it CostCal Pro.
4. 4Give Ecommerce read and write access. Sites read access is also needed.
5. 5Click Generate and copy the token. It is shown only once.

Step 2. Find your site ID

In Site settings, General, scroll to the bottom. The Site ID is a code of 24 letters and numbers. Copy it.

Step 3. Paste it into CostCal Pro

1. 1Open the Stores tab and choose Webflow.
2. 2Paste the Site ID and the Site token.
3. 3Click Connect store.

Each SKU is listed as its own row. Prices are sent in the smallest currency unit and keep your store currency.