Home
  • πŸ˜ƒWelcome to Cataleya
  • Cataleya Basics
  • 🏁Getting Started
    • Building a Chatbot
    • Testing a Chatbot
    • Installation
      • Installation on Website
        • Installation using HTML
        • Installation using Google Tag Manager
      • Installing on Wordpress
      • Installing on SquareSpace
      • Installation on WhatsApp
      • Installation on Facebook
      • Installation on SMS
    • Deploying a Chatbot
    • Utility Tools
  • ⏹️Action Blocks
    • Overview
    • Trigger
      • Set values to variables using Trigger
    • Send Message
    • Collect Input
    • Buttons
    • Carousel
    • Calendar
    • Send an Email
    • Branch
    • Image Carousel
    • Human Handover
    • Slider
    • File Upload
    • Delay
    • Form
    • Flow
    • Jump
    • Codeblock
      • Dynamic Dialog Generator
    • Options
    • List
    • Reply Buttons
    • AI Model
  • πŸ€–AI Studio
    • Overview
      • From URL
      • From File
      • From Intent
  • πŸ”—Integrations
    • Overview
    • Service Call
    • Javascript
    • Zapier
    • Code block
    • Google Calendar
    • Calendly
    • HubSpot
    • DialogFlow
    • Link Tracking
  • βœ‰οΈLive Chat
    • Overview
      • Live Chat Screen
      • Live Chat Settings
  • πŸ› οΈTroubleshooting
    • Cloning Bots
    • Connecting Action Blocks
    • Creating Loops
    • Setting Up Fallback Variables
    • Setting Up Link Tracking
    • Variable Manager
    • Image Dimensions
  • πŸ“£Outbound Bots
    • Overview
    • Building One Off Campaign
    • Building Ongoing Campaign
    • Creating a WhatsApp Template
    • Action Blocks: Outbound
      • Send WhatsApp
      • Send SMS
      • Delay
      • Branch
  • 🎨Chatbot Customisation
    • Chatbot Appearance
    • Custom CSS
    • Embed bots in iFrame
    • Embedding the Chatbot
    • JS functions to show/hide
  • πŸ‘œAccount Management
    • Teams
    • Teammates
    • Purchasing a plan
    • Payment Methods
    • Refund Policy
    • Reset Password
    • Deleting Account
  • ⏺️Reporting
    • Analytics Dashboard
    • Custom Reports
    • What are contacts in Cataleya?
    • Scheduling a Contact Report
    • Exporting a Contact List
    • What are weekly reports?
      • What are weekly reports?
Powered by GitBook
On this page
  1. Getting Started
  2. Installation
  3. Installation on Website

Installation using HTML

Configure the chatbot on your website using HTML code

In-order to add the chatbot on your website, the first thing you need to do is add Cataleya's code snippet on your website's HTML, preferably in the <Body> tag of a reusable component like the header or footer. This way the bot chat widget will show up on all the pages of your website.

How can I configure it?

To configure it using HTML code snippet, you can follow the following steps;

  • Go to 'Channel Configuration -> Web -> Configuration'

  • Enter the domain address in the 'Website URL' field where you would like to add the chat widget

The domain restriction logic only allows the chat widget to appear on the domain that you have entered on the 'Website URL' field

  • Copy the code snippet and add it to any reusable component of your website's HTML file like Header or Footer

On following the above steps would see the chat widget visible on your website. Simply 'Deploy' a bot and see your visitors interactions get automated at scale

If you do not see a chat widget on your website, then it must be because of the following reasons;

  • No bot is created

  • No bot is turned on

  • No bot is created for 'Web' channel

PreviousInstallation on WebsiteNextInstallation using Google Tag Manager

Last updated 1 year ago

🏁