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.
- Skills - PLP widgets currently only have Generative Q&A skill
- 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 ⚙️
- Fill in the Category field and select 3 products in that category by searching
- This gives the widget playground the necessary inputs to generate the right questions. The actual PLP widget will pull category directly 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 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>