Which widget should I use? (Cart vs Checkout)

Azent offers three ways to show the delivery date and time picker to your customers. Each one works in a different location and has different trade-offs. This article helps you decide which one fits your store.

Overview

Widget

Where it appears

Requires

App Embed

Cart page (floating or inline)

Online Store 2.0 theme

App Block

Cart page (inside a section)

Online Store 2.0 theme

Checkout Extension

Checkout page

Any Shopify theme

App Embed — Cart page (easy toggle)

The App Embed adds the delivery widget to your cart page via a simple on/off toggle. No drag-and-drop needed.

Best for:

  • Stores that want a quick, no-fuss setup

  • Showing the date picker before the customer reaches checkout

How to enable: Go to App → Settings → Widget Display → Open Theme Editor (App Embed). In the Theme Editor, click App embeds in the left sidebar → toggle "Delivery Time Slots" ON → Save.

Limitations:

  • Position is fixed (depends on your theme's cart template)

  • Less control over exact placement compared to App Block

App Block — Cart page (precise placement)

The App Block lets you drag the widget to an exact position inside your cart page using the Theme Editor.

Best for:

  • Stores that want the widget in a specific spot on the cart page

  • Themes where the App Embed position doesn't look right

How to enable: Go to App → Settings → Widget Display → Open Theme Editor (App Block). In the Theme Editor, find the cart section → click Add block → select Delivery Picker → drag it to your preferred position → Save.

Limitations:

  • Requires a bit more setup than App Embed

  • Some themes may not support app blocks in the cart

App Embed vs App Block: You only need one of these for the cart page. If you're unsure, start with App Embed — it's simpler. If the position doesn't look right, switch to App Block for more control.

Checkout Extension — Checkout page (recommended)

The Checkout Extension adds the date and time picker directly inside the Shopify checkout flow — after the customer fills in their address and before they pay.

Best for:

  • Ensuring the delivery date is always captured before payment

  • Stores on any Shopify theme (works even without Online Store 2.0)

  • The most reliable option for collecting delivery data

How to enable: Go to App → Settings → Widget Display → Open Checkout Editor. In the Checkout Editor, find the app extensions panel → add Azent Delivery Time Slots → position it → Save.

Limitations:

  • Requires Shopify's checkout extensibility (available on all current Shopify plans)

  • Customization options are limited by what Shopify's checkout editor allows

Can I use more than one at the same time?

Yes. A common setup is:

  • Cart page widget (App Embed or App Block) — so customers see the date picker early and can plan ahead

  • Checkout Extension — as the final capture point to make sure the date is saved to the order

If the customer picks a date on the cart page and then changes their mind at checkout, the checkout widget will reflect the latest selection.

Thank You page & Order Status page

After the order is placed, you can display the selected delivery date and time on:

  • Thank You page — Go to Widget Display → Open Thank You Editor

  • Order Status page — Go to Widget Display → Open Order Status Editor

These are read-only displays — they show the delivery info that was captured at checkout.

Quick recommendation

Store type

Recommended setup

Most stores

Checkout Extension only

Stores wanting early visibility

Cart App Embed + Checkout Extension

Stores with custom cart themes

Cart App Block + Checkout Extension

Viewing info post-purchase

Add Thank You + Order Status blocks

If your widget isn't showing after setup, see The widget is not showing on my store in the Troubleshooting section.