Create a Purchase Button

Adding ecommerce to your Webflow website is as simple as adding a link or button element in Webflow's Visual Designer.

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

1

In the FoxyCart admin, go to the Sample Code page here

2

Copy the code snippet from the Step 1 textarea

3

Copy the code snippet from the Step 1 textarea

4

In Webflow go to your Site Settings page

5

Click on the Custom Code link at top

6

Paste the code snippet into the Footer Code textarea

7

Click the green “Save Changes” button

Add Link or Button

You can turn any element in Webflow into a purchase link (ie: text, buttons, images, etc.) You can find a sample Foxy product link here.

1

In Webflow, go to your site Designer page

2

Add a Button element

3

Modify button text and style as needed

4

Under Link Settings, add your Foxy product link

5

Publish changes