How to Embed AVA on Your Website

Learn how to Embed and Publish your AVA.

Embed AVA 

1. Click the three dots next to Publish to view the option Embed. Click this and you will see the Embed Native Button page display.
   
   
2. From here, we provide three different options for how AVA Displays.
   1. FAQ Widget - Provide example questions for a user to start with AVA responding to. We recommend placing within the PDP page or under a landing page such as a product catalog page. 
      
   2. Carousel - Provide visuals with questions to prompt AVA to answer when clicked on. Upload media or leverage AVA in the carousal layout. We recommend placing within the PDP or a landing page.
   3. CTA Button -  Display a button for users to click and open up AVA. We recommend leveraging this underneath or above the checkout button on your PDP. 
      
       
3. Next, you may adjust the following with the CTA button:
   1. Button Label = How this button displays for a user to click on.
   2. The size of the button.
   3. The primary color of the button.
   4. The border color of the button.
   5. The font color of the button. 
   6. The Corner Radius = how thick the lines appear around the button.
   7. Select whether to toggle on or off the AI icon.
4. Finally, you may copy the Embed Code and paste this on your website. 
   
   
5. Once ready to enable, select Publish to enable Ava. Now Ava is ready to be embedded onto your website!