> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-whatsapp-contact-extension/configuration-frontend-settings.md).

# Configuration - Frontend Settings

<figure><img src="/files/lxJlrBjKfCy0m1yGSiRR" alt=""><figcaption></figcaption></figure>

* **Button Color:** Select a background color for the WhatsApp Contact button.
* **Icon Color:** Select an icon color for the contact button.
* **Top Position:** Add pixels to set the top position of the contact button.
* **Left Position:** Add pixels to set the left position of the contact button.
* **Right Position:** Add pixels to set the right position of the contact button.
* **Bottom Position:** Add pixels to set the bottom position of the contact button.
* **Button Animation Effect:** Select the animation effect of the contact button.