From your chatbot dashboard, go to "Embedding" and copy the few lines of code in the section "Embed as a widget."
Navigate to WordPress and select the specific page where you wish to incorporate the chatbot. From the array of available blocks in the "Toggle block inserter", choose "Custom HTML" and insert it in your page or in a specific section.
Pro tip:
To deploy the chatbot across multiple pages at once, consider embedding the "Custom HTML" element within a reusable component–such as the navigation bar or the main body. Alternatively, you could craft a dedicated "HTML widget" synced pattern, which allows for straightforward addition only to your chosen pages.
Paste the code you copied from the Gali dashboard.
Save. 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 blocks structure, prepare the block where you will add the "Custom HTML" element. In WordPress is not really needed as each block is already integrated in your page flow. But if you are an advanced user, you might find better options for customization this way.
From the array of available blocks in the "Toggle block inserter", choose "Custom HTML" and insert it in your page or in a specific section.
Paste the code you copied from the Gali dashboard.
Save. 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.
