> For the complete documentation index, see [llms.txt](https://docs.yaycommerce.com/yayswatches/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.yaycommerce.com/yayswatches/how-it-works/button-customizer.md).

# 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.**

![](/files/CL2U5ufNFNzlMkCw3GVs)

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

![](/files/qugZZv5teZvmjQa61KTI)