Configuration
      Back to home
      1. alby Knowledge base
      2. Getting Started
      3. Configuration

      What are Widgets?

      Widgets allow you to place alby with specialized skills across your site.

      For each widget, you will be able to configure:

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

      1. In alby's Admin, go to the Widgets section 
      2. Hit +Create Widget

      +Create Product Detail Page (PDP) Widget - handles single product

      You are now in the PDP Widget Playground! This is where you can choose skills, customize look & feel, and test out the Q&A experience. 

      1. Choose your Skills 

      Each Skill has setup requirements. Read more about Skills here. 

      2. Customize - this is where you can customize the look and feel of your widget including the number of buttons generated (read more about customization here) 

      3. 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. 

      4. Embed - follow the embed instructions to place your widget <div> on your site 

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

      + Product Landing Page (PLP) Widget - handles multiple products 

      You are now in the PLP Widget Playground! This is where you can choose a product category, customize look & feel, and test out the Q&A experience. 

      1. Playground - to change the product category in the Playground , click on the ⚙️
      2. Fill in the Category field and select 3 products in that category by searching 
        1. 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 including the number of buttons generated (read more about customization here) 

      4. Embed - follow the embed instructions to place your widget <div> on your site 

      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>