# Widget position

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

You **MUST embed app** in your theme. [See How to embed app? ](https://docs.dingdoong.io/how-to-create-a-test-theme)
{% 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="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2F644zXoFqLDAcv4kQet2v%2Fimage.png?alt=media&#x26;token=860f9885-8ccb-426f-9cbe-d4c5755b142d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2Fgkhv53o1kqlW5ejdWuYw%2Fimage.png?alt=media&#x26;token=3adac2e4-f9d7-4cd6-8ce7-fc79fbb5963e" 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="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2FQt6dp5fD9joVuEd0iwtB%2Fimage.png?alt=media&#x26;token=ade42de4-ff63-464c-81ea-2e75ac4afe52" 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="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2FJsvJMaZlpdhDpUnawT7p%2Fimage.png?alt=media&#x26;token=eaced3f6-f397-4ec4-98f6-52904211aad2" 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="https://825397875-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fdt3xbyFDcRxJKS1ZARtZ%2Fuploads%2FQSkTgAVsA3iSeyURDehw%2Fimage.png?alt=media&#x26;token=c73d3069-7616-4065-b7bc-ac24dae83c92" 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 %}