Adding Charley to your website

Step 1: Copy the code

Copy this code and paste it before the closing </body> tag on every page of your website (or every page that you’d like Charley to appear).

HTML<script type="text/javascript" 
src="https://assets.chatwithcharley.org/snippet.js"></script>Copy code

Step 2: Reload your website

The Charley chat widget should appear in the bottom right corner of your webpage.

By default, the widget will appear in the bottom right corner of the website. If this position conflicts with existing site content, the widget can be repositioned using CSS. For example, this code will shift the chat widget up 75 pixels:

HTML<script type="text/javascript" src="https://assets.chatwithcharley.org/snippet.js"></script>
<style>
  #chatbot-chat {
    bottom: 75px !important;
  }
html.chatbot-mobile-opened #chatbot-chat {
    bottom: 0 !important;
  }
</style>Copy code