Chat Bot Bubble

Remember, the Assistant Manager script must always be present for any StrutFit features to work. You may have already added this if you have integrated a StrutFit component in the past. If not, please add the script to all pages where StrutFit will be used. Ideally, we recommend adding it somewhere it is loaded on all pages (such as the <head>) so you don't have to think about it. The script is small and will be cached, so it won't affect your load times.

The chat bot bubble is a floating component that opens the assistant in chat mode. It is fixed to the bottom-right corner of the page.

Integrating the Chat Bot Bubble

Add the following script once per page where the chat bot bubble should appear or to the head of your website to have it available on all pages:

<script src="https://store-assistant-chatbotbubble.strut.fit" async></script>

Adding the Component

You only need the script above once. Then place the component on the page:

No matter where the component is placed on the page it will always appear in the bottom-right corner of the page

<strutfit-chat-bot-bubble></strutfit-chat-bot-bubble>

Required Parameters

This component does not require any parameters.

Optional Parameters

chat-mode: Sets which assistant mode opens from the bubble. Valid values are faq or find.
background-color: Sets bubble background color.
border: Sets the full CSS border value.
border-color: Sets the border color.
icon-color: Sets the icon color.
disabled: Set to true to disable interaction.

For a full list of options, see the Chat Bot Bubble Options page.

Example With All Options

<strutfit-chat-bot-bubble
  chat-mode="faq"
  background-color="#1976d2"
  border="1px solid #125ea8"
  border-color="#125ea8"
  icon-color="#ffffff"
  disabled="false"
></strutfit-chat-bot-bubble>