Hi all, looking for advice on either some code or an app with easy functionality to add to my shop. I’m adding a new product where customers could customise their initials on the product itself with some embossing.
So on the product page, would like to add something like a tick or add-on function (with additional cost) when the customer goes to add to bag, and then if this add-on is ticked, the customer then can fill out their initials either on the page or on the pop up (like what Apple does for their AirPods page which I’ve screenshotted below)
And on the collection page, even though there’d be easy add to cart, there’s a little note that denotes that there are customisation options available, something like a little text that says “customise” or something like that
Is there any simple, off the shelf function for this?
Quick question before I point you to the right direction. Do you also want your customers to see a preview of how the engraving/initials would look like? Or do you just want the data of the engraving/initials on the orders backend page?
For this kind of customization, a checkbox add-on with a price uplift and a text field for customer initials, you’re looking for a product options app. A few that handle this well without requiring custom code:
SC Product Options: (formerly Bold Product Options), can set up conditional fields, so the text input only appears when the embossing checkbox is ticked. Solid for this use case.
Easify Product Options: similar functionality, generally faster to configure for straightforward setups like yours.
Infinite Product Options: free, more limited, but might be enough if you just need a single text field add-on.
On the live preview question: showing a real-time preview of embossed initials on the product image requires custom development and is complex to set up. Most merchants in the engraving/embossing space skip this and just collect the text input, showing a static example image of what embossed text looks like. That’s much simpler and typically converts just as well customers understand the concept without needing a visual simulator.
As you can see, customers can tick the checkbox “Add Initials (+$10)”, and once selected, a text field will appear for them to enter their initials - very similar to Apple’s AirPods engraving experience
Still within Single Line Text option, turn on our new Product Personalizer feature, which supports showing a live preview of the embossed initials directly on the product image
You can apply this same option set to many other products of yours which offer similar personaliser choices. And the best part is that everything can be configured directly inside the app without needing custom code or complicated theme edits Avis does offer various templates for product personalizers that you can explore on our demo website.
Last but not least, Avis’s dev team can also help you add a small label on collection pages such as “Customisable” or “Personalisation Available” to let customers know which specific product supports customization before they even open the product page
I just checked your reference screenshot, you want an optional personalization upsell (like “Add initials” for an extra charge) that reveals a text input when selected.
The buyer’s flow will be: View product → tick “Add Engraving (+$5)” → text input form appears → buyer types in the name or initials → real-time live preview updates on the product image as the customer types → add to cart.
Here’s how it looks on your product page after setting up:
A few extras that fit your case that you can try with our app:
You can set Character limits for the name field: cap at 5 (or any number you set) letters
Enable Charge by Character count instead of a flat add-on
This setting in our app works with your existing products, you don’t need to rebuild your catalog. Feel free to check out the app or reach out to our team if you’d like a hand setting it up.
Hi, a customization flow like allowing customers to add embossed initials or personalized text directly on the product page can be set up quite nicely with Easify Product Options — no need for heavy custom coding or a fully custom-built feature
I’ve created a similar demo to help you better visualize how it works:
You can start by creating an optional add-on using a Checkbox field, such as “Personalize My Item”. This gives customers the choice to enable personalization only when they want it.
You can also apply an extra charge automatically whenever the personalization option is enabled, which works well for premium add-on services.
The personalization field itself can be created using a Text Box, making it simple for customers to enter exactly what they want printed or embossed onto the product
Once the option is selected, you can use Conditional Logic to reveal an additional input field where customers can type their initials, name, or short custom message.
For a more polished shopping experience, the Personalizer feature can display a live preview directly on the product page while customers type. This helps customers instantly visualize the final personalized result before adding the item to cart.
Overall, the setup feels smooth and interactive for customers while still being very easy to manage from the backend without needing advanced technical work.
