> For the complete documentation index, see [llms.txt](https://wiki.wakilni.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.wakilni.com/release-notes/add-wakilni-area-selector-to-shopify-jan-2026.md).

# Add Wakilni Area Selector to Shopify - Jan 2026

### Add Wakilni Area Selector to Cart Drawer

1. Navigate to your Shopify Admin portal

![](/files/6da01a16057f09b444888caba316ccbcb9a78bcf)

2. Click "Themes"

![](/files/223e229f39e8d5d831f86d919e7b671f6bdea8ac)

3. Click "Edit theme"

![](/files/3fe60ed077f3a76f82a84148bf28f106148f9354)

4. On the left-side pane, click on App embeds

![](/files/4eada7b96cf5baa016dfc7473886c19e6404afd7)

5. Enable Wakilni Cart Drawer

![](/files/377251570f3b354731d66562017ce1ab84a8a3ce)

6. Click "Save"

![](/files/dbd142de906f527bf70a58aeed1d45eac0c97f5e)

7. To preview changes, exit "Edit Theme" and Click "View your store"

![](/files/31e2d38c9f0498b4dcb38b7d73042bded78cf135)

8. Add a product to cart

![](/files/45dcbadb84f7c17ca5389611026df39d470710d1)

9. Check "Select Delivery Area" section

![](/files/2f811c9957bf082a5e162a7c621cde98578081f7)

10. Area selector is mandatory

![](/files/548a06f7a86bf5981bc44ff36f2bb483068602e2)

11. Start typing the desired area

![](/files/808b3db17f135647e197995107bde9ef9483d695)

12. Select the correct area from the populated list

![](/files/897e7719162eb7f18489ce4bf55a3902974e5b2a)

13. Continue to "Check out"

![](/files/105bbbc23236f2ea916e87e9053bf427439e06cc)

14. When the order is shipped with Wakilni whether manually or automatically, it will include the correct selected area

### Add Wakilni Area Selector to Cart Page

1. Click on the page dropdown on top

![](/files/66609cf90d7ee542699ab595286efeef4a80ac95)

2. Click "Cart"

![](/files/63fe90a41fe9e97c8cf3c635a9d1136b07afe2d2)

3. Under Template, click "Add Section"

![](/files/6a2173b0a0ea773bc1560ccf7a66e4b94bf9667c)

4. Click "Apps"

![](/files/39d0f6da0daa4ae36de1974627336b89e89c375f)

5. Click "Wakilni Area Selector"

![](/files/e3722fb7bdf14ff9f46c98899d2cdcab6e554a9f)

5. Rearrange the area selector to move it up and click "Save"

![](/files/39cdf300766a302ac7f6967f2859a3ded52f4906)

6. To preview the changes, Click "Exit"

![](/files/e43a15bf61521dc7222735497d74164e1e3687d5)

7. Click "View your store"

![](/files/a25eeba2033831169c473020c04c361c6c1a6938)

8. Add products to cart, and click on "Cart" icon

![](/files/335fe5dc52411c7bd42c215943a451b9499a6229)

9. Start writing the desired area and select the correct area from the list

![](/files/a3c5f07b8caff6906bad994ab79d9283c312b108)

10. Click "Check out"

![](/files/f7364c1cd66f79570f8df907d9c603536b9136d6)

11. When the order is shipped with Wakilni whether manually or automatically, it will include the correct selected area

Tip: *For your inquiries, please don’t hesitate to contact us on* [*frontdesk@wakilni.com*](mailto:frontdesk@wakilni.com)