Customizing the Q&A Widget
- DarkLight
Customizing the Q&A Widget
- DarkLight
Article summary
Did you find this summary helpful?
Thank you for your feedback
Goals and Outcomes
The Q&A widget lets visitors to your store ask questions about your products and view popular questions and answers that have been asked previously.
In this article, you'll learn how to use the widget editor to match your brand's tone and voice to create a seamless customer experience.
Available for:
Merchants using the new beta Q&A widget. If you’re using the previous version of the widget, see this article.
Q&A Widget Overview
Before you add the Q&A widget to your store, make sure you’ve set up your Q&A emails and other settings. See Setting up Q&A emails.
Accessing the Q&A Widget Editor
Follow the steps below to access and customize your Q&A widget:
Log in to your Yotpo Admin account.
In the left-side menu, go to On-Site Widgets.
Select Q&A Widget, then click Edit.
Customize the widget to your preference.
When done, click Save Changes in the top-right corner to apply your updates.
Note
If you haven't yet added the widget to your store, click on the platform relevant to you to learn how to add it:
Customization Options
Q&A placement
Define where you want to display Q&A in your store. This option is available in the General Settings of your Q&A widget.
Setting | Description |
|---|---|
Q&A placement > Show on | Choose whether you want Q&A to display:
|
Colors & style
Define the colors, fonts, and other look and feel settings for your widget. These options are available in the General Settings of your Q&A widget.
Setting | Description |
|---|---|
Primary color | The color used for the aggregated tab names, “Ask a question” button and shopper status. |
Text | The color used for the title, shopper names, avatars, and pagination. |
Background | The background color of the Q&A widget on the product page on your website. |
Widget header
Define the headline text and summary text. These options are available in the Widget Header settings of your Q&A widget.
Setting | Description |
|---|---|
Headline text | When on, displays a header at the top of the Q&A widget. |
Text | The text that is displayed at the top of the Q&A widget. |
Widget summary | The text that is displayed under the headline. |
Questions
Define the display settings for your questions and answers. These options are available in the Questions settings of your Q&A widget.
Setting | Description |
|---|---|
Avatar | When on, displays the customer avatar. |
Name format | Choose to display either the shopper’s first name and initial, or their initials only. |
Date | When on, displays the date the review was submitted. |
Date format | The date format. |
Store answer title | The title displayed above any answers you submit. |
Email customization | We’ll send email notifications to shoppers on your behalf in the following situations:
To customize these emails, click Go to Q&A email settings. |
Empty state
Define what your widget looks like before you’ve started displaying Q&A. These options are available in the Empty State settings of your Q&A widget.
Setting | Description |
|---|---|
Empty State | When on, and you haven’t published any Q&A yet, displays text inviting shoppers to ask a question |
Subtitle text | The body text of the empty state |
Button text | The button text of the empty state |
Button color | The color of the button in the empty state |
Was this article helpful?
