How To Change Buy It Now Button On Shopify

[@JelisavetaPavlović-n6q]

Perfect for us who do not code, you saved me from hours of exploring the possiblity to alter that buy now button. Thank you

[@OnHOWGuy]

You're very welcome, Glad I could help! Cheers

[@ClipsCastShorts]

Cant find the on theme refresh

[@faizansaeed1577]

Bro You are a lifesaver. I hope this channel gets the love it deserves!

[@Drums1696]

Bro, you're simply awesome! Love your vibe too, hope this channel gets the love it deserves!

[@IamKashif_official]

after a lot of struggle i found a video thats really works ......thanks so much

[@OnHOWGuy]

You're very welcome, glad i could help. Cheers

[@LizWalker-l6m]

Hello, Is this concept the same if I want to add code to individual products ? Thank you :)

[@RalphJR-lz4tn]

Works great! Thank you☺

[@CARLOSRUIZ-vm1kb]

Amazing, just what I needed. After searching for hours, this worked perfectly.

[@OnHOWGuy]

You're very welcome and really glad i could help. Cheers

[@alaliajewelry8944]

@@OnHOWGuy In my case it interferes with the old button

[@PARTYS247]

THANKS MAN I HIGHLY APPRECIATE YOUR WORK , YOU SAVED ME COUNTLESS HOURS OF RESEARCH....

[@OnHOWGuy]

You're very welcome and glad I could help, Let me know if you have any questions. Cheers

[@twosparkle2389]

Anyway i can adjust the text based on the collection the product is in?

[@TheGalaxyBay]

hey Bro Thanks for the Video and Guide but the link for code is not working

[@florinionescu828]

Thank you for these amazing videos brother!! Do you know why I still have the blue color BUY WITH SHOP PAY button even after I added the code ? I also added the colour code and it’s still blue

[@OnHOWGuy]

You're very welcome brother, because thats a different button than buy it now. remove it first so the buy it now will show up then do the trick. cheers

[@zipa1123sevratio]

Hey man, thank for the valuable content that you share constantly. Can you make a video on how to make animated Buy it now button?

[@OnHOWGuy]

Hey, you're very welcome and glad i could help. I have that video already made and scheduled and its about shaking effect on hover for buttons, if you want a specific animation on the button let me know and be specific about the kind of animation you talking about. Please let me know in new comment as its difficult or me to see replies now. Cheers

[@zipa1123sevratio]

@@OnHOWGuy Unfortunately I can't find the video on YT.

[@ArielleNeszko]

Hey! Thanks for your videos. I'm having an issue... Is there any way to change the color of the button/the text inside?

[@YusofIman]

hey brother, can we also place the button everywhere we want?

[@Milla20233]

"Hit that Like Button". Youre awesome. Thanks for this. Just what I needed to create Login Button

[@OnHOWGuy]

Haha thank you and you're very welcome, glad i could help. Cheers

[@ecommerce2142]

Thank you so much Brother!

[@adamnueve]

hi, thanks for the video! however, I have an animation on my Buy it now button, and I need to change the text before and after, how do I do that? with your code, i can change the before but not the after animation

[@OnHOWGuy]

You're very welcome, i see and im afraid i cant recommend a code without understanding the code for the customization on that button first because it might be conflict or not even work. I have a video on the way on shine effect for buttons if you are interested. Cheers

[@roksolanadrogomyretska3618]

@@OnHOWGuy same problem

[@AlbinOppang]

Hello! How do i change so that i only have one button, out of the two i have now; one is: add to cart, and the other is buy now? :)

[@beautybartv]

Thanks man. How to make a text a litlle biger and bold?

[@OnHOWGuy]

You're welcome, For bold you can add the code below to the bottom of base.css or style.css or theme.css, and for text size it can cause some visibility issues like text not fully showing up. .shopify-payment-button__button.shopify-payment-button__button--unbranded { font-weight: bolder !important; } if you want to try to resize the text use this instead : .shopify-payment-button__button.shopify-payment-button__button--unbranded { font-weight: bolder !important; font-size: 20px; }

