The chat widget is a small chat window that can be added to your website to gather user feedback and answer queries. It is a great way to engage with your users and provide them with a way to contact you. The chat widget is fully customizable and can be configured to match your website’s theme. It can be added to your website by adding a small snippet of code to your website’s or app’s code.
To add the chat widget to your website, you need to add the following code snippet to your website’s code.
<!-- Add this in the body tag -->
<div id="userstak-widget" data-symbol="f9OvJy"></div>
<!-- Add these two lines just before the closing body tag. -->
<link href="https://zeonhq.b-cdn.net/zeon-widget.css" rel="stylesheet" />
<script src="https://zeonhq.b-cdn.net/zeon-widget.js" async></script>
Adding the code snippet to your website’s code directly
To add the code snippet to your website’s code directly, follow these steps:
- Copy the code snippet given above.
- Paste the code snippet in your website or app’s code, just before the closing
</body>
tag.
Adding the code snippet to Webflow
To add the code snippet to your Webflow website, follow these steps:
- Copy the code snippet given above.
- Open your Webflow project.
- Open the Project Settings.
- Open the Custom Code tab.
- Paste the code snippet in the Footer Code section.
- Click Save.
Adding the code snippet to WordPress
To add the code snippet to your WordPress website, follow these steps:
- Copy the code snippet given above.
- Open your WordPress dashboard.
- Go to Appearance > Theme Editor.
- Open the footer.php file.
- Paste the code snippet just before the closing
</body>
tag.
- Click Update File.
Adding the code snippet to Shopify
To add the code snippet to your Shopify website, follow these steps:
- Copy the code snippet given above.
- Open your Shopify dashboard.
- Go to Online Store > Themes.
- Click Actions > Edit Code.
- Open the theme.liquid file.
- Paste the code snippet just before the closing
</body>
tag.
- Click Save.
Adding the code snippet to Wix
To add the code snippet to your Wix website, follow these steps:
- Copy the code snippet given above.
- Open your Wix dashboard.
- Go to Settings > Advanced > Custom Code.
- Paste the code snippet in the Body - end section.
- Click Apply.
Adding the code snippet to Squarespace
To add the code snippet to your Squarespace website, follow these steps:
- Copy the code snippet given above.
- Open your Squarespace dashboard.
- Go to Settings > Advanced > Code Injection.
- Paste the code snippet in the Footer section.
- Click Save.
Responses are generated using AI and may contain mistakes.