Chat Bot Bubble

Remember, the Assistant Manager must always be present for any StrutFit features to work.

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

To integrate the chat bot bubble, add the following script to your website on pages where the chat bot bubble should appear:


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

Adding the Component

Place the component on pages where you want the chat bot bubble to appear:

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>