Skip to main content

How to add Blip Chat to a Wix site

  • Updated

Adding the Blip Chat widget to a Wix site is quite simple. Before you begin, you will need a valid Wix account and a previously created website.

Step by step

1. Access your website's administration panel, go to the editor and add an HTML Code

chat-adicionar-blip-chat-site-wix-1.png

 

Add the Blip Chat script as indicated on the portal.chat-adicionar-blip-chat-site-wix-2.png

For clustered contracts outside the Take cluster, we must add a property indicating which URL it should use. In the same BlipChat channel installation tab, it is possible to find how to use the URL correctly according to your contract. However, if needed, you can also build it yourself.

new BlipChat()

.withAppKey('CHAVE_DO_BOT')

.withCustomCommonUrl('https://NOME_DO_CONTRATO.chat.blip.ai/')

.build();

 

2. After adding and adjusting the HTML Code block, according to the style of your website, it will be necessary to allow the domain in the Blip portal.
chat-adicionar-blip-chat-site-wix-3.png

 

Wix uses iframes as a strategy to embed HTML code. Therefore, the domain that should be included in the portal is not the website domain, but the iframe domain generated by Wix.

To find the domain, publish your component, inspect the web page (in the Blip component) and find the value of the iframe that ships the component.
chat-adicionar-blip-chat-site-wix-4.png

In this example, the domain that should be released on the Blip portal is pablotestetk-wixsite-com.fileusr.com.

3. After adding the domain as valid, test it on your page

chat-adicionar-blip-chat-site-wix-5.png

 

Note: The iframe generated by Wix on the published page is different from the iframe generated on the page within the Wix editor. If you want to view Blip Chat in both places, you will also need to add the domain of the editing iframe.

For more information, access the discussion on the subject in our community or the videos on our channel. 😃

Related articles