From your chatbot dashboard, go to "Embedding" and copy the few lines of code in the section "Embed as a widget."
Navigate to Webflow and select the specific page where you wish to incorporate the chatbot. From the array of available elements, choose "Embed" and insert it within the body section.
Pro tip:
To deploy the chatbot across multiple pages at once, consider embedding the "Embed" element 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.
Paste the code you copied from the Gali dashboard.
Save & Close.
Done. When you are ready, publish the new changes.
From your chatbot dashboard, go to "Embedding" and copy the few lines of code in the section "Embed as iframe."
Based on your page and elements structure, prepare the element where you will add the "Embed code" element.
Pro tip:
Add the "Embed" element always in a specific element (like div block) to have more flexibility and better customization.
From the array of available elements, choose "Embed" and insert it within the element you prepared to add the iframe into.
Paste the code you copied from the Gali dashboard.
Save & Close.
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"]. If you are not familiar with the code, ask ChatGPT and it will help you with these easy customizations.
