Checkout widget

Add the Zapiet - Pickup + Delivery widget to the checkout page

Jelizaveta avatar
Written by Jelizaveta
Updated over a week ago

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.


Enable the checkout widget

  1. In Online Store > Themes tab, click Customize next to the theme you want to edit.

  2. Click Home page, then Checkout.

  3. Click Add app block.

  4. Click the Checkout widget by Zapiet - Pickup + Delivery to enable our widget.

  5. You will see our widget at the checkout page.

  6. 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.

  1. In Shopify Online Store Themes tab, click Customize next to the theme you want to edit.

  2. Click the App embeds section.

  3. Disable the Cart widget.

  4. 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.

  1. In Online Store > Themes tab, click Customize next to the theme you want to edit.

  2. Click Home page, then Checkout.

  3. Click Checkout widget.

  4. Click Remove app from checkout.

  5. 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

  • 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 draft orders—It will not appear at the checkout page when customers open the payment link from the invoice.

  • Pickup map and region search are not available.

  • 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 validator widget, custom pickup slots and delivery validation by city name.

  • 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.


Did this answer your question?