Skip to main content

Install the chat widget manually on any website

If you are not using any CMS supported by Sendinblue or simply want to control how you will install and set up the Conversations chat widget, you can manually install it on your website. 

💡 Good to know
If you’re a developer or work with a developer, you can go further in the customization of your chat widget and set up advanced features. To learn more, check out our API documentation.

Before you start 

  • Make sure you have access to your website HTML code and that you are qualified to do website management.

🔐 Part 1: Retrieve the chat widget code

From Conversations > Settings > Chat widget, after completing your profile and customizing your chat widget, click Install the widget manuallyThe chat widget code displays. Click Copy to retrieve the Conversations chat widget code and use it to install the chat widget manually on your website.

2022-09-27_16-04-37__1_.gif

⚙️ Part 2: Install the chat widget manually on your website

Access your website's HTML code and paste the chat widget into the code of the pages where you want to enable the chat widget. We recommend pasting the chat widget code right before the <head> tag. You can either choose to install the chat widget on specific website pages or your entire website.

💡 Good to know
If you’re a developer or work with a developer, you can go further in the customization of your chat widget by providing your visitors with a translation for your chat widget in a language not supported by Conversations, by identifying known users, or by using a custom color, position, and size for your chat widget. To learn more, check out our API documentation.

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.