Product FAQs
Last updated
Last updated
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 Gleen AI dashboard, customize their appearance, and embed them on your website.
Log in to your Gleen AI dashboard.
In the sidebar, click on Settings > Integrations.
From the Integrations section, select "AI Powered FAQs" to begin configuring your Product FAQs.
Enable the AI Powered FAQs and click on Configure settings to start customizing.
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.
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.
Navigate to the Playground tab in the Product FAQs settings.
Select a product page URL from the dropdown to preview the auto-generated FAQs.
Click the FAQs to receive answers.
After configuring the FAQs, follow these steps to add them to your website:
Click on the Installation tab in the Product FAQs settings.
Copy the provided embed code which looks like this:
Paste the embed code into your website's HTML, just before the closing <body>
tag.
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.
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 Gleen AI dashboard.