[@thetechnoartisan]

hi Anas I followed the process but it did not work, could you please suggest if there is another code or process?

[@zkkb7]

Thanks for the content, how can i put the shop now button on my liquid header in the first place please?

[@lifemuchmore]

Thank you for this videos - super informative and helpful Content! Everything works very good

[@OnHOWGuy]

You're very welcome and glad you think so. Cheers

[@wadecrouse3195]

AWESOME! very well explained

[@adedejidavid9355]

Hello, I didnt find the /head on my theme.liquid script. Pls help

[@TheRebeccaDaviShow]

Such a great, informative video - thank you so much! And yes, I "hit that like button"!! Amazing tips! New Subscriber here!!

[@OnHOWGuy]

Thanks legend and really glad it was informative. Cheers

[@justinsirju8716]

Hi, Can you help me change the color of the continue shopping button when the cart is empty please as well as the checkout button in the cart dropdown menu. Any asisstance would be great

[@uniquejain250]

Great work buddy, It worked. Keep making such videos.

[@OnHOWGuy]

Thank you, i appreciate that. No worries a lot more on the way. Cheers

[@akshaypatil8155]

Thanks man, how to make the same button with a bold text

[@zipa1123sevratio]

@OnHOWGuy Unfortunately I can't find the video about shaking effect on hover for buttons. Is it possible to share the link here? Also it'd be nice to show how the pulse effect can be implemented.

[@OnHOWGuy]

Maybe you miss read my comment or i mistyped my comment, that video isnt posted yet and it will posted in about 10 days. There is a lot of requests i have to work on and the schedule is full so i cant post 5 videos a day and i get more than 5 requests a day. Cheers

[@zipa1123sevratio]

@@OnHOWGuy Ou sorry, I get it. No problem.

[@hammadali4379]

You made my day bro

[@muhammadosamajamal659]

It worked finally. Thanks for this video.

[@OnHOWGuy]

You're very welcome, glad i could help. Cheers

[@NafProjekt]

mine does not work. It just pastes the code at the top and removes the buy now butob. It could be that I dont aheva buy now button I just have a buy with sop pay button?

[@hichamjabari9850]

very informative buddy ,just wondering how to change the color as well .carry on you're doing great

[@OnHOWGuy]

Thanks, i think i already made that video but not sure tho, too many videos. Cheers

[@anasir4a]

Worked very well thanks

[@OnHOWGuy]

You're very welcome. Cheers

[@כפירקראוס]

thanks brother it works

[@rishabhshah837]

I dont have

[@Iambernadethg]

This is helpful, thank you so much!

[@parmitparthammahanta9211]

Thanx man❤

[@OnHOWGuy]

You're very welcome

[@manisfantasy9745]

Thanks it really works

[@abubakershahbaz8287]

Amazing , you deserve subscribe

[@DPM_MASTERS]

can you add in the code, when changing the language, it should be written in another language? I tried Chat GPT but it doesn't work?

[@ryzarabino]

Works as of 09/11/2023. :) Thanks

[@OnHOWGuy]

any time

[@armansaifi_]

It helped me thank you so much❤

[@OnHOWGuy]

You're very welcome, glad i could help. Cheers

[@furikun1999]

Nice, but how can you edit the html code of the purchase button and the add to cart button?

[@ahmedihabe]

thank you but its comming double write can u help me ?

[@GhulamHussain-u9r]

thanks you bro this very helpful for me

[@OnHOWGuy]

Always welcome

[@valentin_broux]

You are the BOSS

[@sashamotekalemi8146]

It worked perfectly! Thank you!

[@OnHOWGuy]

You're very welcome. Cheers

[@vishal.pachauri]

bro you are very helpful

[@MSHUP-to2oc]

You are amazing!!!

[@OnHOWGuy]

Thank you

[@CodiCharm]

Hello how are you i was a followed this video. Now my buy it not showed my website . How i bring back this button?

[@fatimahxaouss]

Hello, concerning the transparent banner your video, after I followed your steps, my announcement bar shrieked and now I don't understand how I can bring it back to normal. Please help thank you !

