Webflow
Connecting Foxy to a Webflow site — managing products, variants, and inventory through Webflow's CMS, and setting up fulfillment integrations like Printful.
Articles
Getting Started with Foxy + Webflow
Get a better understanding of what Foxy does and doesn't do, making it easier to integrate with your Webflow website.
Add a custom header and footer to your Foxy templates in Webflow
In this tutorial, we'll show you how to add a custom header and footer to your Foxy templates in Webflow. Please follow the steps within each section.
Add a mini-cart to your Webflow website
Install Foxy loader.js Go to the Foxy admin Go to Settings > Website & Products Copy the snippet from the Foxy loader.js section In Webflow, go to Sit...
Add customer reviews to Webflow CMS products with Monto
Configure Webhook Create your free Monto account here In Monto, choose the "Foxy for Webflow" option. Fill out your store information and click the "C...
Create A Customer Portal In Webflow
Overview With our drop-in customer portal feature, you can easily allow customers to view order history, manage their subscriptions, update billing/sh...
Create a purchase button in Webflow
How to turn any Webflow button, text, or image into an add-to-cart link — enable sidecart functionality, then build and paste your purchase link using the Link & Form Builder.
Create a purchase form with Webflow's Form Builder
How to use Webflow's native form builder to build a purchase form that connects to Foxy checkout — a good fit for selling a single product with a few customer choices, like color or size.
Manage product inventory with Webflow CMS
The following tutorial assumes you have already setup a products collection in Webflow's CMS and have added your products. Please refer to this articl...
Manage products with Webflow CMS
How to connect Webflow CMS product data to an add-to-cart form — set up the collection, build the form, validate pricing, and sync inventory or variants.
Manage products with Webflow Ecommerce
Our recommended approach to integrate with Webflow is to use Webflow CMS to manage products, which supports unlimited variants, automatic inventory up...
Manage product variants with Webflow CMS
Use Webflow CMS to dynamically control what variant groups and options are available for your products.
Manage product variants with Webflow CMS (Advanced)
An advanced approach to product variants in Webflow CMS using a separate Variants collection linked by multi-reference field — supports per-variant pricing, images, SKUs, and inventory.
Multilingual & Multi-currency with Webflow Localization
How to sync Foxy template sets with Webflow Localization's languages — map each locale's URL prefix to a Foxy template set for the matching language, currency, and payment method set.
Sync Foxy transactions with Printful orders (via Byteline)
How to automatically send completed transactions to Printful for fulfillment using Byteline — connect both apps, map transactions to orders, and start the sync.
Sync Printful products with Webflow CMS (via Byteline)
How to automatically sync Printful product data into Webflow CMS using Byteline — connect both apps, map tables and fields, and choose which data to sync.
Validate product pricing and inventory before completing purchases
While Foxy has a feature to add signatures to links and forms to prevent any potential modifications, unfortunately due to the limitations in Webflow ...
Validate Webflow CMS product pricing with Foxy Automations
Use Foxy Automations to validate Webflow CMS product pricing before allowing an order to go through.
Webflow Frequently Asked Questions
Webflow Ecommerce Do I need a Webflow Ecommerce plan? In most cases, Foxy will 100% replace Webflow Ecommerce functionality, meaning you can downgrade...