Why isn't my 'buy it now' button appearing?

[breadwinner]

Hello,

My buy it now button is not appearing. I have the dynamic checkout button checked as well. Anyone able to assist? Thanks

[Mac]

Hi, @breadwinner!

Thanks for reaching out in our Community forums and for sharing your concern, I’d be happy to help.

If you successfully enabled your Buy Button and it is still not showing, then you likely need to update your theme or edit your theme code. Before we continue troubleshooting, I'd like to ensure that you have added the dynamic button correctly: 

1. From your Shopify admin, go to Online Store > Themes and then click Customize.
2. Open the drop-down menu at the top of the page and Select Product pages.
3. Click the Product pages section and check Show dynamic checkout button.
4. Click Save.

If this is not working, feel free to share your store URL so that I can see if it is working on my end. You can also share the name of your theme, or if you made any recent changes to your theme file. 

Kindly reply back to this thread with any questions or updates and we can continue our conversation further!

[breadwinner]

Hello!

The theme is currently updated and I also have the dynamic checkout button on. I have edited the code in certain places but am unsure if anything has affected the buy it now button.

When I enable dynamic, it creates a space for the button but nothing comes up.

Mind if I direct message you the store so you can check it out? Thanks in advance for the help!

[Mac]

Hi again, @breadwinner!

Thank you for providing that additional context. 

I understand that when enabling your button, a blank space is created. Have you tried testing the product page via an incognito browser or different device? This could possibly be a local issue that is preventing you from seeing the button. 

If you are still not having luck, then there could be another underlying issue like your themes compatibility. There are a few cases where dynamic checkout buttons might not be suitable for your online store if they are not compatible with certain apps, payment settings, products, etc. Feel free to check out our Help Center document to learn more. 

Since we're not monitoring DMs, you can either reach out here or you will need to reach out to your theme developer. If you are using a third-party theme, you can contact your developer here to see if this feature can be added to your product page. If you are using a Shopify supported theme, we’d be happy to continue assisting you through live chat, email, or callback. Please visit our Help Center and log in to your account to create a support request.

Talk soon! 

[NonStopPencil]

I am having the same issue and I'm not quite sure what I need to do to fix it. Do you think you can check my website out and see what I need to do? 

My website: https://ma7wxu0ax9dgpp4b-67347317055.shopifypreview.com

[Mac]

Hi, @NonStopPencil!

Thanks for joining this thread, I’d be happy to help.

I appreciate you sharing the preview link, but it has expired. Are you able to send a new link or your store URL? I'll be able to take a closer look. 

In the meantime, you will want to ensure that you have enabled the Buy Button like so:

1. Go to Online Store > Themes and find the theme that you want to edit, and then click Customize.
2. Open the drop-down menu at the top of the page and select Product pages.
3. Click the Product pages section.
4. Check Show dynamic checkout button.
5. Click Save.

If you are still running into issues, are you able to confirm whether or not you made any changes to your stores prior to these issues occurring? For instance, changes with Apps, Cart attributes, Products, Payment settings, or Button text? We have a compatibility guide that covers this in more detail. 

Talk soon! 

[AshleyHeyMim]

I am having the same issue. Here is my site: https://jhpmaku1ard42j8c-70336446738.shopifypreview.com

[AshleyHeyMim]

If you could look at my site to help me understand why the Buy buttons aren't on mobile, I'd really appreciate it. 

[MaxwellS]

Hi, I have the same problem with the Buy now button for last few days and Shopify support advisor hasn't been able to resolve it. Can you please help. I can elaborate on the issue.

[Mac]

Hi there, @MaxwellS!

Thank you for joining this thread.

I understand that you are experiencing a similar issue. Please read through this thread to see if the troubleshooting steps mentioned above apply to your situation. If they do not, please provide more context about your issue. Have you made any recent changes to your store's theme code or account settings that may have caused this problem?

I look forward to hearing from you!

[MaxwellS]

Hi @Mac ,

Thanks for your reply. 

The issue i am facing is that I don't see DYNAMIC BUY BUTTON on any of the Product page. I can see the DYNAMIC BUY BUTTON while i am customsing the website but not on the live website as a guest. The dynamic buy button is turned in the settings. 

I was actually adding some code to theme.liquid which i immediately reverted. The same day i started experiencing this issue. I am not sure if that caused it or some other reason as i also installed some apps that day. 

I can see that the product page there is a space being left where the button should appear. I feel the button is getting hidden due to some reason. I am attaching some screenshots for reference. 

Please let me know if you can suggest any solution to this.

[MaxwellS]

Just to add...The dynamic buy option is working fine on the CHECKOUT page i.e. i see Paypal and other dynamic checkout options at the time of checkout. But it's just the PROCDUCT PAGES where this problem is.

[MaxwellS]

I have just turned OFF the dynamic buy button option for now as I am unable to find a solution. 

[MaxwellS]

Looks like so many Shopify store owners are facing the same issue...Still no resolution. 

[wints]

Hi MaxwellS, did you find a solution to this problem I'm having the same issue just like in your image? Thanks

[AshleyHeyMim]

Hi Mac! I am having the same issue, where my Buy bottons seem to have disappeared from under the products on my mobile site. I would really, really appreciate it if you could help me here, as we are trying to fix this before we go live.

