Configuring 3CX Live Chat for Wix

To add 3CX Live Chat to your Wix site, copy the code snippet from the 3CX Web Client or Management Console. Paste the code into the web pages on which you want to have the live chat box appear or put it in the footer to have it site-wide.

Configuration Steps

Step 1: Amend your website URL

Editing website URL in 3CX config

Wix websites require the 3CX live chat configuration to be slightly amended.

  1. Log into your 3CX Web Client and navigate to “Office Settings”
  2. Click on “Voice & Chat” then click on the pencil icon to edit your live chat configuration.
  3. Under ‘General’ edit your website address. If your website address is https://example.wixsite.com, the configuration needs to be entered as https://example-wixsite-com.filesusr.com
  4. Click ‘Save’

Step 2: Obtain your code snippet

3CX FREE/SMB

Obtain code snippet in FREE/SMB

Now that you have edited you live chat address

  1. Click on the information icon
  2. Copy the HTML code, save it to a notepad and proceed to step 3.
3CX Self-Hosted/Dedicated

3CX Management Console Live Chat config

  1. Navigate to “Messaging > Live Chat” in the Management Console.
  2. Create your live chat link. Follow this guide for more information.
  3. Click on the ‘i’ button, then copy the HTML code. Save it to a notepad and proceed to step 3.

Step 3: Add the snippet to your site

Wix - Embed HTML live chat code

These instructions are based on using the Wix editor. If you are using the Wix ADI, the steps will not be the same.

  1. Log in to your Wix Site - Dashboard.
  2. On the “Site Actions” go to “Edit Site”.
  3. From the left menu press “Add Elements> Embed Code > Embed HTML”.
  4. Click on “Edit Code > Code” and paste the code snippet.
  5. Resize the window to fit the chat window.

Wix - Pin to screen

  1. Right-click on the area of the HTML component and select “Pin to Screen”.
  2. Select the appropriate location.

Note:

Video/Audio request to allow is not supported if you have the chat window to popout =”false”. The only supported way is to set the popout=”true”.

About 3CX Live Chat

The 3CX Live chat feature allows you to answer calls and messages from website visitors directly from 3CX. Read more about the Live Chat feature of 3CX.

See also

Last Updated

This document was last updated on 27th October 2022

https://www.3cx.com/docs/wix-live-chat/