How to Add ProProfs Live Chat to Your Wix Website
Wix is a versatile cloud-based website builder that lets you create and customize a website. ProProfs Live Chat supports integration to a Wix-based website. Integrating Live Chat with Wix lets you engage with visitors directly through chat.
You can start conversations in real-time, thereby improving customer service and also simultaneously providing customer support where needed. You can initiate conversations through greetings and also notify visitors about upcoming changes through chat announcements.
Integrating ProProfs Live Chat Support in your Wix website helps you to:
-
Provide real-time support to your visitors
-
Reduce dependency on your customer support by answering frequently asked queries
-
Earn customer’s trust and loyalty
How Your Wix Website Will Look After Live Chat Integration:
.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzUwMDAvY2tmaW5kZXIvaW1hZ2VzLzEoMzEpLmpwZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTcxMzU2ODA1NX19fV19&Signature=AAM7aXDH7u5HC3yXyY8T7h-AmX32vfGH~8qLaybh7V7xBS23kzCiIXEOInxaHB2njXGD5hZHjZ0uhVVAu-yqj8FJMyQicjtauznyxwP-oVyBc5nNOb-6IdKb8~-glpf2WQcHvr3J~r8QI3CJ8CsNsdj9EDOelTqkYQyyJHCGuKp3NbU7CKnXjyPooul5zk2gfRsY7EY1yZakxaybn~Ypy3-8fFUiUqTFOmrL~b~yM9YBvGmFVIjdqNS5QiQEx~bcuey0HZGEK1R2yzfUNf8XfZ4xUCfGYzyFUMmdm0UAEcSJ5pJ6u1VBzG9fn1ZLoRkfFgY~qQzRANHYy~kYOPJVUw__&Key-Pair-Id=K2TK3EG287XSFC)
Here's how you can integrate ProProfs Live Chat with your Wix website.
Step 1: In your ProProfs Live Chat Account:
- Navigate to Settings
- Click the Installation tab.
- Copy the Live Chat Installation Code.
.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzUwMDAvY2tmaW5kZXIvaW1hZ2VzL0luc3RhbGxhdGlvbig2KS5qcGciLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjE3MTM1NjgwNTV9fX1dfQ__&Signature=FEtSruA9HMB9v2RP8MXRSa-doi3WXnvZ39X9AJicbSMQD~ThEYXnQC8hZ-WTM2rfAN5CnodYqHIjv8vjKGyTDqM-KE9UZPEpd0G8nvrLF9xDqEL6OG1gScbt-nLAxmEuqrAQ2rj4k8kPdCCXe8FsOZdbOVPlBxahh2BN0zppJGENtH97FUgbOUVAn2Wxgny~1Nadvhe89~tLRQChb9-e0jHhgFw~nNW6wXp7~j~FO2diP2evNML-JPsu3nRi1sWI-ortJV79Sg33hgdhKK--XO0OFiS~7Q37uYjdVWw-7IRlQ4X6h5HRxm7r~XIabKnob-hGVns2~uG67wVIqyDNNw__&Key-Pair-Id=K2TK3EG287XSFC)
Step 2:
- Log in to your Wix account.
- Open the Wix Website Editor and click on the Add tab (it’s the plus '+' sign on the menu to the left in WIX editor).
- Go to 'Embed', then select 'Embed a Widget.'
.png?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzUwMDAvY2tmaW5kZXIvaW1hZ2VzL3F1L2ltYWdlKDcpLnBuZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTcxMzU2ODA1NX19fV19&Signature=pt7SAo2KoJufn8Y5tRMpGaNKCcKu~peKbdMZJKXTCuWS8DbSfcLBU1CRi56BUFPygGFnY2qOvupWKcNFVPLGegJj9xsAYkQWlZzgM9a~Dg2byrBOsKMsldMSACx1EnwoVrfYZQ1INJXf1tKXB16ICbVYgdWHLTLyHloC9t80pMzAqznWQcGV9x7VzYUfitn0RYVoRKOT417YmV64i-HnsdRySIxwtSZaO9-1hbftglaeEHPytLMlj--HcWsh6k~cpfVKRiD7n7RXuaQECdMFcklZ8Lx-~X3zdfSBOjAdfRK1vWseL7XCGhCYWUYlwtmRil1dzI76mU7hpBEXMky6hw__&Key-Pair-Id=K2TK3EG287XSFC)
Step 3:
- Click on HTML Iframe
- Click on Enter Code. A new window will open up.
- Paste the ProProfs Live Chat Code here.
- Once done, click on Apply.
.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzUwMDAvY2tmaW5kZXIvaW1hZ2VzLzQoMTkpLmpwZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTcxMzU2ODA1NX19fV19&Signature=O~Z-kJ3kGp8qQVzL7whigF-k1YSLAtztPiy9832CpdGr-3Q-EukiGdDQC3XfNrojaUKbF4ER6KNwIffnd244Cu56MhTw60YG6PvoPGT5h-ab5j1ktq6Lz7Gepu1mrSLsdh235XA6kLH6siqv1gsz-G5O~tTw11hyyi788Z5yhoIDY~jARHcie2S8Etl6eimB6LQ0asil60WdW88casMUIRqVW528pyLFdYr-On-mThGwsCgzvbYfwCVW81F0PEwa7SLdzEVZz8SReifAO~W1Uo2gpncBCBVADODTYD2gHcG7Lsm1pK8RVJ2tO9Z-m3XVA2VFfwk9XlBbsRaoqXNdkA__&Key-Pair-Id=K2TK3EG287XSFC)
Step 4:
- You have to 'resize' the HTML box. Click the HTML box to select and highlight it.
- Change the size (Width: 350 and Height: 410) from the settings toolbar. The box is now big enough for the chat window to expand when clicked.
.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzUwMDAvY2tmaW5kZXIvaW1hZ2VzLzUoMTgpLmpwZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTcxMzU2ODA1NX19fV19&Signature=XjtH6ZkEDun~w6TiVKlQz0qTkP9xbiBfkEELokoyTN06tJ4rbEAKtMofqiNesBEFpPUCyeyFmUKBu4x~mqv72NVOPEZcLIFu9VoML17C2pFXpzRUlOIZlnkdch4f5KCSOC-KHan0ivuheN7SH4tu6rcStQrvnx7NBCYLFNCImN4LeVd3opNx~6QhjciDCJUgtipDWJZT5wRFOE7AKoipVhWE-8Ytpv-EmTa47kvNQshFkh6tzwomjYCzWr~FlL2cdguCdqLhJs5a9MEXsIJ3TD5Ybe-8NsMkZznSqpNVQXaMSz7HNdCSsVR9XNtckKah~7UNoUJYRIUf~Ol825P0Xw__&Key-Pair-Id=K2TK3EG287XSFC)
Step 5:
- Right-click and select Pin to screen.
- Set the position to the bottom right corner of your website or select a location of your choice for the chat window to appear.
.jpg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9kemY4dnF2MjRlcWhnLmNsb3VkZnJvbnQubmV0L3VzZXJmaWxlcy8yMDg2LzUwMDAvY2tmaW5kZXIvaW1hZ2VzLzYoMTYpLmpwZyIsIkNvbmRpdGlvbiI6eyJEYXRlTGVzc1RoYW4iOnsiQVdTOkVwb2NoVGltZSI6MTcxMzU2ODA1NX19fV19&Signature=Zx39C9hw-uGA1BQH3raphEqNp5kdEA9vf1q8nSA8nIWMNQ-B-41iPYdqC4uWeCLTyK~JFEMyhsXCXVm0Bay6kul-vgXQdFHBahOOnxRt6kTYgmv09JBeLw654G9LbpNJHrY99UelSWT4npNXIP8rWREMMIpS3Zje4hz-Y2L0qmHsmVuQueyA3x7cZ9lqsiZ7~pBTKnMM6m0SqhF5QMgv3NL~RU6hHpHvSbHBtC2nOftiF27Znyj5es4Z9lg7WY96~SqFBy-3qUnzUzBk~Bt79XTtQMb0q6QVrHzL6ipWCeyX33~u-600Zj19pa3-cvznzUBaJlz5tm9IB1wJTF15fg__&Key-Pair-Id=K2TK3EG287XSFC)
Step 6:
- Save the changes and click Preview from the top right of the Wix dashboard.
- Check the chat window.
- To sync the Wix website with ProProfs chat go back to the editor and click Publish.