Skip to content

Webstudio

Connecting Foxy to a Webstudio site — using a button, CMS-driven product data, or a custom code embed depending on how your catalog is set up.

Getting started with Foxy Commerce + Webstudio

How to offer product variants like size or color when managing products with Webstudio CMS, and the current options for handling variant selection and pricing.

Create a Gift Card Purchase Form in Webstudio

This tutorial shows Webstudio users how to build a working Foxy gift card purchase form

Create an add to cart button or link in Webstudio

Add Sidecart Functionality To display the sidecart when a customer adds a product to the cart, you need to include the Foxy loader file in your Webstu...

Create an add to cart form in Webstudio

Add Sidecart Functionality To display the sidecart when a customer adds a product to the cart, you need to include the Foxy loader file in your Webstu...

Embed a customer portal in Webstudio

How to embed the customer portal element into a Webstudio page — add the HTML embed and loader script, then link to the page so customers can view orders and manage subscriptions.

Foxy Commerce + Webstudio demo store

Launch your Webstudio store faster with our Foxy Commerce + Webstudio demo. Test the things out, remix to make it your own, and start selling today.

Manage products with Webstudio CMS

How to bind Webstudio CMS product data to a Foxy add-to-cart form — set up the webhook form, map name/price/image fields, and update inventory after each sale.

Manage product variants with Webstudio CMS

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