🤖
AIBotkit.io
  • 👋Welcome to AI BotKit!
  • Overview
    • 💡Why AI BotKit?
    • ✨Our Features
  • Product Guides
    • 🛠️Getting Started
      • 📝Installation
      • 🧑Initial Setup
    • 📪Creating Your First Chatbot
      • Using Your Chatbot
      • Adding Chatbots to Your Website
    • 📎Managing Your Knowledge Base
  • ⚙️Managing Settings
    • Best Practices
  • 💻Troubleshooting and FAQ
    • Next Steps and Support
  • Use Cases
Powered by GitBook
On this page
  • Methods to Add Chatbots
  • Widget Mode
  • Page-Specific Widget
  • Inline Mode
  • Gutenberg Editor
  • Classic Editor
  • Customization Parameters
  1. Product Guides
  2. Creating Your First Chatbot

Adding Chatbots to Your Website

Methods to Add Chatbots

Widget Mode

  • Configure position, initial state, and display conditions.

  • Enable the global widget in AI BotKit > Settings.

  • Select the chatbot to display.

IMAGE

Page-Specific Widget

  • Use shortcode in page/post content:

[ai_botkit_widget id="YOUR_CHATBOT_ID"]

IMAGE

Inline Mode

  • Embed chatbot directly using shortcode

[ai_botkit_chat id="YOUR_CHATBOT_ID"]

Gutenberg Editor

1

Add a new block

2

Search for "AI BotKit Chat"

3

Select your chatbot and customize its appearance

Classic Editor

Paste the shortcode where you want the chat to appear

Customization Parameters

id (required): The chatbot's unique ID.

PreviousUsing Your ChatbotNextManaging Your Knowledge Base

Last updated 9 days ago

📪