Getting Started

Follow these steps to install and set up the EasyPeasy Chatbot on your website.

Installation

Include the EasyPeasy Chatbot script at the end of the BODY section your HTML file (right before where it says </BODY>) 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!

💡 To get set up with WordPress or Shopify, please click the corresponding links!

Basic Customization

✨️ New: Try our Code Generator!

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 theme color, button text, window text, and window size by adding the following script just like above:


<script>
  window.chatbotConfig = {
     buttonText: 'Chat with Us', // Optional: Customize button text
     windowTitle: 'Chat Window', // Optional: Customize window text
     themeColor: '#FFF5EE', // Optional: This will effect the color of the button, the chat background, and the window border
     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>