A headless Shopify store is a setup where the frontend (what the customers see) is completely separated from the backend (Shopify’s admin, checkout, and data layer).
In a traditional Shopify store, themes like Dawn use Liquid templates that are hosted by Shopify.
In a headless store, merchants use a custom frontend (for example, built in Next.js, Gatsby, or Hydrogen) that pulls data via Shopify’s Storefront API and sends orders and customer data to the Shopify backend.
To integrate a headless store with Zapiet - Pickup + Delivery, you can build a custom widget using our Widget API documentation, or if you have a Shopify Plus store using the Shopify checkout, you can also use our Checkout widgets.
Build a custom widget
You can follow our guides to set your pickup, delivery and shipping rules:
You can then use our Widget API documentation to create a widget on your frontend that can retrieve this information, and create orders that will appear in the Zapiet - Pickup + Delivery order dashboard.
Not all settings are available through the API. Please check the unsupported features page for more information.
Use the checkout widgets
Requirements
You need to be on the Shopify Plus plan.
You need to be using the Shopify Checkout.
You need to be on the Pro plan or higher in Zapiet - Pickup + Delivery.
You cannot also use a cart widget.
If you are using the Shopify Checkout, you can add the Checkout widget or the Checkout delivery options widget to your checkout page, and it will retrieve your settings, without needing to build a custom widget.
Checkout widgets have specific requirements and constraints. Please review the limitations to ensure they meet your store’s needs.