# 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 %}


---

# 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://docs.dingdoong.io/widget-settings/widget-position.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.