Activate Blip Chat

As soon as you create an account on Blip Go!, Blip Chat is activated instantly.
You can use it on your website or webpage so that users can contact you.
To connect the bot to your site, you will need to access the Blip portal. Please note that only Blip Go! admins can make this change.
Blip portal access: https://blipatendimentotrial.blip.ai/applicationSelect the builder with the "Router" classification, as shown in the image below:

Click on the Channels module (in the Blip portal) and select the Blip Chat channel.

Click on the Settings tab and enter the domain(s) of the website(s) where you want to add Blip Chat.

Note: This is a mandatory operation. For security reasons, your bot will only work on pages where the domain has been previously enabled in the Blip portal. In the example image below, Blip Chat will only be loaded on pages with the domain seudominio.com.

Click on the Installation tab, copy the provided script, and paste it inside the body of your webpage.

Integrating a bot into a website as an embedded component

1. Follow the same 3 steps as in the widget integration method.
2. Make a change to the script copied from the portal.

The default Blip Chat integration script is identical to the one below (except for the key, which is unique for each bot).

<script src="https://unpkg.com/blip-chat-widget" type="text/javascript">

</script>

<script>

   (function () {

      window.onload = function () {

         new BlipChat()

                    .withAppKey('YOUR-BLIP-CHAT-KEY')

                    .withButton({"color":"#2CC3D5"})

                    .build();

      }

})();

</script>

To embed the Blip Chat interface into an HTML element with the ID “your-element-id” on your website, modify the script as follows:

<script src="https://unpkg.com/blip-chat-widget" type="text/javascript">

</script>

<script>

   (function () {

      window.onload = function () {

         new BlipChat()

                    .withAppKey('YOUR-BLIP-CHAT-KEY')

                    .withButton({"color":"#2CC3D5"})

                    .withTarget('your-element-id')

                    .build(options);

      }

})();

</script>

Notes:

Regardless of the integration method, you can still make some customizations to personalize the user experience with the Blip Chat interface. To see all the details, click here.

For advanced configurations of the Blip Chat script on the web, refer to the project on GitHub.

For more information, visit the discussion on this topic in our community or the videos on our channel. 😃