Webflow App

Overview

Supercharge your Webflow site with powerful ecommerce. Use the Foxy app to easily configure custom add to cart forms right inside Webflow, while Foxy securely handles cart and checkout. Sell static products or CMS catalogs, launch flexible subscriptions, and process payments across 100+ gateways, all with absolute design freedom, zero design limits, and no mandatory Webflow Ecommerce plan.

How To Install

Inside Webflow, go to Apps and search "Foxy Commerce".

Product

In this section of the app, you'll configure your product information, using static or CMS field values. The name and price fields are required. All other fields are optional. If you'll be managing product data with Webflow CMS, please read this article.

Variants

Create Variants CMS Collection

An additional CMS collection is needed to store product variant data. Once you've created this additional CMS collection and have added data, you should have a CMS item for every possible product variant combination (ie: Awesome Shirt / Blue / Large).

1. 1

   In Webflow, create a new CMS Collection (name the collection as needed).

2. 2

   Add the following CMS fields as needed (name of field can be whatever you want):

   
   Note: The following fields are optional.

   Name	Type
   SKU	Plain Text
   Image	Image
   Price	Number
   Weight	Number
   Inventory	Number

3. 3

   For each variant group, add a plain text field (ie: Size, Color, Format).

4. 4

   Save changes.

5. 5

   In the Products CMS Collection, add a new multi-reference field, connected to the new Variants CMS Collection.

6. 6

   Save changes.

Settings

This is where you control your add to cart form behavior.

Issues

If your app has any issues or is missing required information, notices will be displayed in this section of the app..