thread Re: How to change "Add to Cart" button color on Product pages? in Payments Troubleshooting

How to change "Add to Cart" button color on Product pages?

saraemor — Sat, 20 Sep 2025 07:31:20 GMT

Hi there - I'm having trouble figuring out how to change the "Add to Cart" button color/ style on Product pages. Currently, they are set to black text on a black button, which is not helpful.

Here is one of my product pages: https://www.saraemor.com/store/p72/Little_Periwinkle_Ceramic_Dish_with_Pink_and_Yellow_Moth.html#/

Thanks for any advice!

Re: How to change "Add to Cart" button color on Product pages?

Laurie_ — Fri, 19 Jul 2024 07:04:47 GMT

Howdy there @saraemor 👋,

Welcome to the Seller Community - it's great to have you here! Good question!

You can edit the "Add to Cart" button in two places:

Site Design Settings:

1. Go to Square Online Dashboard > Website > Edit Site.
2. Click on Site Design at the top, then scroll down to Buttons.
3. Here, you can customize your primary and secondary buttons, including their fill and text colors. These changes will apply to all buttons on your site.

Item Page Settings:

1. While in Edit Site, navigate to an item page and select the Item Details section (clicking on the page section you want to edit).
2. Once selected, you'll see the section settings from the menu on the left. You can adjust the "Add to Cart" button specifically for that item, either using your preset button settings or customizing it further for that page.
3. Don’t forget to click Done and then Publish to make sure your changes appear on your live site.

Let me know if you need any more help or if you have further questions!

P.S. The fine line illustrations on your ceramics are stunning. Best of luck with everything!

Re: How to change "Add to Cart" button color on Product pages?

saraemor — Fri, 19 Jul 2024 10:17:49 GMT

Hi Laurie,

Thanks for your answer, and for the compliment. 😊 I absolutely should have mentioned that I'm using Weebly - my apologies. So, my toolbar does not have that option (although it sounds nice and straightforward!). I'm not sure if Weebly has their own seller community, but this is were a string of help buttons sent me.

Re: How to change "Add to Cart" button color on Product pages?

saraemor — Fri, 19 Jul 2024 10:34:08 GMT

So, after some searching, I found this article about migrating my Weebly site to my existing Square account. This sounds great and I'd love to do it! However, I have never been prompted with a banner. Is this available for all Weebly users? If so, how can I do this?

Thanks for your time!

Re: How to change "Add to Cart" button color on Product pages?

RobynR — Fri, 19 Jul 2024 17:17:33 GMT

@saraemor, Yes, it is available to all Weebly users. You can learn more about switching to Square Online here.

If you have any other questions, we are here to assist.