Adding a Personalised Text box

Highlighted
New Member
5 0 0

Hi, I need to know if I can add a text box to my products pages where customers can add their own personalised text to the final product/order ie like their name which is to be printed on their order.

Can anyone help?

Many thanks

Keith

0 Likes
Highlighted
Shopify Partner
1352 22 213

Hi Keith,

Have a look to this tutorial: https://help.shopify.com/themes/customization/products/get-customization-information-for-products

This will allow your customers to add the custom text. In the Shopify order admin you will see the text entered. 

https://sections.design tips, tricks & Shopify sections
1 Like
Highlighted
Shopify Staff
Shopify Staff
105 0 17

Hi Keith,

Chris from Shopify here. Mircea linked you a truly great document on how to get the feature you're looking for. There's also a free app that will allow you to create a spot where customers can enter in some text that you can add to their order. It's called Infinite Options and it only requires you to stick a small snippet of code into the product.liquid template. It's something to consider! Thanks again Mircea for linking that doc :).

Regards,

Chris D
Shopify Guru

2 Likes
Highlighted
New Member
8 0 0

Hi Mircea 

Wanna ask is it possible to show the custom text which's typed by the customers on the product image ? like the text preview, customers can adjust the location of the custom text that they want to print on the product ?

Cuz I have tried the method you mentioned, it only shows the custom text on the cart page.

Thank you

0 Likes
Highlighted
Shopify Partner
1352 22 213

Hi Larry,

Yes, that is possible. There are some APPs out there that do this.

Also can be custom coded by using some layers on top of the original product image.

https://sections.design tips, tricks & Shopify sections
0 Likes
New Member
8 0 0

Hi Mircea 

Thank for your reply first, cuz I don't want to use the app to do this feature, as you mentioned, custom code can be used to add the layers on top of the original product image. How can I do that ?  which files should I edit ?  Shopify is quite new for me, I'm still exploring the coding funciton of it . 

Thank you so much 

 

Larry

0 Likes
Highlighted
Shopify Partner
8 0 0

Hi Larry!

Did you ever find out about this in particular? I'm looking for a way to edit text on top of a product image with custom fonts. It's for a business sellingdigital cards.

 

Thanks!

0 Likes
Highlighted
Excursionist
14 2 5

It depends on the theme. In Debut, look in product-card-grid.liquid and look for the below line: 

 

  <div id="{{ wrapper_id }}" class="grid-view-item__image-wrapper product-card__image-wrapper js">

That is where the product image starts and you can play with overlaying things on top. However, making the customized text appear on top of an image is probably harder than you expect. If you want it to happen "live" as the user is typing, that will involve some javascript and it's probably better to use an app or hire an expert. 

 

Hope this helps!

Message me if it sounds like I talked about something you are struggling with
Happy to help anyone trying to improve their store
1 Like
Highlighted
New Member
1 0 0

Can anyone please recommend the apps available to display the text as customers input them online.

0 Likes
Highlighted
New Member
2 0 1

fontpeek.com is compatible with shopify for this feature, 

however it is 10/monthly.

1 Like