Foxy

How to integrate Foxy with Webflow

Foxy extends Webflow's e-commerce capabilities by providing a flexible cart and checkout system that works with any Webflow site. Choose Foxy when you need features beyond Webflow's native e-commerce — like recurring subscriptions, complex product variants, multi-currency support, or custom checkout flows. The integration gives you complete control over the shopping experience while Foxy handles secure payment processing and order management. Learn more in the Foxy API documentation.

Use HTML embeds and purchase buttons

Add Foxy's shopping features to any Webflow page using embed codes and purchase links. This method works for single products or entire catalogs managed in Webflow CMS.

Use this approach to:

• Add purchase buttons with the HTML Embed element

• Create mini-carts that display cart contents without leaving the page

• Build purchase forms using Webflow's Form Builder with custom field mapping

Copy Foxy's button code and paste it into a Webflow Embed element. Map product data from your CMS collections to the button parameters for dynamic pricing and inventory.

Manage products with Webflow CMS

Use Webflow's CMS to create a scalable product management system that connects to Foxy's checkout. This approach supports unlimited products and complex variant structures.

Key capabilities include:

• Product collections for organizing inventory with the CMS management guide

• Variant management for size, color, and other options using CMS fields

• Inventory tracking with automatic updates after purchases through inventory sync

Create CMS collections for products with fields for name, price, SKU, and variants. Template these into your product pages and connect to Foxy via embed codes or purchase links.

Add customer features

Provide self-service account management and order tracking by embedding Foxy's customer portal into your Webflow site.

The customer portal enables:

• Order history viewing and tracking

• Subscription management for recurring purchases

• Address updates and payment method changes

Embed the portal using Foxy's provided code snippet. Style it to match your site design for a seamless experience. Read the customer portal setup guide.

Build with Webflow and Foxy APIs

For advanced integrations, use both platforms' APIs to create custom workflows and automate business processes. This approach enables real-time inventory sync, custom pricing logic, and order automation.

Sync inventory and orders

Keep Webflow CMS collections updated with real-time data from Foxy using webhooks and API calls.

Essential endpoints:

• Update CMS items with PATCH /collections/{id}/items/{item_id} when orders complete

• Process webhooks from Foxy's webhook system for order notifications

• Validate pricing using pre-payment webhooks to check inventory before checkout

Configure Foxy to send webhooks when orders complete. Your middleware receives the data and updates Webflow CMS via API to maintain accurate inventory levels.

Automate fulfillment workflows

Connect Foxy orders to fulfillment services and business tools through API integrations.

Common integrations include:

• Print-on-demand services like Printful via Byteline

• Shipping providers for label generation and tracking

• Accounting systems for financial reconciliation

Use Foxy's native integration endpoints to configure automated workflows that trigger when orders are placed.

What you can build

Integrating Foxy with Webflow opens up advanced e-commerce possibilities beyond standard online stores.

• Subscription services: Build recurring revenue businesses like meal delivery services, subscription boxes, or membership sites with automated billing and customer portals

• Digital product stores: Sell courses, e-books, or software with secure digital delivery and license management after purchase

• Multi-vendor marketplaces: Create platforms where multiple sellers list products with automated commission calculations and vendor payouts

• Event ticketing systems: Manage complex event registrations with tiered pricing, add-ons, and attendee data collection