> For the complete documentation index, see [llms.txt](https://docs.dingdoong.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dingdoong.io/widget-settings/widget-position.md).

# Widget position

{% hint style="warning" %}
REQUIREMENT: 

You **MUST embed app** in your theme. [See How to embed app? ](/how-to-create-a-test-theme.md)
{% endhint %}

## 1. Place the widget on only Product page

{% hint style="success" %}
Ideal for:

* Customers purchasing **one product at a time (e.g., bouquets, custom cakes).**
* Products requiring **unique delivery/scheduling dates.**
* Businesses that want customers to **schedule immediately when adding to the cart.**
  {% endhint %}

### How to set-up?

#### Navigate to Widget appearance > Position > Choose Product page 

<figure><img src="/files/lmg9KUZpM3nyhjtzpK2r" alt=""><figcaption></figcaption></figure>

**In Storefront**, it will appear like this:

<figure><img src="/files/Z1SNwtWgDGtPlRLTUJqi" alt=""><figcaption></figcaption></figure>

Normally, our app will add the date picker automatically when you selected the position. However, if it doesn't work, please go to **Place the widget manually**&#x20;

<figure><img src="/files/zuDsXKIuFZMM8KohWka9" alt=""><figcaption></figcaption></figure>

## 2. Place the widget on only Cart page

{% hint style="success" %}
**Ideal For:**

* Customers buying **multiple products** and **scheduling a single date** for the entire order.
* Businesses offering **bulk or group deliveries.**
* **Simplifying scheduling for all items** in the cart.
  {% endhint %}

### How to set-up?

#### Navigate to Widget appearance > Position > Choose Cart Page or Cart drawer

<figure><img src="/files/Qk4CLCfiLj00xK8gCg07" alt=""><figcaption></figcaption></figure>

Normally, our app will add the date picker automatically when you selected the position. However, if it doesn't work, please go to **Place the widget manually**&#x20;

<figure><img src="/files/1310aQ91nomqlI1JoOHa" alt=""><figcaption></figcaption></figure>

***

{% hint style="warning" %}
**TROUBLESHOOTING:**

If the widget doesn't appear:

* Save the settings and refresh the page
* Check **Place the widget manually** for additional steps.
* Check the schedule rule, you **must activate at least 1 scheduling rule** (Pickup, Local delivery, Shipping)
  {% endhint %}