# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wiki.wakilni.com/release-notes/add-wakilni-area-selector-to-shopify-jan-2026.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.