Getting Started
Follow these steps to install and set up the EasyPeasy Chatbot on your website.
Installation
Include the EasyPeasy Chatbot script in the HEAD section your HTML file (right before where it says </HEAD>) or wherever you load scripts:
<script src="https://a.easypeasy.chat/js"></script>
And you're all set! You can even try it without an account, to test how it works!
Basic Customization
For those with an account (even a free one), you can customize the look and feel of the chatbot with these basic settings.
Changing Text and Size
You can change the button text and window size like this:
<script>
window.chatbotConfig = {
buttonText: 'Chat with Us', // Optional: Customize button text
windowWidth: '350px', // Optional: Customize chat window width
windowHeight: '450px', // Optional: Customize chat window height
};
</script>
<script src="https://a.easypeasy.chat/js"></script>
Advanced Customization
For those with a premium account or above, the more advanced styling is available through injectible css styles.
<script>
window.chatbotConfig = {
buttonText: 'Chat with Us', // Optional: Customize button text
windowWidth: '350px', // Optional: Customize chat window width
windowHeight: '450px', // Optional: Customize chat window height
styles: ` .chatbot-message-bot {
background-color: green;
}`,
};
</script>
<script src="https://a.easypeasy.chat/js"></script>