All Collections
Messenger
How-To Articles
Changing the Color of your Messenger Widget
Changing the Color of your Messenger Widget

Customize your Messenger widget by changing the color theme

GoSite Support avatar
Written by GoSite Support
Updated over a week ago

The Messenger widget is the chat icon on your website that allows your website visitors to send you direct messages to GoSite.

You can change the color of your Messenger widget from your computer, iPhone, and Android phone, and this article will show you how!


Which device are you using?


Changing the color of your Messenger Widget from your computer

  1. Log in to GoSite on your computer.

  2. Click the profile icon in the top right corner.

  3. Select "Manage My Business."

  4. Select "Messenger" under "Product Settings."

  5. Click the "Select" button under "Chat Widget Color."

  6. Slide the bar to select the color gradient you would like to choose from and select the color by clicking in the square. Alternatively, you can enter the color code into the "HEX" field.

Your changes will be saved when you navigate away from the page.


Changing the color of your Messenger Widget from your iPhone

  1. Log in to GoSite on your iPhone.

  2. Tap the "Menu" icon in the bottom right.

  3. Select "Manage Business."

  4. Select "Messenger" (at the bottom of the menu).

  5. Press the circle to the right of "Chat Widget Color."

  6. Slide the bar to select the color gradient you would like to choose from and select the color by clicking in the square. Alternatively, you can enter the color code into the "HEX" field.

  7. Press "Choose" to save your color selection.

  8. Press "Update" in the top right corner to save your changes.


Changing the color of your Messenger Widget from your Android phone

  1. Log in to GoSite on your Android phone.

  2. Tap the three-line menu icon in the top left.

  3. Select "Manage Business."

  4. Select "Messenger" (at the bottom of the menu).

  5. Press the circle to the right of "Chat Widget Color."

  6. Slide the bar to select the color gradient you would like to choose from and select the color by clicking in the square. Alternatively, you can enter the color code into the field next to the "#" symbol.

  7. Press "Select" to save your color selection.

  8. Click "Update" in the top right corner to save your changes.


Still need help?

Visit us at gosite.com to chat, or email us at [email protected].

Did this answer your question?