[@Don19941]

How do you change continue shopping button color on checkout page? I tried everything background is black so it's not visable now

[@OnHOWGuy]

Hey, Unfortunately Shopify doesnt allow custom codes to be applied to checkout page for security reasons so we are limited to what the theme customizer has to offer for the checkout page. Cheers

[@Katie-yc5qz]

Not working with Craft theme... Any other solutions?

[@emprendimientodigitalenter416]

Thank you bro. You save me today.

[@OnHOWGuy]

You're very welcome, glad i did. Cheers

[@joufall6256]

Where can I find the go button to the other website ?

[@joufall6256]

You didn’t exactly showed it

[@mwa2411]

I have apple pay instead of the buy button I dont know to how to have the buy now button ?

[@bullerjan.su_ru]

Thank YOU!!!

[@OnHOWGuy]

You're very welcome. Cheers

[@Mike-ds7mu]

Thank you so much, really help me a lot.

[@OnHOWGuy]

You're very welcome, glad it was helpful. Cheers

[@aymanekaaouachi6752]

thank you so much it worked that was helpful

[@OnHOWGuy]

You're very welcome, glad it did. Cheers

[@spaceofficials_co]

Thank you for the amazing content. Could you please make a video on how to change the variant & quantity button colors as well?

[@OnHOWGuy]

You're very welcome, glad i could help. i just got that video requested today and i added it to my board i'll start working on it. Cheers

[@Mike-ds7mu]

Thanks for your sharing and hard work❤

[@ShopStiature]

Thank you soo much it worked

[@OnHOWGuy]

You're very welcome, glad i could help. cheers

[@islamibrahim4502]

many thanks it works

[@OnHOWGuy]

Glad it did. Cheers

[@misshandlarn]

Hi bro, I tried this with the impulse theme but it didn't work. What can I do? It's really important for the appearance of my store

[@coronateststation241]

you dont have a theme.liquid?

[@misshandlarn]

@@coronateststation241 Yes, I followed the tutorial exactly. But it’s okay, I found another code that worked for me

[@DevinBrown-biz]

@@misshandlarnwhat is that code?

[@danilorastovic3838]

THANK YOU A LOT !!!!🙏🙏🙏

[@OnHOWGuy]

You're very welcome. Cheers

[@selenaweigel]

Thank you, you're so amazing

[@OnHOWGuy]

You're very welcome. Cheers

[@justinelay481]

Thanks buddy, this is gold :)

[@OnHOWGuy]

You're very welcome. Cheers

[@sanvariyamart]

Thanx bro

[@OnHOWGuy]

Welcome

[@mushixyt2041]

Whats the theme name?

[@fatimahxaouss]

Hello, concerning the "shop all button" please do a video on how to adapt it on mobile. Because I checked the mobile format for my website and the button is in the middle, (I put a picture at the background) but the position of the "shop all" button is not Nice in the middle in mobile format. Please show us how to change its position for mobile. Thank you !

[@TECHCAVE777]

THANKS ITS WORKING

[@OnHOWGuy]

You're welcome, glad i could help. Cheers

[@RMHAccountingExtraLessons_GR11]

It doesn't work on my side brother, what seems to could have been a problem, please help?

[@peace.love.creation]

It doesn't work with the dawn theme 14.0.0

[@SaadAli-fi9vb]

Such an amazing content

[@OnHOWGuy]

Thanks

why it only changes on dekstop and not mobile

[@Ankhgerelb]

Thanks!!!

[@OnHOWGuy]

any time

[@tabassumqureshi4072]

Please make a video on how to disable auto selection of 1st variant in dawn theme

[@OnHOWGuy]

Hey, i already have that video planned not sure if its you or someone who requested it. I will find a fix for that and make a video very soon. Cheers

[@ai_century]

Heollo i clicked on that link but it shows reload page could you please send it to me in the comments box please

[@realized087]

Nice work brother. Keep it up.

[@OnHOWGuy]

Thanks, i appreciate that. Cheers

