How to Embed AVA on Your Website - New UI

Learn how to Embed and Publish your AVA.

Embed AVA 

1. Select the AVA you want to embed and then click on the "Embed" option located on the left side of the screen.
   
   
2. From here, we provide three different options for how AVA Displays.
    

   Product FAQ Display

   1. Embed AVA as native, interactive content so visitors can chat or ask questions directly from your website.
   2. Fully tailor the FAQ presentation—edit the title, subtitle, enable the icon, choose your primary brand color  and adjust the font size and corner radius for visual consistency.
   3.  Questions
      • Enable AI Optimization for dynamically generated questions based on page context, product details, and user journey.
      • If AI is disabled, default questions you define are displayed on all relevant pages.
      • Add up to six FAQ questions (each up to 60 characters) to provide quick answers and navigation support in the embedded widget.
      • Additional Question Set - You can establish URL conditions to apply starter questions to specific URLs. To do this, create a new Question Set with designated URL conditions that dictate where these questions will be displayed on various webpages. Simply click on the +Question Set button to add more.
      • The FAQ questions will appear as soon as a user first loads the AVA. 
      • Click on Save once done.
      • Click on the "Embed Code" option to copy the code for use on your website.

     

1. 1. Button  - You may adjust the following for the CTA button:

      1. Widget Title – Add a title for your widget.

      2. Show Digital Assistant – Toggle on/off to display the assistant in the widget.

      3. Widget Size – Choose between Auto or Custom. Selecting Custom lets you manually set the widget’s dimensions.

      4. Button Label – Define the text displayed on the CTA button.

      5. Primary Button Color – Set the main color of the button.

      6. Button Border Color – Choose the color of the button border.

      7. Button Font Color – Select the color for the button text.

      8. Use AI Icon – Toggle on/off to display an AI icon on the button.

      9. Widget Background – Toggle on to customize background settings:

         • Edit background color

         • Adjust border thickness

         • Set corner radius

         • Choose border color

      10. Click on "Embed Code" to copy and paste the widget code into your website.
      
      

      Floating Widget

      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.

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