WIX Website Builder Integration

<< Click to Display Table of Contents >>

  Integrations > CMS Integrations > WIX Website Builder >

WIX Website Builder Integration

How to place Live Chat Button on WIX website

 

WIX based website has an ability to position HTML elements with help of drag-and-drop function. In this case the chat invitation will be displayed in the same frame where the live chat button is added. There are two possible solutions for live chat integration. In the first case you'd need to make the HTML block big enough to display your live chat invitation. In the second case you can add a simple code without monitoring (No Script Code) for your live chat button and place another block where you will add your Hidden Code for Visitor Monitoring which will display the live chat invitation. This solution has one shortage: the No Script Code will open your live chat messenger in a separate tab instead of a pop up window. If you would like it to be displayed as a pop up window, please contact our support chat for solution.

 

Live Chat button and Live Chat invitation in the same frame

 

1.Log into your WIX admin panel.

2.Follow there Dashboard / Edit Site

 

how to edit wix website template

 

 

3.Then, please follow Add / Apps / HTML

 

How to add HTML

How to add HTML

 

4.Place the box to the desired location for the chat button, click on it to display the 'HTML' menu and select Settings

 

WIX HTML

HTML settings

 

5.In the Mode list, select 'HTML code'

 

HTML Mode

WIX HTML Code Mode

 

6.Now it's time to get the code for your live chat button. You will find the code for your chat button on My Account / Chat Button Codes page in your Provide Support account Control Panel, where you can log into on Provide Support website. Our standard code which supports all features is Fully Featured Chat Button Code with Uploadable Online / Offline Images

7.After you have copied the code, insert it to the 'HTML/embed code' container

 

Live Chat Button HTML

Adding Live Chat Button Code to WIX HTML container

 

8.Click 'Update' button

 

Live Chat on WIX website

Chat Button on WIX website example

 

9.If you decide to use Fully Featured Chat Button Code with Uploadable Online / Offline Images the chat invitation will be displayed in the same frame where you add the code. In this case you'd need to make the chat button box size big enough for displaying the live chat invitation.

 

Live Chat Invitation example

Live Chat invitation on WIX website example

 

Live Chat button and Live Chat invitation in different frames

 

1.Log into your WIX admin panel.

2.Follow there Dashboard / Edit Site

3.Select Add / Apps / HTML

4.Place the box to the desired location for the chat button, click on it to display the 'HTML' menu and select Settings

5.In the Mode list, select 'HTML code'

6.Follow My Account / Chat Button Codes page in your Provide Support account Control Panel, where you can log into on Provide Support website.

7.Choose No-Script Chat Button Code there and copy it. Please note! With No Script Code the chat window will be opened in a browser tab instead of the pop up window. If you would like to have your chat messenger opened as a pop up window, please contact us in our support chat for solution

8.Insert the code to the 'HTML/embed code' container, click 'Update' and adjust chat button container size

9.Now let's place the container for the live chat invitation. Perform steps 2,3,4 and drag the box to the place you would like to display your live chat invitation

10.On My Account / Chat Button Codes page choose Hidden Code for Visitor Monitoring  and insert it to the 'HTML/embed code' container. Please note! The container should be placed within the content area edges. Otherwise the invitation will not be displayed.

11.For monitoring and displaying live chat invitation on all your website pages, check 'Show on all pages' option.

 

HTML module display options

Showing on all pages

 

12.Now click 'Update' and adjust the size of the container so that the chat invitation was displayed properly without being cut