Chatwidget
Last updated
Was this helpful?
DialoX Manual
Last updated
Was this helpful?
Contact is only established when customers can actually find you. One way to make sure your customers can find you is using your company's central phone number which is already familiar to your customers. Another important way for customers to engage with you by whatsapp is by offering a Web Widget on your website that works as a Whatsapp launcher.
This web widget can be easily embedded on your website so people can always start a Whatsapp conversation with you or your colleagues by scanning the QR code or clicking on the link.
Go to Channels
Click on Chatwidget
Click on Enable
Enter your domain name
Optionally enable visitor tracking
Click on Save
Provide your domain name without the www. and without the path /page/..Press 'enter' to add this domain and repeat if you want this widget to be used on more websites
Scroll down and click on the little clipboard icon to copy the widget HTML snippet to your clipboard.
You can implement the widget code on your website or ask your website agency to do so when ever you feel comfortable with your bot. See the technical documentation for more instructions.
Make sure to paste the HTML snipplet right before the </body> tag.
The design of your widget can be styled to fit your own brand requirements by the following steps. You can test the design
Click on Design
Check out the widget in here or
Choose your website URL using "Select preview site" in the dropdown and click
Share link to view the widget on top of your website
Choose the alignment of your widget from bottom right, bottom left, top right, top left
Notice that the widget preview doesn't work on all websites when clicking share link. Some websites prevent loading inside an iframe for this function to work properly.
Now you can start changing the properties of your widget in order to fit your needs. See the below screenshot to understand which property affects which part of the widget.
When you click on Customize labels in the page on the screenshot above you will be able to make changes to the default labels that are rendered in the Chatwidget.
