When a customer finishes checkout, the thank you page and the order status page can show a card with what they chose: Pickup details, Delivery details or Shipping details, with the date, the time and, for pickup, the location. You turn the cards on by adding the app's two blocks in Shopify's checkout editor.
It takes a few minutes and doesn't touch your theme. Customers see the card only on orders where they chose pickup, local delivery or shipping in the app's cart widget.
Before you start
Turn on the app embed and make sure customers can choose pickup, local delivery or shipping in your cart. See Let customers choose pickup, delivery or shipping in the cart. The cards show the choice made there.
To see whether a block is already added, check the Thank you page widget and Order status widget cards on the app's Dashboard. Each one reads Enabled or Disabled.
Add the widgets to your checkout
Start on Settings → Themes and checkout. It has one card for each widget, with a menu for the checkout configuration and a Customize checkout button.
Thank you page widget
In the app, click Settings, then Themes and checkout.
Under Thank you page widget, check the configuration in Select the checkout configuration to show the details on. It starts on your published one. Change it only if you want to add the block to a different configuration.
Click Customize checkout. Shopify's checkout editor opens on the Thank you page, with the Apps panel on the left.
Under Appstle Pickup & Delivery, click the + next to Thank You Widget, then choose Thank you.
Click Save.
The editor's preview doesn't show the card, because there's no order to read. Place a test order to see it.
Order status widget
Do the same for the order status page:
On Settings → Themes and checkout, under Order status widget, check the checkout configuration and click Customize checkout.
Under Appstle Pickup & Delivery, click the + next to Order Status Widget, then choose Order status. The editor is already on the Order status page.
Click Save.
Back on the app's Dashboard, both cards now read Enabled and their button changes to Preview in checkout.
What customers see
On the thank you page, the card sits at the top, under the confirmation message. For store pickup, it names the location, the date and the time slot the customer picked.
On the order status page, the same card sits above the order number, so customers can check it whenever they come back to the order.
The card uses these words when every detail is saved. The dates are written in the customer's language.
Choice | Card title | Message |
Store pickup | Pickup details | Pickup from {location} on {date} at {time}. |
Local delivery | Delivery details | Local delivery scheduled for {date} at {time}. |
Shipping | Shipping details | Shipping scheduled for {date} at {time}. |
When a detail is missing, the message gets shorter. For example, a pickup without a time reads Pickup from {location} on {date}. If no details were saved, the card shows a short line instead: Store pickup selected, Local delivery selected or Your order will ship soon.
To change the wording or translate it, edit the Order status card in Settings → Text and translations. See Change or translate the text in your pickup and delivery widgets.
Things to know
The card shows only for orders with a choice. If the customer didn't choose pickup, local delivery or shipping in the app's cart widget, the app adds nothing to the page.
It shows the location name, date and time only. It doesn't show the pickup address, a map or the order note.
Each page needs its own block. Both pages show the same card, but the Thank You Widget and the Order Status Widget are separate blocks, so add both.
Each block belongs to one checkout configuration. If you have more than one, add the block to the configuration your customers use.
FAQs
Why doesn't the card show on my thank you page?
First, check that the Thank you page widget card on the app's Dashboard reads Enabled. It reads Enabled when the block is in any checkout configuration, so also check that you saved it in the configuration you've published. Then check that the order has a pickup, delivery or shipping choice from the cart widget. The checkout editor's preview never shows the card, so test with a real order.
Why is the card on the thank you page but not on the order status page?
They are two blocks. Add the Order Status Widget on the Order status page of the checkout editor, as in the steps above.
Can I change the card's wording?
Yes. Edit the Order status card in Settings → Text and translations. See Change or translate the text in your pickup and delivery widgets.
Do customers see the card in their order emails?
No. The card appears on the thank you page and the order status page only. To send pickup and delivery details by email, use the app's emails in Settings → Email notifications. See Email notifications.