New User? | Forgot your password?
Home Software Help Center Manage chat button Image

Manage chat button Image:

Step1: Go to My dashboard and click on Chat buttons

I. Manage Overlay chat button Image

Step1: Click on Chat button Overlay.

Step2: Select the department from the Department drop-down menu.

Step3: Either you can choose an image from the Image gallery by clicking on “ Gert More Images”or give an online path of your customized image.

Step4: Change the color of the chat box by changing selecting chat wizard theme.

Step5: Choose the chat button position for the webpage from the drop-down menu of wizard Position.

Step6: Customize the chat box size by defining your own height and width in Wizard Height an Wizard Width text boxes.

Step7: Click on Generate after making the changes respectively.

Step8: Now click on Copy code to copy the generated code and Paste it on your website to view your customized overlay chat button.

Note: If you want to update the already integrated overlay chat button, then just click on Update existing after making the respective changes.

II. Manage Floating chat button Image:

Step1: Click on Chat button Floating.

Step2: Select the department from the Department drop-down menu.

Step3: Either you can choose an image from the Image gallery by clicking on “ Gert More Images”or give an online path of your customized image.

Step4: Choose the chat button position for the webpage from the drop-down menu of Image Position.

Step5: Define the Chat Image width in pixels in Online/Offline Image with text box.

Step6: Now define the Position of the chat button, to be fixed at a particular height of the webpage. You need to define the height of the chat button from the top of the page in terms of percentage.

Step7: Now, put the dimension for the chat button image which you want to make visible on your website in Visible Area text box.

Step8: Click on Generate tab to generate the chosen changes in the chat button Image.

Step9: Copy and Paste the chat cod eon your website to view the changes.

III. Manage chat bubble:

Step1: Click on chat bubble under chat buttons.

Step2: Upload a custom image from your system for your chat bubble.

Step3: Define your Online and Offline custom Message to be displayed with the chat bubble.

Step4: Mention your Placeholder text.

Step5: Define custom Colors for the chat bubble in respective sections.

Step6: Enable chat bubble window and Click update to view the customized chat bubble on your website.