Here is my site: https://jhpmaku1ard42j8c-70336446738.shopifypreview.com

[Dirk]

Hey, @AshleyHeyMim 

Happy to help. Do you mind sharing a screenshot of the toggled on settings of the dynamic buttons in the admin? In particular, which ones are turned on. 

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

[AshleyHeyMim]

Sure thing! I'm not a developer, so hope this is the right image. Note: when I check the dynamic button, it adds "buy it now" in addition to the other button. 

[AshleyHeyMim]

I have a lot more questions, Dirk 🙂

1. Can my mobile site have a different arrangement of content blocks than desktop? Can I hide certain content blocks from mobile? 

2. I have formatting (text size and padding and spacging) issues all over the place. Would love some guidance. 

3. One of my videos in slider doesn't have sound on as a default, and we want that one to autoplay with sound. 

3. We would like to use one video as popup on home page - is there an easy way to do that? 

[Dirk]

We have a guide here that goes over the ways you can add dynamic checkout buttons. From there, you can take a screenshot from the payments settings in your admin. 

I'm not formally trained in code to provide you with an exact solution to make specific coding adjustments to create a desktop vs mobile version of the site. As well as adjusting video autoplay with sound and a pop up function. However, I'm confident one of our Shopify experts would be able to accomplish these tasks at a reasonable price.
 
Just wanted to share this as an option in case you are unable to find a coding solution in your thread.

[elo-kr]

We are also experiencing this same issue and have not been able to find a resolution.

[Moobles]

when ever I add product to my cart from the home menu, the buy now button is completely blank. It’s Moobles.net 

[Shades]

Hi

I am also facing the same problem.

www.shadesofbenares.com

the button is not clickable

If you can assist

thank you

[Blair]

Hi @Shades,

Thanks for joining the thread! 

After taking a closer look, it seems I was able to add products to the cart without issues. To clarify, are you looking for the 'add to cart' button to be highlighted when hovering over it? If so, could you please share what theme you're currently using?

I look forward to your reply. 

[Kamesh1]

Hey mac as you I had done that but still I cant see the buy button and another problem also im facing that in checkout option .payment option cant be added to the store its saying.please rectify these two problems for me Here I paste my S shopify store link https://w83mcy-6b.myshopify.com/?_ab=0&_fd=0&_sc=1

[mcarbo]

I also have this problem after changing button color schemes on the Dawn theme. I used the UI scheme manager and have not touched any code. I see the buy now button in the designer but an empty space on the live viewing. The problem seems to happen on Chrome only.

The button appears with a random payment choice after 1 second when viewing on Safari and Edge.

[milinunez1998]

I have the same problem. Does anyone fix it ?

[wildlifebyanna]

Hey everyone,

am busy building my store and I am having the same issue. There is an "invisible" buy button and it takes me to the checkout page BUT I can't customize it and you only find it when you hover over it with the mouse:

 

Dynamic checkout buttons is enabled. If I uncheck the box the "invisible" button disappears. I also went here to change the name but nothing happens.

 

Do I have to install a "buy button" from the app store? I am just not sure where to paste the HTML code?

completely lost at the moment. Hope someone found a solution.

Cheers, Anna

[santspirit]

Hey everyone,

i am facing the same problem right now. I am optimizing my store from scratch and made a second theme in order to leave my store open for everyone.

In the customize section i can see the "Buy it now" Button but when i am on the Website i can't see it but a blank space where the button should be.
As it appears at both Themes and i am only changing things at one theme, i am safe to say it has nothing to do with the Theme.
Also i tested it on my Laptop aswell as on my Computer.

Shopify please Help!

PS: Shopify please fix the Amex Logo for the Footer Section 😄

[Shay]

Hey there @santspirit 

Thank you for joining the conversation. I'd be happy to troubleshoot this with you. Can you please share a link to your store so I can have a closer look at where the Buy Button should be? Can you also please confirm what theme you are using on your store?

The simplest answer in these situations is that the buy button is not appearing due to a theme color option making the button and the text the same color as the website background. That would be the first thing I would look at on your end. 

In regards to the AMEX logo, can you share the issue you are seeing with it?

[santspirit]

Hey there,

So at first I want to let you know, that the issue is fixed (by itself) I did not change anything and it appeared again so I think it is a problem on Shopifys backend. Of course the color is black and the background is white so there is not an issue with that. If you want to know what I have done so far to try and fix it, here is my recent troubleshooting post Community Post.

Also here is a Screenshot of the Amex Payment Logo Problem. I tried checking if the problem is caused by my device or IP but it is not.
I think the problem is caused by Shopify as you can view it bugged like that in the Shopify payment logo settings from the Dashboard.

Edit: I just checked and I think Amex updated theyre logo so its supposed to look like that... but I like the old one better where you could see the whole text.

[Shay]

Thank you for the updates @santspirit! I'm glad to see it is working as expected again. If you experience this issue again in the future please reach out to our authenticated chat support to report this right away. To access our authenticated support, please follow this link: Shopify Help Center and type your question into the AI chat window to get started. 

I can see what you mean about the AMEX logo, and it does look like this was updated by AMEX directly.