đ 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 / 100as 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 instructionsorAnything 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
Thank you!