What are Widgets?

Widgets allow you to place different alby configurations across your site.

For each widget, you will be able to configure:

  • Skills - choose alby's sales capabilities 
  • Customize- customize alby look & feel
  • Embed - each widget as a custom Widget-ID to be included in the alby <div> 

Product Detail Page (PDP) Widget

PDP Widgets handles generating and answering questions for single products. 

1. Skills - each PDP widget can have 1 or multiple Skills. Read more about Skills here. 

2. Playground - from here, you can interact with alby as you would live on your site. In the top right, you can select different products from your catalog. 

3. Customize - this is where you can customize the look and feel of your widget. Read more about Customization here.

4. Embed - follow the embed instructions to place your widget <div> on your site. Each widget will have a unique Widget-id

Example PDP snippet: <alby-generative-qa widget-id="WIDGET-ID" product-id="PRODUCT-ID"></alby-generative-qa>


Product Landing Page (PLP) Widget

PLP Widgets can handle multiple products, generating and answering questions about product  categories

  1. Skills - PLP widgets currently only have Generative Q&A skill 
  2. Playground - from here, you can interact with alby as you would live on your site. To change the product category in the Playground , click on the ⚙️
    1. Fill in the Category field and select 3 products in that category by searching 
    2. This gives the widget playground the necessary inputs to generate the right questions. The actual PLP widget will pull category directly from your catalogplp

3. Customize - this is where you can customize the look and feel of your widget. Read more about Customization here.

4. Embed - follow the embed instructions to place your widget <div> on your site. Each widget will have a unique Widget-id

Example PLP snippet: <alby-generative-qa widget-id="WIDGET-ID" product-ids="PRODUCT-ID-1,PRODUCT-ID-2,PRODUCT-ID-3" category="CATEGORY-NAME"></alby-generative-qa>