> 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

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/dzoSOYTT1dpoaFrAOMxG/ascreenshot_3dc1203b519b4b54acab76ee01ea2c79_text_export.jpeg)

2. Click "Themes"

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/cD0gQiTHZnl3ZonkAiCP/ascreenshot_a5a13f68f60a4d678f9438001b43de2b_text_export.jpeg)

3. Click "Edit theme"

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/NGm0xkK2Ph3drbrSiowS/ascreenshot_911a37d3892244e191622725e7ddc1cb_text_export.jpeg)

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

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/EJM3NGo3ayD7gKSTDOln/ascreenshot_4f207274448246be9e0401cbc53892a5_text_export.jpeg)

5. Enable Wakilni Cart Drawer

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/hOpMp32mE22ANrNColKv/ascreenshot_3541f8745b884568abd5740f5942c137_text_export.jpeg)

6. Click "Save"

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/4Oron0a30nLf80MwR5xK/ascreenshot_2830076cdbcc43959860d9a05b3cdf57_text_export.jpeg)

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

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/2sJvZnciXJTDePSxp7Sn/ascreenshot_b12115a9bfc14955b53a6841e3554ef4_text_export.jpeg)

8. Add a product to cart

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/Ry4SKCeCe8DldZaEWlGe/ascreenshot_4fbee79fd2b94324bbcf1ca6518e32d9_text_export.jpeg)

9. Check "Select Delivery Area" section

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/j9QX10fXHYSS9eJ3zqfn/ascreenshot_54d1dbf2d2e94727b6a035e3b916904f_text_export.jpeg)

10. Area selector is mandatory

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/2miW1BXxD3BLTTDt3yl1/ascreenshot_562a08ecc56d4a3dab4b2af1e33e176c_text_export.jpeg)

11. Start typing the desired area

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/LzuigOMYfLTZAeS6lPfO/ascreenshot_b3f801596d6f4cc1a7d4c761b0159967_text_export.jpeg)

12. Select the correct area from the populated list

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/8JiGNGMQoZ9JY1Y1ugZo/ascreenshot_41dade9662474144a7089b534255c92f_text_export.jpeg)

13. Continue to "Check out"

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/GqaUf6TS3nvg4K044x7I/ascreenshot_53d2ac7d02dd4ab9afd383aa751b8de6_text_export.jpeg)

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

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/c4UoEyXJcrXrUVLtKz7C/ascreenshot_fcc3028088324d1fbfdf48a8acb0457e_text_export.jpeg)

2. Click "Cart"

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/w9b9LzuTLkSSTWb7XPgD/ascreenshot_0d4253781f9a4a3a85ff0a44fabc6637_text_export.jpeg)

3. Under Template, click "Add Section"

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/5yw6tkSA3TUSW3hEpi9i/ascreenshot_f2b4e42b137c4e6eb31b8db90ea12214_text_export.jpeg)

4. Click "Apps"

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/LiPlX1LVnUG1KzWRgoW7/ascreenshot_082b90748c3f4ba5ab779592ba8d9d45_text_export.jpeg)

5. Click "Wakilni Area Selector"

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/M8FtiHARhOl5yaA7hkp8/ascreenshot_996d82be59b14440bc6c4ae544a27597_text_export.jpeg)

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

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/RGGr5q66gfsJHEZGoDeB/ascreenshot_ef2fccf213b34ff6aa8bcac25ec64eed_text_export.jpeg)

6. To preview the changes, Click "Exit"

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/claIUquWJ7O5agZyb3lp/ascreenshot_968337dddd53436a916cfdafc8060964_text_export.jpeg)

7. Click "View your store"

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/0rHmyOOY9W4borpJSgBJ/ascreenshot_c2888db982b94a849babf5ce64321cd5_text_export.jpeg)

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

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/rZjWvpQSqng9Kzk1DOxx/ascreenshot_7482d900956f48da8fa54d5a043db570_text_export.jpeg)

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

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/mFTON2bUw1IPOMX5BuSL/ascreenshot_897d7fc5621f4c6db26430c938d13680_text_export.jpeg)

10. Click "Check out"

![](https://content.gitbook.com/content/4xqCEYxcz3jqSLeeThRF/blobs/llJTgITu33jGeNSOmOGJ/ascreenshot_c115f5b9bf7643308e6920be5fdd2818_text_export.jpeg)

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)