How to create chatbot for website? | AI chatbot for website

Sandbox

Sandbox is a multipurpose HTML5 template with various layouts which will be a great solution for your business.

Contact Info

Moonshine St. 14/05
Light City, London

info@email.com
00 (123) 456 78 90

Learn More

Follow Us

Design

This page contains all the necessary information regarding the design section of the website chatbot settings.

Chat Window Customization

These are all the settings you can do to customize your website chatbot if still have queries you can contact us anytime.

landing page inspiration

Click on “Save Changes” to save your customizations.

Here you can select the layout and positioning for your landing page

Layout

Chatbot UI template
  1. Select your chat window style from the given two options.
  2. Select a bot icon from the options or upload from your device.
  3. Select a landing page theme colour.
  4. Select a chat background colour.
  5. Select landing page background colour.
  6. Select a font style for your chatbot.
  7. Click on save changes to upload the changes done.

Theme

ai website chatbot
  1. Enter your bot’s landing page name in “Landing Page Name” box.
  2. Enter the heading text you want to display in “Landing Page Header” box.
  3. Enter the description text you want to display in “Landing Page Description” box.
  4. Toggle ON/OFF to hide logo and text.
  5. Toggle ON/OFF to hide chatbot’s header.
  6. Upload profile logo for your chatbot page.
  7. Add any social media links and icons.
  8. And click on “Save Changes” to update all the changes done.

Content Section

best website ai chatbot
  1. Under “Design” customize your bot and click on “Landing Page” to customize the same.

Website Chatbot Settings

ai chat web design
  1. Click on bots and select a website bot.
  2. Click on “Website Chatbot Settings”.

Customize the landing page

These are all the settings you can do to customize your website chatbot if still have queries you can contact us anytime.

chatbot website design template
  1. You can select chat window positioning on web.
  2. You can select chat window positioning on mobile.
  3. You can select chat window size.
  4. Click on “Save Changes” to save your customizations.

Here you can select the layout and positioning for your landing page

Layout

best AI chatbot for website
  1. Select your chat window style from the given two options.
  2. Select a bot icon from the options or upload from your device.
  3. Select a chatbot window theme colour.
  4. Select a chat background colour.
  5. Select a font style for your chatbot.
  6. Click on save changes to upload the changes done.

Theme

customer service chatbots
  1. Enter your bot’s name in “Bot Name” box.
  2. Enter an inviting catch phrase that will make the user talk to bot in “Call to Action” box.
  3. Toggle ON/OFF auto hide call to action. If ON select time in seconds after which it will hide.
  4. Toggle ON/OFF to hide CTA Chat Bubble.
  5. Select chat bubble background colour from the options.
  6. Select chat bubble text colour from the given options.

Content Section

  1. Under “Design” customize your bot and click on “Website Chatbot” to customize the same.
ai chat web design
  1. Click on bots and select a website bot.
  2. Click on “Website Chatbot Settings”.