How to make custom text appear on a product as you type and be able to change font and font colors?

Store Design
1

Hi, I am trying to do make the customer’s name or monogram appear on a product AS THEY TYPE (in real-time) in the field and I want them to be able to change fonts and font colors as well. A perfect example is here:

https://moonbeambaby.com/collections/personalized-baby-bibs/products/personalized-bib-mint-daisy?variant=40242056855745 (Please click name)

avatar_1083360.jpg
avatar_1083360.jpg288×288 18.2 KB

How do I do this? It seems like the site is not using any app for this function when I searched the site using Wappalyzer, Koala inspector, or Whatruns.

Your help is deeply appreciated.

Yong

2

Hi there @bluefama ,

It’s all custom, and no App is being used. It’s built with HTML, CSS, Jquery/JS. Only a developer can make it happen.

If you need developer assistance for this, you can contact me.

3

Hi @bluefama ,

I checked and the site you are installing the app on shows this. Refer app: https://apps.shopify.com/product-personalizer

This is the app they installed, you can install it, everything will work the same.

Hope it helps!

4

Thank you so much for your valuable input! It’s exactly what I was looking for.

5

Hi @bluefama ,

If you have any further questions, you can contact me.
Happy to help you.