Connect website

How to connect a virtual agent to your website

Now it is time to enable chat on your website. For this you need to perform the following steps:

Create the chat widget

1. click on Channels in the left hand menu

2. click on Chat widget if not already selected

3. Fill in the website domain where the bot will be on

4. click on Save

5. provide your domain name without the www. and without the path /page/..

6. press 'enter' to add this domain

7. repeat last two steps if you want this widget to be used on more websites

8. click add

Style your widget

1. go to the design tab in top of the sub menu

2. click on the chat button above "Your widget will look like this"

3. change the theme color for your widget

4. optionally upload a Button image

5. optionally:

   1. Enable "Leave a Message" form (so people can just leave a message without chatting)

   2. Add Whatsapp button (so people can send a message from their own Whatsapp)

   3. Add Telephone button (so people can call directly)

6. Click on the Save button

7. Click on the Publish button

select the right color and optionally upload a widget icon, configure whatsapp and your telephony number.

Test your widget

Select preview site & share link

1. click on select preview site

2. select your website domain

3. click Share link

Now a new browser tab is opened showing either an empty page or your website homepage, depending on whether your website allows for previewing. You can see how the widget will look like on your site and test it.

Add HTML snippet to your website

When you finished configuring and testing your webwidget you are safe to add the webwidget to your real live website. For this you need help from someone that has access to the HTML code or content management system of your website, like your webmaster or web department.

The HTML / Javascript snipplet is copied to your clipboard. You can now paste this text into an email to your webmaster or web department or copy it yourself into your content management system.

Make sure to paste the HTML snipplet right before the </body> tag.