Ask Clio
  • Meet Ask Clio
  • Getting Started
    • Quickstart
  • Basics
    • Setting up a staging environment
    • Mobile SDK Integration Guide
    • Web SDK Integration Guide
  • Adding your Clearing Partner
  • White Labeling Ask Clio
  • Tools & Data
    • Tools & Data Tutorial
Powered by GitBook
On this page
  • Step 1: Add the Script to Your Website
  • Step 2: Customization Options
  • Step 3: Final Verification
  • Next Steps
  1. Basics

Web SDK Integration Guide

Web SDK Integration Guide

Integrate the Ask Clio chatbot into your website using our Web SDK. Follow the steps below to add Clio's AI assistant and customize it to suit your brand.

Step 1: Add the Script to Your Website

Insert the following code snippet into the <head> section of your HTML file:

<script src="https://<your-instance>.askclio.ai/inject.js"></script>
<script>
    attachClioSDK("https://<your-instance>.askclio.ai");
</script>

Replace <your-instance> with the specific URL for your Clio instance.

Step 2: Customization Options

The Web SDK provides several customization options to align the chatbot with your branding:

  1. Customizable Position: Adjust the location of the chatbot icon on your website.

  2. Custom Logo: Replace the default Clio logo with your own branding.

To configure these options, reach out to our support team at support@askclio.ai for guidance.

Step 3: Final Verification

After adding the script and customizing your chatbot, verify the integration:

  1. Open your website.

  2. Locate the Clio chatbot icon in the bottom-right corner of the screen.

  3. Click the icon to launch the chatbot interface.

  4. Test the close button to ensure the chat window hides as expected.

Next Steps

Once verified, your Clio chatbot is live and ready to assist your users. If you encounter any issues, please contact our support team at support@askclio.ai for additional help.

PreviousMobile SDK Integration GuideNextAdding your Clearing Partner

Last updated 2 months ago