How to Customize Your Chat Box

Personalize your chat box to match your brand


Click on Account in the top right corner. Select Websites on the left sidebar and pick the chat box you'd like to customize then click on the button Customize Chat Box.

Great! Now you can customize the animation, color, style, and text of your chat box. Don't forget to save when you're finished!

Customization Options

Update the Color & Style

After you've opened the chat box manager and selected a chat box, you can start customizing the chat box's title, style, and color in the top bar.

Choose the Display Settings

Use the Before Chat section to choose how you would like your chat box to appear before a visitor clicks on it. You can enhance the appearance with eye-catching graphics or select Custom Button from the Type dropdown if you want the chat box to be hidden until users press a button on your site.

Set the Chat Box Position

"To make sure the chat box doesn't cover up key content on your site, you can anchor it to the corner that fits your design best. Don't worry if it's a little out of the way - you can also add subtle animations, so customers will still be encouraged to start chatting. Use the Position and Animation dropdowns in the Before Chat tab to set these features to your preference!

Add a Custom Link

Check Custom Link Button in the After Chat tab to direct leads who have just chatted with you to specific page on your website or call-to-action. With the button you could invite website visitors to signup, schedule a demo, download an ebook and more.

Add a Custom Chat Button

When you set Custom Button as the box type, your chat box will be hidden from website visitors until they click a "Chat with Us" button. To set this up, just paste the unstyled HTML snippet we provide (shown below) into your webpage and use CSS to make it match your site! As an example, the first image shows a styled button that has been clicked to reveal the chat chat box.


Set your chat box to an email form when you're offline

When editing your chat box, you can click on the tab that says Email Form to edit what's visible when every team member is unavailable.

Set Triggers

After clicking Websites in the left sidebar and selecting a chat box, you'll see a tab labeled Triggers that will allow you to customize when the chat box pops up. Set the amount of seconds you'd like to have before the chat box pop ups for customers visiting your site. You can even set the chat box to trigger instantly on specific pages such as a pricing page or support.

Remove Pure Chat Branding

Once you've upgraded to the Growth Plan. Once you've upgraded to a Growth Plan, click Websites in the left sidebar of the Account section, select your chat box, and check Remove Branding at the top then save your changes. Now your chat box will not have "Powered by Pure Chat" at the bottom!



By adding live chat to your site you will...

  • Give your website visitors instant answers
  • Engage leads and customers
  • Increase conversions

Get even more with upgraded plans.