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!

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

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>