Add Purity's code in your Webflow site settings once, then add buttons with Code Embed elements. Buyers pay on your Purity checkout.
Before you start: Webflow publishes custom code on sites with a paid Site plan, or on a Core, Growth, Agency or Freelancer Workspace plan.
Open Website, choose Webflow under "Where do you sell today?", then follow these steps:
- Create a site key. It lets your site show live prices and stock. Use "Create a site key" or "Create a secret key" on the Website page.
- Copy this code. The Website page has this ready to copy.
- In Webflow: Site settings > Custom code. Paste the code into Footer code (before the closing body tag) and Save.
- In the Designer: Add panel > Code Embed. Paste the button code below and change YOUR-SKU to the product's SKU in Purity. The Website page has this ready to copy.
- Publish your site, then paste your site address below and choose "Check my site". Purity looks for the code on your page.
Connected looks like: Purity finds the code on your page and shows when your site last loaded your products.
Stock: the buttons read Purity's live stock every time a page loads, and orders are placed on your Purity checkout, so a sale takes stock off in Purity at once and sold-out products update on their own (Sold out, Pre-order or hidden, as you choose under "Stock on your website"). Webflow Ecommerce inventory is not updated; sell these products only through the Purity buttons.