Looking for an app to add custom names to products that shows a live product preview

Hello!

I am looking for an app that allows customers to add a name to a tshirt. The tshirt will have a design on it already, but the name field will be customizable. The font and placement will stay the same, only the text itself will change. I am having trouble finding an app that does this and also shows a live product preview with their customized name.

Can someone please point me in the direction of an app that can do this? Or is this something that will require custom code and therefor require hiring an expert?

Thanks in advance!

Merrill

You want to look on the app store for ‘product personalization’ , ‘product options’, or ‘product builder’ , etc.

I can certainly be done with a theme customization but on-product previews of decent fidelity can be a tricky & expensive business to get right , better handled by a dedicated app until your established and need something not available off the shelf from the app store.

Hi @momalley ,

I’m Richard - CRO Expert at PageFly Landing Page Builder. Welcome to Shopify Community!

Regarding this, you can refer to some print-on-demand apps such as EPROLO POD, SPOD, etc These apps are friendly customizer and users could see the preview of their customized name.

I hope my answer will be helpful to you and hope you will find the best one for your store.

Best of luck!

Hello @momalley ,

Hope you are doing well.

Hope this app can help you out with adding text to the product and show live preview to your customers: https://apps.shopify.com/live-product-options

Hey, @momalley

There is a great app called Product Personalizer by Zepto Apps that accomplishes exactly what you are looking for. They feature a live customization view so you can see the text changes as you edit the text fields. Feel free to take a look at their free app demo to see it in action.

If there is anything else I can help you with, please let me know.

Hello [email removed]Momalley

Have you got your solution?

INKYBAY can be the solution to these requirements. It has the feature where you can let your customers design the way they want. They can add their preferred text, change the color of that text and move the text and set on the area they want to keep the text. They can see the added text live and fix it if they want.

The app is loaded with features like image upload, clipart, product option, predefined template, and many more. It also has its own inventory management system.

Also, you can use an extra price for each of the changes if you want. The good thing about this app is while customization your customer can see the price change live. It will help them with their budget also.

Have a look at this DEMO product. Here if you click on the “ADD TEXT” button, you will be able to add your preferred text and change the color as per your requirements and can change the position as well. If you don’t want to offer other buttons on the design lab you can disable the other options as well. Also, you can hide those buttons.

This INKYBAY app has a lot more features to explore. The best part about this app is the customer support. You can definitely give it a try by using its 21 Days free trial.

Hi @momalley

This is Tristan Ng from OK Product Personalizer team, please allowed me to introduce the app: OK Product Personalizer for you, It perfectly meets your needs. You can set the design options for customers to select and then set the name input field (Fixed), the customers can just input their name and live preview.

With OK Product Personalizer you can do further more. It is a sample for you bellow. For more details, you can write this article, it can help you set the customizable product template step by step: How to make customizable product on Shopify.

https://okproductcreator.blogspot.com/2024/06/how-to-make-customizable-product.html

Please let me know if you have any questions, I will do my best for you.

App name: OK Product Personalizer

link: https://apps.shopify.com/ok-product-personalizer

Hi @momalley :raising_hands:

If your goal is to let customers enter a name and display it directly on the product with a real-time preview (while keeping the font and position fixed, and only changing the text content), this can be done without any custom coding using Easify Product Options.

I’ve created a similar demo to help you better visualize how it works:

  • This is the result:

  • This is the app setting:

You just need to create a text field for customers to input their name, then configure it so the text is rendered directly on the product image. When a customer types something (e.g., “Ariel”), it will instantly appear on the shirt in the exact position and style you’ve predefined, just like in your demo.

To enable the live preview feature, simply go to Product Personalizer in the app and turn on Enable Live Preview. Once enabled, any input from the customer will update on the product image in real time.

You can also combine this with additional options like selecting patches or adding extra items, and all selections will update together on the interface, giving customers a clear visualization of the final product before purchase.

The setup is straightforward and doesn’t require technical knowledge. The app is designed to be user-friendly, so you can implement this type of real-time personalization experience quickly and efficiently.:smiling_face_with_three_hearts: