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 BotPenguin 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 BotPenguin should be the last script to execute, as some scripts may override the BotPenguin script.
After you have logged into your BotPenguin 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 Botpenguin > Install now > Activate plugin"
Install the "BotPenguin" 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 "BotPenguin Snippet" that you Copied from your BotPenguin account.
Save the Settings, and you are all set. BotPenguin has been integrated into your website.
If you have both wp-rocket and BotPenguin Plugin/Script added to your WordPress site, You may face the issue of the BotPenguin 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 BotPenguin
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
BotPenguin 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.botpenguin.com/botpenguin.js');
scriptEle.setAttribute('id', 'BotPenguin-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.
As of now (13/12/23), We have the following channels where you can run your bot to
Website
Telegram
Standalone landing page
Also, Instagram is coming soon!
If you have both wp-rocket and BotPenguin Plugin/Script added to your WordPress site, You may face the issue of the BotPenguin 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 BotPenguin
bot script here under Exclude Java Script Files
option, and done!
Also you can add this provided code snippet :
<script> const scriptEle = document.createElement("script"); scriptEle.src = ('src', 'https://cdn.botpenguin.com/botpenguin.js'); scriptEle.setAttribute('id', 'BotPenguin-messenger-widget'); scriptEle.innerHTML = '6ffd62fkb3013e15bc12ba60,6ffd62fkb3013e15bc12ba60'; // Replace with your chatbot IDs document.onreadystatechange = function () { if (document.readyState == "complete") { setTimeout(function() { document.body.appendChild(scriptEle); }, 10); } } </script>