The Product Review widget is intended to be used on a single product page.
If you want to customize the Product Review styles, you can use ShopEngine’s Product Review widget.
How to Add FAQ Schema Markup Using Elementor? #
In the previous section, we showed you how to create a stylish and useful FAQ section on Elementor websites. Now, we’ll walk you through the process of adding FAQ schema markup to your Elementor website.
Here are some requirements to run this process.
Prerequisites
- A WordPress-powered Website
- Elementor Page Builder
- Rank Math SEO Plugin
Before making our first step, we want to inform you that there are a bunch of different plugins out there that can help you add FAQ schema to your Elementor website. However, we’re going to use the “Rank Math SEO” plugin because it integrates with Elementor. So, we’ll have a convenient and streamlined workflow.
So first install and activate this plugin. See this guide on how to install the Rank Math SEO plugin on your WordPress website.
After completing the onboarding process, you can return to the dashboard. Now, whenever you add a new page, you’ll see an SEO option in the Elementor page builder.
Now, start with the first step.
Step #1: Adding The Accordion Widget #
Let’s start with enabling the Elementor page builder on an existing page or inserting a new one. Then, search for the “Accordion” widget from the Elementor dashboard and simply drag and drop the widget on the page. At this time, you only need to add your content and personalize it.
Step #2: Enable FAQ Schema Option #
In the Content tab of the Accordion widget settings, you will see an “FAQ Schema” option. Just toggle the button next to it. Due to this action, the FAQ Schema will be enabled on your Elementor website page. Although this is a built-in feature of Elementor, using it you can insert FAQ schema on the website page with the Rank Math free version.
Besides, Rank Math SEO plugin pro version users will find another option called “Add FAQ Schema markup” in the Accordion widget settings. This feature enables the FAQ Schema to only the contents of the Accordion widget. Thus, it separates the FAQ Schema from other Rank Math schemas on the page.
Do note that it’s not recommended to turn on both options simultaneously. That way, your page will have both the Elementor and Rank Math FAQ schemas. Which may result in an error like duplicate field ‘FAQPage’. Therefore, the page will not be optimized to appear in FAQ-rich results.
All done, click the update or publish button to save your changes. But, we need to know if it is working properly. Next, we’ll learn to test the result.
Activate Product Review Widget #
From the WordPress admin dashboard, go to ShopEngine > Widgets. From the list of single-page widgets, turn the Product Review widget ON.
How to Add FAQ Schema Markup Using Elementor? #
In the previous section, we showed you how to create a stylish and useful FAQ section on Elementor websites. Now, we’ll walk you through the process of adding FAQ schema markup to your Elementor website.
Here are some requirements to run this process.
Prerequisites
- A WordPress-powered Website
- Elementor Page Builder
- Rank Math SEO Plugin
Before making our first step, we want to inform you that there are a bunch of different plugins out there that can help you add FAQ schema to your Elementor website. However, we’re going to use the “Rank Math SEO” plugin because it integrates with Elementor. So, we’ll have a convenient and streamlined workflow.
So first install and activate this plugin. See this guide on how to install the Rank Math SEO plugin on your WordPress website.
After completing the onboarding process, you can return to the dashboard. Now, whenever you add a new page, you’ll see an SEO option in the Elementor page builder.
Now, start with the first step.
Step #1: Adding The Accordion Widget #
Let’s start with enabling the Elementor page builder on an existing page or inserting a new one. Then, search for the “Accordion” widget from the Elementor dashboard and simply drag and drop the widget on the page. At this time, you only need to add your content and personalize it.
Step #2: Enable FAQ Schema Option #
In the Content tab of the Accordion widget settings, you will see an “FAQ Schema” option. Just toggle the button next to it. Due to this action, the FAQ Schema will be enabled on your Elementor website page. Although this is a built-in feature of Elementor, using it you can insert FAQ schema on the website page with the Rank Math free version.
Besides, Rank Math SEO plugin pro version users will find another option called “Add FAQ Schema markup” in the Accordion widget settings. This feature enables the FAQ Schema to only the contents of the Accordion widget. Thus, it separates the FAQ Schema from other Rank Math schemas on the page.
Do note that it’s not recommended to turn on both options simultaneously. That way, your page will have both the Elementor and Rank Math FAQ schemas. Which may result in an error like duplicate field ‘FAQPage’. Therefore, the page will not be optimized to appear in FAQ-rich results.
All done, click the update or publish button to save your changes. But, we need to know if it is working properly. Next, we’ll learn to test the result.
Use the Product Review Widget #
Search for the Product Review Widget under the ELEMENTS tab of Elementor.
Drag and drop the Product Review widget from Elementor onto the single product page.
How to Add FAQ Schema Markup Using Elementor? #
In the previous section, we showed you how to create a stylish and useful FAQ section on Elementor websites. Now, we’ll walk you through the process of adding FAQ schema markup to your Elementor website.
Here are some requirements to run this process.
Prerequisites
- A WordPress-powered Website
- Elementor Page Builder
- Rank Math SEO Plugin
Before making our first step, we want to inform you that there are a bunch of different plugins out there that can help you add FAQ schema to your Elementor website. However, we’re going to use the “Rank Math SEO” plugin because it integrates with Elementor. So, we’ll have a convenient and streamlined workflow.
So first install and activate this plugin. See this guide on how to install the Rank Math SEO plugin on your WordPress website.
After completing the onboarding process, you can return to the dashboard. Now, whenever you add a new page, you’ll see an SEO option in the Elementor page builder.
Now, start with the first step.
Step #1: Adding The Accordion Widget #
Let’s start with enabling the Elementor page builder on an existing page or inserting a new one. Then, search for the “Accordion” widget from the Elementor dashboard and simply drag and drop the widget on the page. At this time, you only need to add your content and personalize it.
Step #2: Enable FAQ Schema Option #
In the Content tab of the Accordion widget settings, you will see an “FAQ Schema” option. Just toggle the button next to it. Due to this action, the FAQ Schema will be enabled on your Elementor website page. Although this is a built-in feature of Elementor, using it you can insert FAQ schema on the website page with the Rank Math free version.
Besides, Rank Math SEO plugin pro version users will find another option called “Add FAQ Schema markup” in the Accordion widget settings. This feature enables the FAQ Schema to only the contents of the Accordion widget. Thus, it separates the FAQ Schema from other Rank Math schemas on the page.
Do note that it’s not recommended to turn on both options simultaneously. That way, your page will have both the Elementor and Rank Math FAQ schemas. Which may result in an error like duplicate field ‘FAQPage’. Therefore, the page will not be optimized to appear in FAQ-rich results.
All done, click the update or publish button to save your changes. But, we need to know if it is working properly. Next, we’ll learn to test the result.
Customize the Product Review Widget #
The Product Review widget for Elementor will let you customize the Heading, Review Style, Review Form, Submit Button, and Global Font from the style settings tab.
Heading: Change the heading color, heading typography, and heading margin (for desktop, tablet, and mobile).
Review Style: Select the rating color, date, author, and description color. comment separator color, author typography, date typography, description typography, and single review spacing in px.
Review Form: Choose the review form’s input label color, required color, and typography.
Also set the form input color, border color, focus border color, typography, field spacing, input border-radius, and input padding.
Submit Button: Choose the submit button’s typography, alignment, normal and hover color, background, border type, width, border radius, and padding.
Global Font: Set the global font family for the product review widget
