FROM CACHE - en_header

How to edit "Buy It Now" Button?

thomaschalmerm
New Member
7 0 0

I can't seem to find away to edit the "Buy It Now" Botton to "Buy & Add To Cart Now.

Please help. Thank you.

Replies 20 (20)
May
Shopify Staff
Shopify Staff
333 33 167

Hi, @thomaschalmerm!

 

This is May from Shopify.

 

Currently, editing the 'Buy It Now' button or the dynamic checkout button is not possible as the code for this feature is core-based, which means that it is inaccessible. In case other merchants see this thread, and are wondering about how to translate this button to other languages, this button will be translated when you select a supported language through your theme. However, we do not yet support this through an individual field in the language settings.

That said I would be happy to launch a feature request with our developers to see if this functionality can be added in the future. While I can't guarantee that it will be added, I'm more than happy to pass along your suggestions that would provide better services to the Shopify platform. If the request is already there, I can add your vote to the existing ballot our developers' review so that they know there is further interest in getting it added.

 

If you have any further questions about dynamic checkout button, please let me know!

 

Best regards,

 

May.

May | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Mihai_Petrut
New Member
2 0 1

Hi May, Can you please tell me if is possible to edit the "buy now button" into Romanian , or the entire theme.

 

Thank you

May
Shopify Staff
Shopify Staff
333 33 167

Hi, @Mihai_Petrut!

 

That is a good question. At this moment, editing the 'Buy It Now' button is not supported, since this button is generated automatically and dynamically. This button will change when you select a supported language through your theme, as the supported languages have pre-defined translations. However, we do not yet support this through an individual field in the language settings. Since Romanian is currently not a Shopify supported language, the ability to translate 'Buy It Now' button is not possible, however, you can translate other areas of the theme with individual fields. 

 

That being said, I am going to submit a feature request on your behalf for adding Romanian as a supported language, as well as the ability to manually edit the 'Buy It Now' button. Hopefully we can see these features added in the future. 

 

Please let me know if you have any follow-up questions. You can also contact our 24/7 live support for any other questions.

 

Cheers!

May | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

cihangu
New Member
4 0 0

Buy IT now button appears in Turkish language page like this

 

BUY İT NOW

 

 

looks miserable


@thomaschalmerm wrote:

I can't seem to find away to edit the "Buy It Now" Botton to "Buy & Add To Cart Now.

Please help. Thank you.



 

yuramol
New Member
1 0 3

hi. There is some progress in manual editing for text inside Buy it now button?

JonWright
Shopify Partner
818 123 353

Have you seen this previous post which gives you a way around this?

 

Basically you add the following code to your 'theme.js' file (at the bottom but before '$(theme.init);') and change the words 'DONE SHOPPING' to whatever you want

 

/* for desktop view */

setTimeout(function(){
$('.shopify-payment-button__button').text('DONE SHOPPING');
},1000),


/* for mobile view */
setTimeout(function(){
$('.shopify-payment-button__button--unbranded').text('DONE SHOPPING');
},2000),
If helpful then please Like and Accept Solution

Owner of Neuralcandy Shopify Agency
yuserkgi
New Member
1 0 0

That being said, I am going to post a function request to your behalf for including Romanian as a supported language, in addition to the potential to manually edit the 'Buy It Now' button. I want to show it on my store that sells the the survival knife tools and provide their reviews of knife to the users. Hopefully, we can see those capabilities introduced inside destiny.

ChoosiZon
Shopify Partner
412 66 108

Any update on the feature request is appreciated.

Donate
For faster response with a fee pls email to : choositech@outlook.com
capefynbos
New Member
2 0 3

Hi there, 

 

Is it possible to change the words ‘Buy It Now’ to ‘Purchase’? 

David 

David_McC
New Member
1 0 0

This worked!!! Thank you! I'm using the brooklyn theme with shopify. Now I need to look up how to change the color of the buy it now button.

shasikaud
New Member
2 0 0

Go to Edit code > Assets folder > theme.scss.liquid

Add the following snippet to the bottom of the code.

.shopify-payment-button .shopify-payment-button__button--unbranded {
text-transform: uppercase;
}

naillacquer
New Member
2 0 0

Hi I am having the hardest time adding a buy button for my website it is ridiculous that the feature is this hard to connect to your domain! Then the fact that shopify has no phone number to contact and they think YouTube is the answer isn't right. I need help connecting my but button if anyone can help that would be very much appreciated. I have the Brooklyn theme. Thank you

tankenginetom
New Member
1 0 0

Hi May! I know you said it can't be changed to say anything else, but is it possible to change the casing??

If so how?

oilika3
New Member
2 0 0

You're going for walks this function before those elements exists. The fonts alternative choose element is dynamically generated, you need to run after it has been delivered to the DOM.

ChuckMasters
New Member
2 0 1

"Buy it Now"   Has a negative effect on sales.   It decreases action due to the word "Now. 

SO you should offer everyone the ability to change the text to what works best in their own language. 
"Now" is very bad for sales.  Shopify should encourage sales and testing of the button for everyone. 

Codyb91
New Member
2 0 1

My man! Thank you ❤️ for anyone else wondering you can use this same code to customize the buy it now button as needed. 

cryptoxcowgirl
Tourist
7 0 2

Tell me there's a way! The button now is so ugly ahhh help lol

FilipposD
Shopify Partner
45 1 18

The button has a class. It's shopify-payment-button__button.

This answer shows the way to use CSS to remove the 'Buy Now' text and add any text you want after it (essentially replacing it). It's not the ideal solution, but it works.

In the top block of the code, in the same way, you can add different styling with CSS properties. Save the theme CSS file, and check the effect.

rbrower_impaq
Tourist
9 0 5

Where is theme.js?