Skip to content

Getting Started

Create Your DIY Website Bot

Step 1: Start from Scratch

  • Navigate to the top-right corner of the dashboard and click Create from Scratch.
  • Select Web Chatbot to begin building a chatbot for your website.
  • Once selected, you will be taken to the Bot Builder interface.

Bot Builder Overview

Bot Builder Overview

Using Elements to Build Your Chatbot

On the right-hand side of the Bot Builder, you will find a panel of Elements.
These elements help define chatbot responses based on user actions.

Welcome Intent
  • The Welcome Intent is displayed by default and typically includes a set of Options for users to choose from.
  • You can:
    • Add or remove options as needed.
    • For a simple welcome message (without options), remove all options and link the Default response to the next intent.
    • Edit or remove the welcome image.
    • Delete the Welcome Intent entirely if it’s not required.
Capturing User Information

To collect user details:

  • Use the Name element to ask for the user’s name.
  • Use the Phone element to capture their mobile number.
  • Link each new element to the previous intent using the blue connector dots at the bottom of every intent box.

Capturing User Information

Saving and Previewing Your Chatbot
  • Click “Save” at the top-right corner of the Bot Builder to save your progress.
  • Use the Preview option to test your chatbot in real time before proceeding further.

Tip

You can explore the purpose of each element by clicking the “Help” button in the bottom-right corner of the screen.

Step 2: Designing the Chat Interface (Web Chatbots Only)

Infinito allows you to customize your web chatbot’s appearance to match your brand’s identity.

  • Click on the “Design” tab to:
    • Upload and position your logo
    • Customize colors, font, and other visual elements
    • Personalize the overall look and feel of the chatbot

Designing the Chat Interface

Chatbot Settings

Before launching, configure general settings by navigating to the Settings section:

  • Display Name of the Agent
  • Chatbot Category
  • Chatbot Description
  • Technical Error Message for unexpected scenarios
  • Redirection URL – use this to redirect users to another webpage once the conversation ends

Once settings are configured, click Save Changes to proceed.

Chatbot Settings

Step 3: Launching the Chatbot

The final step is to launch your chatbot. Infinito supports three launch modes for web-based chatbots:

  1. Full-Page Chatbot

    • A standalone chatbot hosted on its own URL.
    • Simply click Save Changes, and a unique URL will be generated.

  2. Widget Chatbot

    • An embedded chatbot that appears as a widget on your website.
    • Configuration steps:
      • Set the Widget Location, Size, and Icon
      • Choose whether the chatbot launches on click or automatically
      • If set to launch automatically, define the delay time (e.g., show after 5 seconds)
      • Paste the page URLs where the widget should appear
    • Click Save Changes to generate the embed code, which can be added to your website backend.

  3. Banner Bot

    • A banner-style chatbot embedded on your website.
    • Configuration steps:
      • Select Banner Size
      • Upload the Banner Image
      • Enter the Domain Name for integration
    • After saving changes, a code snippet will be generated. Paste this into your website's backend to activate the bot.

    Launch Chatbot