Skip to content

How to publish a chatbot to your website

You know the great quote by Bot Dylan, the famous botwriter? “A Website without a chatbot is like dust in the wind”? Ok, so you probably know by now that your website NEEDS a chatbot. Coincidentally, you already created a chatbot. Let’s get it on your website.

On the right upper corner, click on the “Channels” tab, then choose “Embedded”.

A pop-up will show, asking you to customize your chatbot.

By the way, before you ask yourself or look around in confusion, “Fab” is the pop-up window of your chatbot on the website.

  • Decide what will be the distance of your chatbot from the bottom and right sides of the screen in pixels. The default is 20 pixels. Take into account that different people have different screen resolutions.
  • Decide the height and width of your chatbot’s window, in pixels. The default is 500 pixels high and 300 pixels wide.
  • Give your chatbot a name - this is the name that will appear on the top of the chatbot’s window.
  • Then you’re asked to write “The first thing the bot says before user input” - this is self-explanatory, isn’t it? (Default is “Type anything to get started”)
  • Under Conversational language, don’t write the name of language, but it’s ISO code. An ISO (International Organization for Standardization - we know it’s supposed to be IOS, but go figure) code is a 2-letters abbreviation for a language, like en for English, es for Spanish, ar for Arabic, etc. If you don’t know your language’s ISO code, look it up here. \ There are some variations of the same language between different countries, such as en-gb (English-Great Britain) and en-us (English-United States).
  • Then, check the boxes if you want \

  • Your chat window to be permanently open (then, the user can’t minimize it!)

    • Your chatbot to be in a right-to-left direction (for example, in Arabic or Hebrew)

    • If you want the chat window to start open (then, the user must click on it to start speaking)

Congratulations! Your chatbot is ready to be embedded into your website. Now click the “copy embed code” and it will provide you with an embed code on your clipboard.

Paste it in your website HTML body, update your website, check that it’s working

Then, start partying around the office or your house with confetti! (This is mandatory. Ok, maybe not. But we highly recommend it)