Aicado Docs
FAQRelease NotesCommunity
  • Welcome to Aicado
  • What is Aicado?
  • Key Features
  • 👤User Guide
    • Account Creation & Login
    • Pricing
      • What Can You Do with 100 Credits?
      • Refund Policy
      • Get an Invoice
    • Troubleshooting
  • âš¡Embeddable AI Tools
    • What is Embeddable AI Tools?
      • Accessing the Embeddable AI Tools
      • Customizing AI Models
      • Generating & Adding Embed Code
    • AI Agent Embed User Guide
      • Customize & Training
      • Display Settings
      • Prompt Settings
      • Advanced Settings
      • Generating & Adding Embed Code
      • Using as a chat balloon on your website
    • Using Webhooks
    • Using on a Domain
    • Using on Multiple Domains
    • Using as a Team
    • Rate Limits
    • White Labeling
    • Language Support
  • For Developers
    • API Documentation
  • Templates
    • Crab AI
      • How to Customize Crab AI?
    • SaaSCado
      • How to Customize SaaSCado?
  • Aicado AI Connector - Bubble.io
    • Introduction
      • How it works?
      • Available AI Models
      • Plugin Requirements
      • Plugin Properties
  • Get Started
    • Plugin Installation
    • Authentication
    • Webhook Configuration
    • Action Usage
  • Setup Examples By Models
    • General Instructions
    • Text To Speech
    • Swap Faces In Photos
    • Image to Video
    • Background Changer
    • Swap Faces In Videos
    • Dress Room
    • Text to Image
  • Embed Guides
    • Add Aicado to Wix
    • Add Aicado to Wordpress
    • Add Aicado to Shopify
    • Add Aicado to Squarespace
    • Add Aicado to Framer
    • Add Aicado to Thunkable
    • Add Aicado to FlutterFlow
    • Add Aicado to Bubble.io
    • Add Aicado to Softr
    • Add Aicado to Toddle
  • AI Agent Tools
    • What is AI Agent?
    • Essentials
    • Web Crawler
    • Web Search
    • Text To Speech
    • Text To Image Stable Diffusion
    • Image Outpainting
    • Image Search and Replace
    • Image Recolor
    • Clarity Upscaler
    • Link Shortener
    • Send Email
    • Review Collector Pro for Amazon
    • Product Collector For Amazon
    • Linkedin Collect Company Information
    • Linkedin Profile Collector
    • Linkedin Posts Collect By URL
    • Linkedin Posts By Profile URL
    • Instagram - Reels - Discover by URL all Reels
    • Instagram - Posts - Collect By Post URL
    • Instagram - Profiles - Collect By Profiles URL
    • Yahoo Finance Business Information
    • TikTok - Comments
    • TikTok - Profiles - Discover by search url
    • Facebook - Comments
    • Facebook Company Reviews
    • Github Repository
    • Booking Listings
    • Indeed job listings information
    • Indeed job listings information - Discover by Keyword
    • Airbnb Properties Information
    • Google Play Store
    • Apple App Store
    • Google maps reviews
    • Crunchbase companies information
    • BBC news
    • Reuters news
Powered by GitBook
On this page
  • How to Embed Aicado as a Chat Balloon
  • Customizing Your Chat Balloon

Was this helpful?

  1. Embeddable AI Tools
  2. AI Agent Embed User Guide

Using as a chat balloon on your website

PreviousGenerating & Adding Embed CodeNextUsing Webhooks

Last updated 6 days ago

Was this helpful?

Boost user engagement on your website by embedding Aicado as a chat balloon. This feature enables visitors to interact with your AI chatbot in a smooth and intuitive manner, offering them instant support and information.

How to Embed Aicado as a Chat Balloon

Step 1: Create Your Embed

Before you can use the chat balloon feature and create your embed, ensure you have an active Aicado account. If you don’t have an account, .

Step 2: Retrieve Your Chat Balloon Code

  1. Select your embed or create one.

  2. Navigate "Embed" tab.

  3. Select the "Bubble" option.

  4. Customize your chat balloon's appearance and behavior.

  5. Copy the provided embed code.

Step 3: Add the Code to Your Website

  1. Open your website's HTML editor.

  2. Paste the copied embed codes into the appropriate section of your website's code, one code preferably into <head> one code into</body> tag.

  3. Save your changes and publish your website.

Step 4: Test the Chat Balloon

Once the code is added, visit your website to ensure the chat balloon appears and functions correctly. Test various interactions to verify that the AI responds as expected.

Customizing Your Chat Balloon

Aicado allows you to customize the chat balloon to match your brand's aesthetics. You can adjust:

  • Avatar: Modify the balloon's avatar to align with your branding.

  • Positioning: Choose where the chat balloon appears on the screen (e.g., bottom-right, bottom-left).

  • Welcome Message: Set an initial greeting message to engage users when they visit your site.

If you are still experiencing issues, please don’t hesitate to .

âš¡
sign up here
contact us