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

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>