[@vampireofwolfstreet]

Hello bro I am using this "broccoli theme from envanto elements" and I used slideshow(video) section for bg video but the video get too much zoomed in when viewed on mobile. Can u pls help me out? 🥺🥺

[@OnHOWGuy]

Hey, Did you use my video banner trick ?

[@vampireofwolfstreet]

@@OnHOWGuy yeah I did but it loads very slowly. Can u give me advice to load it faster?

[@OnHOWGuy]

@@vampireofwolfstreet Compress the video using handbrake app before uploading it, play around with the settings to compress it without effecting the quality. Cheers

[@skyurt6328]

Thanks brother

[@OnHOWGuy]

You're welcome

[@xowolan]

thank u

[@OnHOWGuy]

You're very welcome. Cheers

[@-Mr.X-]

Hi there is no /head plz tell what to do ??

[@ClipsCastShorts]

Same

[@OnHOWGuy]

What theme/version are you using ? every theme.liquid has /head

[@hoshamtahsin416]

Even I don’t have /head I am using Publisher theme

[@OnHOWGuy]

@@hoshamtahsin416 i'll look into it UPDATE : i just installed Publisher and i can see /head on theme.liquid on the line 264.

[@ridhimaranga7740]

@@OnHOWGuy dawn theme, dont have the /head

[@abhiokay]

how to do this for home page

[@Motofsuccess]

thnx bro

[@ViralAlternetNews]

Hey brother I love your videos, so much value provided, clear and concise. I just wanted to say I went to your youtube channel and your banner image says "subscribe to break the bank". That expression is somewhat used in negative statements. An example would be "my husband broke the bank by buying a sports car." Anyways just wanted to mention that incase you weren't aware. Maybe something like "Subscribe for Financial Success in the Digital Age!" Thank you for all your hard work!

[@OnHOWGuy]

Hey legend, thank you actually for pointing that out, that banner is like a year old i've never actually took the time to even look at it. I will update it now and thanks again for the advice never really recognise that mistake until you point it out so i appreciate that. You're very welcome and if you have any questions let me know. Cheers

[@ViralAlternetNews]

@@OnHOWGuy No worries! Thank you for all of the awesome information you provide. Cheers

[@OnHOWGuy]

@@ViralAlternetNews You're very welcome

[@LifeIsForeverGr8]

can you do a video on , a animation buy button

[@OnHOWGuy]

Im actually working on that as of now, no worries. Cheers

[@TheZaWheelZa]

How to delete More payment options button?

[@munejahmad8062]

there is no ( /head )in my case , please help

[@rayongaming5576]

thank u sir🥰🥰🥰🥰

[@OnHOWGuy]

You're very welcome. Cheers

[@guilherme-hs2yr]

Hey bro, im using the Theme Ella, and I cant make my header transparente, that video you made didnt work for me 😥

[@OnHOWGuy]

Hey, did you follow the steps correctly ? im sure that script work for every theme so not sure why it wouldn't work for you but i will check out ella theme now. Cheers

[@guilherme-hs2yr]

@@OnHOWGuy yes, I did follow your steps correctly

[@OnHOWGuy]

@@guilherme-hs2yr Give me some time and i'll look into it.

[@juliabugeja7826]

Can you kindly send me the link to code that i need to copy and paste please?

[@coronateststation241]

its in description

[@saladmuxyidiin1681]

Amazing 😻

[@akincimotovlog]

The link does not open. can you please send me the code

[@OnHOWGuy]

try with vpn

[@dawid12]

tysm

[@OnHOWGuy]

You're welcome

[@silvisc21]

Excellent content

[@OnHOWGuy]

Thank you, glad you think so. Cheers

[@shivamgold5500]

My buy it now button don't working 😭 please help me

[@بهاءالدين-ط7ز]

I did the steps that I did to change the purchase button in Shopify, but unfortunately the button has become unwritten, which means that the writing has completely disappeared from it

[@OfficialChrisPierre]

Same did you ever find a solution?

[@versonality4435]

in my case hii hit the like button overlap my old text and after hover it start animation