How to Embed AVA on Your Website

Learn how to Embed and Publish your AVA.

Before Publishing, we recommend testing AVA in the Preview option to see your results. 

Embed AVA 

  1. Select the AVA you want to embed and then click on the "Add to site" option located on the left side of the screen.

  2. From here, we provide three different options for how AVA Displays.
    1. FAQ Widget

      Begin by creating a title for your widget. If you would like to display the Digital Assistant, make sure to enable that option. Additionally, you can set up Starter Questions to guide users in their interactions. For instructions on adding Starter Questions, please refer to the provided link
    2. Button  - You may adjust the following for the CTA button:
      1. Button Label = How this button displays for a user to click on.
      2. The primary color of the button 
      3. The border color of the button 
      4. Adjust the corner radius of the button, how thick the lines appear around the button.
      5. Select whether to toggle on or off the AI icon.
      6. click on the "Embed Code" option to copy the code for use on your website.


      Button 

      You can customize various aspects of the button, including the label, size, primary color, border color, button font color, corner radius, and whether to display the AI icon. Once you have made your adjustments, click on the "Embed Code" option to copy the code for use on your website.

      Floating 

      AVA's Auto-Message Trigger delivers customized prompts that are aligned with the content of the webpage. This feature encourages visitors to engage with the widget and discover its functionalities by proactively reaching out to users, it enhances their overall experience and boosts interaction. For comprehensive instructions on setting this up, please refer to the provided link.

    3. click on the "Embed Code" option to copy the code for use on your website.