# Button Customizer

This section allows you to customize the **swatch button** on your product page. You also have a nice preview section to the right, so you could see the effects of each changes in real time.

You can set the button size to **small, medium** or **large**. You can also set the **background color, Border color** and **text color.**

![](https://1685692939-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNRBzBxqo8wmsZqqHcdjE%2Fuploads%2Fag3HEJZlMbP5fTjG1wVz%2FYaySwatches%20Button%20Customizer.gif?alt=media\&token=ba43f88c-885a-4ba6-ae8f-92cba639d340)

**Here is how the button looks like in frontend:**

![](https://1685692939-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNRBzBxqo8wmsZqqHcdjE%2Fuploads%2F7QVL58IW6GMuQBUO9d3l%2FYaySwatches%20Button%20Customizer%20in%20frontend.png?alt=media\&token=2ddc2141-0ccf-42ff-8e70-ba37fc12f2d3)