If you are a Shopify Plus store, you can add our widget to the checkout page with our checkout extension widget.
Requirements
You need to be on the Shopify Plus plan.
You need to be on the Pro plan or higher in Zapiet - Pickup + Delivery.
You cannot use our cart widget.
To enable the app block, you will need to have permission to manage apps from the store owner.
Enable the checkout widget
Click Settings, then Themes and checkouts.
In the Checkout section, select the checkout configuration, then click Customize checkout.
Click Add app block.
Click the Checkout widget by Zapiet - Pickup + Delivery to enable our widget.
You will see our widget at the checkout page.
Click Save.
The checkout extension is now enabled on your store.
Disable the cart page widget
When using our widget in the checkout page, you need to disable our widget in the cart page to ensure a smooth checkout experience.
Click Settings, then Themes and checkouts.
In the Cart page section, select the theme you want to edit, then click Preview in theme.
Disable the Cart widget.
Click Save.
Now the widget should be visible only in the checkout page.
Disable the checkout widget
If you want to stop using our widget in the checkout page, you can disable it.
Click Settings, then Themes and checkouts.
In the Checkout section, select the checkout configuration, then click Customize checkout.
Click Checkout widget.
Click Remove app from checkout.
Click Save.
Make sure that you enable our widget in the cart page, if you decide not to use our checkout widget any more.
Notes
By default, our widget will preselect the first available date and time, as soon as your customers select the delivery method.
If you would like to disable this feature, please contact our support team on chat or at [email protected].
Checkout widget is currently only compatible with one express checkout method - Shop Pay.
Limitations
The checkout widget is not compatible with the three-page checkout when using customer accounts, as it bypasses the widget and goes directly to the billing section. Switching to a one-page checkout resolves this issue.
Both widgets can't be enabled at the same time. You will need to manually disable the widget in the cart page, if you're using the checkout extension widget.
Checkout widget is not compatible with product availability by tags, product types, or vendors.
Checkout widget is not compatible with draft orders—It will not appear at the checkout page when customers open the payment link from the invoice.
Filtering by state/province for pickup is not supported.
You cannot change widget icons to a radio list.
Checkout widget is not currently compatible with delivery validation by city name.
The wording in the checkout will not update depending on the customers selection in the widget.
Pickup address prepopulation feature will currently not be applied when using the checkout widget. However, Zapiet will update the customer's shipping address to the pickup location's address after the order is placed.
After your customers have selected a date in the calendar, they will need to click outside of the calendar to close it. If they double-click the date, their date selection will be reset [Shopify limitation].
When using date-based rates with an integrated app, a Shopify error message will show until the customer has selected a date [Shopify limitation].
If a subscription product and a non-subscription product are in the cart at the same time, the checkout widget will show twice [Shopify limitation].
When a delivery method is unavailable, the rate may still show [Shopify limitation]. The checkout button will still be locked, and customers cannot check out until they choose a delivery method that is available to them.
