Webflow

Integrate Foxy with your Webflow website.

Webflow Ecommerce

In most cases, Foxy will 100% replace Webflow Ecommerce functionality, meaning you can downgrade to a non-Webflow Ecommerce plan. If you have multiple products to manage, we recommend using Webflow CMS, but this isn't required.

It's not possible to integrate Foxy features into your Webflow Ecommerce checkout (ex: only use Foxy's taxes functionality). Foxy provides all of the needed ecommerce functionality and will 100% replace Webflow Ecommerce.

Products

Products are created with a basic link or html form, simply passing different product parameters (ex: name, price, color, image, etc.) to the Foxy cart. Whether you're selling one or hundreds of products, you'll manage these products entirely in Webflow. If you have multiple products to manage, we recommend using Webflow CMS, but this isn't required.

While our recommended approach is to use Webflow CMS (more customizable, less limitations, doesn't require a Webflow Ecommerce plan, etc.), you can use the Webflow Ecommerce product manager to manage products if you prefer. Our Webflow CMS tutorial will still apply, but you'll use Webflow Ecommerce Products as the data source.

Customization

All Foxy templates are 100% customizable with your own html, css, and js, allowing you to modify the design and look to match your brand. More info here. Also, we have step-by-step instructions for adding a custom header/footer to your Foxy templates in Webflow here.

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 Include In Foxy, go to your Sample Code page  here . Copy the snippet from Step 1. In Webflow, go to your Project Settings > ...

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

Create A Customer Portal In Webflow

With our drop-in customer portal feature, you can easily allow customers to view order history, manage their subscriptions, update billing/shipping i...

Create a purchase button in Webflow

Add Sidecart Functionality To display the sidecart when a customer adds a product to cart, you must first load the needed Foxy loader file into yo...

Create a purchase form with Webflow's Form Builder

In this article we show you how to use Webflow's form builder to setup a purchase form to sell any type of product or service. We'll cover how to handle different product types later in the article.

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

Manage products with Webflow CMS

Use Webflow CMS to manage products, variants, inventory, and more.

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

Manage product variants that chain together with Webflow CMS

Integrate FoxyCart with Webflow CMS by linking Products and Variants Collections to manage product variants that chain together. Use custom attributes and scripts for dynamic cart features like multi-currency, multilingual support, and real-time updates for price, inventory, and images.

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)

Use Webflow CMS to manage variant groups, options, available inventory, and more.

Multilingual & Multi-currency with Webflow Localization

Synchronize Foxy templates with your Webflow site's language and currency settings.

Sync Foxy transactions with Printful orders (via Byteline)

Automatically send Foxy transactions to Printful for fulfillment with Byteline.

Sync Printful products with Webflow CMS (via Byteline)

Automatically sync Printful products with Webflow CMS (via Byteline).

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

Webflow Product Variants

Webflow Product Variants

Need Help?

Can't find the answers you're looking for? Our team is here to help. Please click below to contact us.