Bot Installation FAQs
This section contains the FAQs related to the installation of various type of bot
Last updated
This section contains the FAQs related to the installation of various type of bot
Last updated
Copy the Javascript code from the ChatbotWorld app & Go to y
our website's HTML code
Paste the script in the head or body tag of your HTML code
Please Note
Ensure that you paste the script before the tag is closed, i.e., paste the script before </head> or </body>.
Make sure ChatbotWorld should be the last script to execute, as some scripts may override the ChatbotWorld script.
After you have logged into your ChatbotWorld account, Go to the Bots Tab, select the desired Bot, and navigate to the Install section.
Move to the WordPress section and copy the API key available there.
Open your website's wp-admin, adding "/wp-admin" at the end of your Domain URL. E.g., If your website URL is "www.expample.com," then you can open WP-Admin using the Link "www.example.com/wp-admin"
Go to Plugins > Add new > Search ChatbotWorld > Install now > Activate plugin"
Install the "ChatbotWorld" Plugin and then activate the same.
Upon activating the Plugin, you will be redirected to the plugins page with the confirmation message "Plugin Activated."
Once your Plugin is activated, paste the Bot Penguin API key in the Box named "ChatbotWorld Snippet" that you Copied from your ChatbotWorld account.
Save the Settings, and you are all set. ChatbotWorld has been integrated into your website.
If you have both wp-rocket and ChatbotWorld Plugin/Script added to your WordPress site, You may face the issue of the ChatbotWorld not showing up on the website.
In case you are facing such issues, try the below steps, and it will solve the problem.
Login to your wp-admin panel and open the wp-rocket settings.
Go to the File Optimization → JavaScript Files -> Load JavaScript deferred
Add the ChatbotWorld bot script here under Exclude Java Script Files option, and done!
For more details, Check out the following documentation by wp-rocket
https://docs.wp-rocket.me/article/976-exclude-files-from-defer-js
ChatbotWorld is a JS-based software. Hence your browser must support the Java Script. The minimum requirement for some renowned browsers are as follows:
Google Chrome: Version 51 or above
Edge: Version 14 or above
Safari: Version 10 or above
Firefox: Version 52 or above
We understand the criticality of website speed and responsiveness. Adding a trigger delay only delays the chatbot from opening, but the script of the chatbot is loaded at the same time as the page, which can delay the overall page loading and create latency issues. This happens because of the vast processes that allow chatbots to run smoothly. However, this problem can be solved.
In the document ready function, create a timeout function of 3sec. In that timeout function, create a script element with the details of the script shared while installing the chatbot.
<script>
const scriptEle = document.createElement("script");
scriptEle.src = ('src', 'https://cdn.chatbotworld.io/chatbotworld.js');
scriptEle.setAttribute('id', 'chatbotworld-messenger-widget');
scriptEle.innerHTML = '[Your Bot ID]';
document.onreadystatechange = function () {
if (document.readyState == "complete") {
setTimeout(() => {
document.body.appendChild(scriptEle);
}, 3000);
}
}
</script>Please note: Do not forget to replace [Your Bot ID] with you bot ID that you can find in your script.
And done, All sorted.
