Is it possible to use snipcart without the CMS?

Community resources
7

Hello Edwteja21:

You can absolutely use Webflow’s Basic plan, fetch your products from Airtable using Wized, and handle checkout/payments with Snipcart. This setup avoids Webflow’s e-commerce limitations while keeping costs low.

How It Works

:one: Store Products in Airtable

  • Airtable acts as your product database (ID, Name, Price, Image, Description).

:two: Use Wized to Fetch Products

  • Wized lets you connect Airtable to Webflow, dynamically displaying products without Webflow’s CMS plan.

:three: Embed Snipcart for Checkout

  • Snipcart enables e-commerce without Webflow’s native system, supporting multiple payment gateways.

Example Setup

  1. Airtable Setup:
  • Create an Airtable table with columns like Product Name, Price, Image URL, ID.
  1. Webflow + Wized:
  • Install Wized & connect it to Airtable.
  • Use a dynamic Repeater Block to display product data in Webflow.
  1. Snipcart Buy Button:
  • Add a button for each product with Snipcart’s attributes:

html

CopyEdit

<button class="snipcart-add-item"
    data-item-id="123"
    data-item-name="T-shirt"
    data-item-price="19.99"
    data-item-url="/product-page"
    data-item-image="https://example.com/tshirt.jpg">
    Add to Cart
</button>
  1. Enable Snipcart & Payment Gateway
  • Sign up for Snipcart, set up your preferred payment provider, and embed the Snipcart script in Webflow.