Launching the Virtual Assistant FAQs

This section of the user guide is focused on FAQs related to launching the virtual assistant. To help you navigate the article we have broken it down into the following sections:

• How do you update the virtual assistant launcher colors?
• How do I embed my virtual assistant to sit above an existing button on the page?
• What is the best option for the launch button to show up small on a mobile device?
• How can I have the virtual assistant automatically load in the open position when the page loads?

Do you have to embed the virtual assistant on every individual webpage?

If you are utilizing a page template (and have one parent page), you can add the virtual assistant embed code to the parent page and the virtual assistant will also appear on those child webpages. 

Otherwise, you will need to embed the virtual assistant on each individual webpage where you would like it to appear.

How do you update the virtual assistant launcher colors?

The header, trim, and linked text are customizable. To request an edit to these colors, submit a support ticket outlining what you would like updated.

The following settings are editable on the Look & Feel page of the admin portal:

• Button Settings: the position and button style of the virtual assistant 
• Launcher Settings: the text used for the display of the virtual assistant button and the callout text of the virtual assistant button
• Welcome Message: the text used at the top of the open virtual assistant window 

For more information on editing the Look & Feel page, review the Navigating the Admin: Look & Feel article.

How do I embed my virtual assistant to sit above an existing button on the page?

To adjust the right and bottom placement of the code, add “?hv=25px&va=bottom&vv=95px&" to the generic/default embed code. 

You can adjust the “25px” and “95px” of the code to adjust where it sits. 

<script type="text/javascript" src="https://ai.ocelotbot.com/embed/standard/803fe805-1ce1-43ac-899e-b2a0b2d714dc?hv=25px&amp;va=bottom&amp;vv=95px&amp;"”></script>

What is the best option for the launch button to show up small on a mobile device?

For the best mobile user experience, the simple-style launch button including the avatar will appear as a small circle on the user's mobile device.

If a client has enabled the callout bubble-style launch button, the first time the user accesses the virtual assistant from a mobile device, they will need to select the launch button to open the virtual assistant, and then close it. After closing, the smaller launch button icon will appear. Moving forward, the smaller launch button icon will appear each time the user accesses a web page where the virtual assistant is embedded from that mobile device.

How can I have the virtual assistant automatically load in the open position when the page loads?

To have the virtual assistant automatically load open when you visit a page, add "#bot" to the end of any URL where the virtual assistant is embedded. When you select the URL the virtual assistant will load open.