Articles on: Delivery Dates

🚀 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 ✨

Updated on: 20/08/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!