Position the Chat on the Left

Launch the chat on the left side of the webpage.

Available on:  Core | Advanced | Pro

Overview

By default, the chat button and window appear on the bottom-right side of the webpage. We strongly recommend maintaining the default placing since that’s where left-to-right readers expect to find a chatbot.

However, you are able to place it on the left side if needed.

ℹ️ Any customizations with CSS are not recommended and are not supported by Ada. If you are using Proactive Campaigns, we do not recommend placing Ada on the left side because campaigns may not appear properly.

See it in action

Click on the Ada button in the bottom left corner to open the Ada chat.

How to set it up

Step 1

Follow Ada’s technical Embed documentation to learn how to add Ada to your website.

Attached is the code snippet you need to paste into the <head> tag.

⚠️ Be sure to replace <YOUR-BOT-HANDLE> with your own bot handle. Your bot handle is your bot’s unique domain name: https://yourbothandle.ada.support/.

📣Click here to learn how to load a bot on a non-US cluster.

<script
  id="__ada"
  data-handle="<YOUR-BOT-HANDLE>"
  src="https://static.ada.support/embed2.js"
></script>

Step 2

Update your adaSettings with the align property

<!-- should be above the script that loads embed2.js -->
<script>
  window.adaSettings = {
    align: "left"
  }
</script>

See what Ada can do for you

Get your hands on our award winning platform and start offering VIP experiences for everyone, at scale.

Get a Demo