Webchat increases customer engagement on your website and helps convert your leads into new customers! This article will go over the basic instructions to get this amazing tool up and running on your website.
Step 1: Get the Code
Log into Chekkit, then go to your Settings page. From here click the Webchat option from the menu on the left, and scroll down the page into the Setup section.
Look for the Webchat widget code option, and click the button that says "VIEW WEBCHAT CODE"
This will open up a pop-up window with all the webchat code along with the simple installation instructions.
Note this will only show up on the website domain listed on this page.
Step 2: Install the Code
Paste this widget code above the closing </body>
tag on every page you would like your webchat to be displayed.
WordPress Installation Instructions
Wix Installation Instructions
Squarespace Installation Instructions
Shopify Installation Instructions
Webflow Installation Instructions
GoDaddy Installation Instructions
WordPress Installation Instructions
The fastest way to install webchat on all pages of a WordPress website is to download the Insert Headers and Footers free plugin and paste the webchat code into this plugin.
Download 'Insert Headers and Footers' and activate it as a plugin on your site.
Go to Settings and select Insert Headers and Footers.
Paste the code into the 'Scripts in Footer' section of this plugin.
Wix Installation Instructions
To install webchat on a Wix site, we recommend following the setup instructions on this help page.
Go to the settings on your Wix site. Choose Add Custom Code in your Wix Portal. Go to Body - End and choose Add Code. Then paste the webchat script code in the code snippet section.
You may need to remove the default Wix chat widget. To do so, go to your site editor, click on the Wix Chat in the bottom right corner, and click delete on your keyboard.
Squarespace Installation Instructions
To install webchat on a Squarespace site, we recommend following the setup instructions on this help page.
In the Home Menu, click Settings, click Advanced, and then click Code Injection. Then paste the webchat script code into the 'Footer' section.
Shopify Installation Instructions
To install webchat on a Shopify site, visit theme -> edit code -> layout -> theme.liquid.
Paste the webchat code before </body> tag.
Webflow Installation Instructions
To install your webchat code on Webflow, sign in to your account and go to Project settings > Custom code. Paste your code in the Footer code section and save the changes.
GoDaddy Installation Instructions
To install webchat on your GoDaddy site, we need to make some changes to the Webchat code. Use the alternate code below and paste your app id from your Chekkit dashboard. Go to Settings > Webchat > View Webchat Code and copy your app id and paste it into the placeholder below.
<script>
var APP_ID = 'YOUR APP ID';
window.parent.chekkitSettings = {
app_id: APP_ID
};
</script>
<script async defer>
(function() {
var d = window.parent.document,
h = d.getElementsByTagName('head')[0],
s = d.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://chat.chekkit.io/v1/webchat.js';
h.appendChild(s);
})();
</script>
Next, go to your website builder. Hover over the + button and click Add Section.
Choose Files & Web and select HTML, then click Add.
Paste the code here, be sure to make the correct changes to the code copied from your Chekkit dashboard.
After pasting in the code, click done & publish your site.
* * *
Hopefully, this helps you get everything running, but if you have any difficulties or other questions please get in touch with us at support@chekkit.io!