Alhena
  • Introduction
  • Getting Started
  • Architecture
  • Reference
    • Website SDK
      • Configure Proactive Nudges
    • Product FAQs
    • Website chatsdk events
    • Website chatsdk APIs
    • Chat SDK api and events examples
      • Open other external widget once human transfer is initiated
      • Show the Alhena AI widget only when someone scroll the page by 5 px
    • Website SDK - Custom data
      • Website SDK - Customer data with Agent
    • Website SDK - Internationalization
    • API Reference
      • API calls
    • Device Compatibility
  • Tutorials
    • AI Training
      • Training Steps
      • Training Data Sources
        • Websites
        • Youtube videos
        • Google Drive
        • Twitter Pages
        • Discord Messages
        • Confluence Pages
        • Upload Documents
        • Github
        • Zendesk Tickets
        • Freshdesk Tickets
        • Freshchat Tickets
        • Custom data sources
        • Shopify API
        • Woocommerce API
        • PDF Crawling
      • Training Frequently Asked Questions
    • Tuning Alhena AI Post Training
      • Best Practices for configuring the Alhena AI’s personality and guidelines
      • Adding Human Feedback for improving specific Questions
      • Adding to your knowledge base with FAQs
      • Frequently Asked Questions - Tuning Responses
    • QAing Al Conversations
      • Smart Flagging: Streamline Your AI Quality Assurance
    • Integrations
      • Alhena Website Chat SDK
        • Customizing Your Alhena Chat Widget
      • Integrating Alhena AI With Slack
      • Integrating Alhena AI With Discord
      • Integrating Alhena With Freshdesk
      • Integrating Alhena AI With Zendesk
      • Integrating Alhena AI With Email
      • Integrating Alhena AI With Shopify
      • Integration Alhena AI With Trustpilot
      • Integrating Alhena With Gorgias
    • Notifications
    • Alhena Dashboard
      • Managing Team
Powered by GitBook
On this page
  • Overview
  • Navigating to Product FAQs Settings
  • Customizing Product FAQs Appearance
  • Previewing Your FAQ Widget
  • Testing FAQs with Playground
  • Embedding Product FAQs on Your Website
  • Conclusion
  1. Reference

Product FAQs

PreviousConfigure Proactive NudgesNextWebsite chatsdk events

Last updated 14 days ago

Overview

Product FAQs is a feature that generates FAQs automatically for each product on your e-commerce store, anticipating customer questions and providing instant answers to improve their shopping experience. Smart FAQs lead to better customer support and happier shoppers by proactively addressing common queries about your products.

This documentation will guide you through the steps to configure Product FAQs in the Alhena AI dashboard, customize their appearance, and embed them on your website.

Please note that this feature is only available for shopify/woocommerce customers. For other e-commerce stores reach out to Team Alhena and they can help you enable this feature for you.

Navigating to Product FAQs Settings

  1. Log in to your Alhena AI dashboard.

  2. In the sidebar, click on Settings > Integrations.

  3. From the Integrations section, select "AI Powered FAQs" to begin configuring your Product FAQs.

  4. Enable the AI Powered FAQs and click on Configure settings to start customizing.

Customizing Product FAQs Appearance

1. Container Style

  • Header Text: Enter a heading, like "Got a product question?", to display above the FAQ widget.

  • Text and Background Colors: Set the color for header text, container background, and container borders to match your website branding.

  • Border Radius: Adjust the border radius to make the FAQ container match your website's design.

2. FAQ Style

  • FAQ Icon: Upload a custom icon for your FAQs to make the widget more visually engaging.

  • FAQ Background & Text Colors: Choose colors for the FAQ text and background that align with your brand.

  • Number of FAQs to Show: Set the number of FAQs visible by default in the widget.

3. Chat Input Style

  • Placeholder Text: Customize the placeholder text in the input box to encourage shoppers to ask questions.

  • Colors for Background, Text, and Send Button: Adjust these colors to ensure consistency with your store's theme.

Previewing Your FAQ Widget

  • The Preview section on the right-hand side allows you to see how your widget will appear to customers as you make changes. Adjust settings until you're satisfied with the look and feel.

  • Click "Save Changes" to save your customizations.

Testing FAQs with Playground

  1. Navigate to the Playground tab in the Product FAQs settings.

  2. Select a product page URL from the dropdown to preview the auto-generated FAQs.

  3. Click the FAQs to receive answers.

Embedding Product FAQs on Your Website

After configuring the FAQs, follow these steps to add them to your website:

  1. Click on the Installation tab in the Product FAQs settings.

  2. Copy the provided embed code which looks like this:

<script>
document.gleenConfig = {
    company: "gleen-aidemo"
};
</script>
<script src="https://app.alhena.ai/sdk/gleenWidget.js">
</script>
  1. Paste the embed code into your website's HTML, just before the closing <body> tag.

  2. Insert the provided <div> element (<div id="gleen-product-faqs"></div>) where you want the FAQ widget to appear on your product page.

You can also send the code via email to a team member or directly copy it for your development team.

Conclusion

The Product FAQs feature helps streamline customer support by providing relevant answers to shoppers' questions directly on your product pages. By reducing the need for manual customer queries, it increases customer satisfaction and speeds up the decision-making process.

Make sure to customize the look of the widget to match your brand and embed it properly to offer a seamless experience for your customers.

For further assistance, use the Get Help button in your Alhena AI dashboard.

Screenshot of container style customization options, including header text and colors.
Screenshot of FAQ style customization options
Screenshot of chat input style customization options.
Screenshot of the Playground tab for testing product FAQs.
Product FAQ setup on the website