Articles on: tutorial

How to customize delivery widget layout?

There can be different ways you can set the widget based on

  1. Delivery Address Validation Layout
  2. Calendar Layout
  3. Time Slot Layout


Step 1: Go to widget, now select where do you want to add it, is it cart page or cart drawer. Then Click on configure.


Widgets -> Select Type -> Configure

A) For Delivery Address Validation Layout


Step 2a: Select the delivery type from top, then For Zip code validation, select Zipcode, then click on Save.


Zip code

You will see in website similar to the below image


In Cart Widget

Step 2b: For Address search validation, select Address Search, then click on Save.


Address Search

Address search in cart widget




Step 2c: For Address search with Map validation, select Address Search + Map, then click on Save.


Address Search + Map

Map

For address search & map, you need Google Map API key to enable.



B) For Calendar Layout


Step 3a) You can select between default , dropdown and legacy calendar.


Default


Dropdown



C) For Time Slot Layout


Step 4a) You can select between legacy and dropdown.


Timeslot


Dropdown




Updated on: 25/06/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!