Skip to main content

Connect AI Chatbot to Website

Make your Digital Assistant appear in the Website. You can customize every element to match your brand.

Andy Dharmani avatar
Written by Andy Dharmani
Updated this week

After your integration is created, a tile with a website icon will appear in the top-left corner under Settings → Available Channels. This represents your website chatbot. By clicking on the tile, you’ll have access to 14 tabs where you can customize every element, including security, appearance, language, and functionality.

Customizations

Things you can customize:

  • Digital Assistant Avatar & Name: Customize your chatbot’s name and avatar.

  • Appearance: Adjust the look and feel of the chat window, including layout, text, colors, and fonts.

  • Nudges: Set up nudges to greet and engage website visitors.

  • Pre- and Post-Forms: Collect guest information before or after a conversation.

  • Multi-Language Settings: Enable and manage different languages.

  • Position: Choose where the chatbot appears on your website.

  • Website Pages: Select the pages on which the chatbot will be displayed.

  • Chat Title & Subtitle: Personalize the greeting shown to guests.

Once you’ve finished customizing your chatbot, scroll down and click Preview to see how it will appear on your website.

When you’re ready to publish the AI Chatbot on your website, go to Publish your AI Assistant.

Copy the code snippet and paste it just before the closing </body> tag on your website. In most cases, adding the code in one location will apply it across all pages.

Sample Code

Sample code snippet below:

<!-- This is start of the Myma.ai Digital Assistant code -->

<script>

var BMB_MESSENGER_domain = 'https://messenger.myma.ai/';

var BMB_messengerHTMLPath = BMB_MESSENGER_domain + 'index.html';

var BMB_MESSENGER_head = document.getElementsByTagName('head')[0];

var BMB_MESSENGER_script = document.createElement('script');

BMB_MESSENGER_script.type = 'text/javascript';

BMB_MESSENGER_script.src = BMB_MESSENGER_domain + 'msgplugin.js';

BMB_MESSENGER_head.appendChild(BMB_MESSENGER_script);

var BMB_MESSENGER_gid = 'f49d1df2-f9b3-416e-a366-adf7ef6e7c63';

var BMB_MESSENGER_iid = '77f816d9-017b-4e40-8e94-6cc0916dd72e';

var BMB_MESSENGER_pid = '';

</script>

<!-- This is end of Myma.ai Digital Assistant code -->

Google Tag Manager

Alternatively, you can add Myma.ai Chatbot to your website using Google Tag Manager. Follow the instructions here

All done! Your newly appointed AI Chatbot is ready to engage your website visitors.

Did this answer your question?