> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🚀 How to Add an Additional Details Field

Want to collect a little extra information from customers when they pick their delivery or pickup slot? 📝

With the **Additional Details field** in Hoppy Delivery Dates, you can show a text box alongside the slot picker on your Cart page. Customers can use it to leave notes like gate codes, delivery instructions, or a preferred drop-off spot — and the details are saved with their cart attributes.

---

# **📌 Before You Begin**

* Hoppy Delivery Dates is installed and the app embed is enabled in your theme  
* The slot picker is already showing on your Cart page  
* You're logged in to your Shopify admin

---

# **Step 1 — Open the Advanced Settings Page**

In the app navigation, go to:

**Hoppy Delivery Dates → Advanced**

On this page, find the **Advanced Options** card. This is where you control the extra text field that appears with the slot picker.

---

# **Step 2 — Enable the Additional Details Field**

Check the box for:

✅ **Show Additional Details field**

This shows an additional text field along with the slots picker on your storefront.

ℹ️ Once you enable this option, more settings appear below it — that's where the real customization happens.

---

# **Step 3 — Make the Field Mandatory (Optional)**

If customers *must* fill in the field before they can proceed, check:

✅ **Make field mandatory**

When this is on, a red **\*** appears next to the field label on your storefront, so customers know the field is required.

### **Example**

* Additional Details \* → customer must write something

Leave it unchecked if the field should be optional.

---

# **Step 4 — Limit the Number of Characters (Optional)**

To keep customer notes short and tidy, check:

✅ **Limit maximum characters**

A new field appears right below it:

* **Maximum characters allowed** → enter the limit, e.g. `100` (this is also the default)

### **What customers see**

* The text box stops accepting input once the limit is reached  
* A live character counter appears under the field, showing something like `42 / 100` as they type 🔢

ℹ️ If you don't enable this option, there's no character limit and no counter.

---

# **Step 5 — Set the Field Label**

Use the **Field Label** setting to choose the text shown above the field on your storefront.

* Default label: **Additional Details**  
* Example: `Delivery instructions` or `Anything we should know?`

Pick a label that tells customers exactly what kind of note you're expecting 💡

---

# **Step 6 — Save Your Changes**

Click **Save** at the top of the page.

Then open your store's Cart page to see the field live. You can also use the preview panel on the right side of the Advanced page for a quick check 👀

---

# **⚠️ Important Notes**

⚠️ The **Make field mandatory**, **Limit maximum characters**, **Maximum characters allowed**, and **Field Label** settings only appear after you enable **Show Additional Details field**. If you turn the main checkbox off, the field disappears from your storefront entirely.

💡 The text customers enter is stored as an **Additional Details** cart attribute, so you can see it with the order.

---

# **🎉 Final Result**

Once configured successfully:

✅ Customers see a text field next to the slot picker on the Cart page ✅ The field shows your custom label — with a red \* if it's mandatory ✅ A live character counter keeps long notes under control ✅ The customer's note is saved with their order for easy reference ✨