How to Install Gali Chatbots into HTML

Install as widget

1. Copy the code from Gali dashboard

From your chatbot dashboard, go to "Embedding" and copy the few lines of code in the section "Embed as a widget."

2. Paste the code and publish

Open your webpage HTML code where you wish to incorporate the chatbot.

Paste the code you copied from the Gali dashboard.

Done. When you are ready, publish the new changes.

Pro tip:
To deploy the chatbot across multiple pages at once, consider embedding the code within a reusable component–such as the navigation bar or the main body. Alternatively, you could craft a dedicated "HTML widget" component, which allows for straightforward addition only to your chosen pages.

Install as iframe

1. Copy the code from Gali dashboard

From your chatbot dashboard, go to "Embedding" and copy the few lines of code in the section "Embed as iframe."

2. Prepare the page structure and elements to embed the iframe

Based on your page and elements structure, prepare the element where you will add the "Embed code" element. Have a look at our FAQ page to have an example.

3. Paste the code and save it

Paste the code you copied from the Gali dashboard.

Done. When you are ready, publish the new changes.

Pro tip:
You can play around with the style, for example by adding border radius [style="border-radius: 8px"].