Is there a way to integrate Webflow and Shopify without relying on Shopify for checkout, potentially using Zapier or Integromat to handle the ordering process in Webflow and the order management in Shopify?
TL;DR
- Use Webflow for frontend design and checkout, then collect order details via forms or Ecommerce.
- Automate order data transfer to Shopify using Zapier or Make to create Draft Orders for backend processing.
You can integrate Webflow and Shopify without using Shopify for checkout by leveraging Shopify purely as a backend inventory and order management system, while using tools like Zapier or Make (formerly Integromat) to automate order processing from Webflow to Shopify.
1. Use Webflow for Frontend & Checkout
- Design your product pages and checkout flow in Webflow, using Webflow’s native CMS and Ecommerce if needed.
- Use Webflow Forms or Ecommerce Checkout to collect customer order details.
2. Send Webflow Orders to Shopify via Zapier/Make
- Connect Webflow Form submissions (or Ecommerce Orders) to Zapier or Make.
- When a customer places an order, trigger automation to send order data to Shopify using the Shopify API.
3. Create Draft Orders in Shopify
- Use Shopify’s API through Zapier/Make to create a Draft Order in Shopify with:
- Customer name, email, shipping info
- Line items (matched by product handle or SKU)
- You can choose to capture payment in Webflow (e.g., via Stripe), or send a draft invoice from Shopify for payment later.
4. Sync Product Info From Shopify to Webflow (Optional)
- If you want to manage inventory from Shopify, automate syncing using:
- Shopify → Airtable → Webflow CMS via Zapier/Make
- This can keep your Webflow product listings up to date with stock levels, prices, and names.
5. Consider Limitations
- Inventory syncing is not real-time unless you add complex steps.
- You may need to manually reconcile orders and payments depending on how you capture payments.
- Shopify reports, shipping, and taxes may be limited since the order didn’t go through a standard Shopify checkout.
Summary
Yes, you can use Webflow as the frontend and checkout while automating order submission to Shopify for backend order management using Zapier or Make. This setup bypasses the Shopify checkout, but allows you to leverage Shopify’s robust order handling features.