Widget implemenation on your website

A simply copy & paste

In order to add the widget to your website, a short HTML code should be added right before the </body> tag in the source code of your web pages.
The code below may be copied and placed on your website safely.

<script src="https://answerbot.info/widget/v1/widget.js"></script> <script> init_answerbot({ answerbot_id: "PASTE-ANSWERBOT-ID-HERE", theme: "light", color: "%23ff6600", title: "Information", button_position: "bottom-right", button_fill: true }); </script>

* Make sure the answerbot_id parameter is filled out correctly. and contains the ID of an active Answerbot (e.g. abXXXXXXX).

* You may found a ready HTML code with the answerbot_id parameter already set via the Widget editor page. Go to Answerbots page


Widget personalization

Adjust these parameters of the HTML code in order to personalize the widget.
ParameterOptionsDefault
answerbot_id
A unique identifier for your widget. Can be found in Widget editor page.
theme
Optimizing for light or dark websites.
light
dark
light
color
Main color of the theme, titles, widget opener.
HEX / HTML color#306ECE
button_label
Text on the button that opens the widget.
Text?
button_fill
Main color filling for widget opener.
true
false
true
button_position
Choose the button positioning on screen.
bottom-left
bottom-right
bottom-center
top-left
top-right
middle-left
middle-right
bottom-right
button_hide
Hides the button from the screen.
true
false
false
title
Appears at the top of the widget when open.
TextSupport
open_widget
Automatically open widget on page load.
true
false
false

Different parameters may be used on different pages of your website.

Triggering

There are 2 ways to trigger the widget to open up.

Example for a button that triggers the widget.
Notice the onClick event is calling the toggle_answerbot() JS function.

<button onClick="toggle_answerbot()">Open Answerbot</button>