How To Design A WooCommerce Review Using WordPress Live Customizer

ReviewX has a live customizer feature that allows you to edit, design, and upgrade your product reviews. Using this feature you can easily design a WooCommerce Review to make it look attractive. 

Before you start, make sure you have activated the WooCommerce plugin on your website. Follow these step-by-step guidelines to find out how to design a WooCommerce review beautifully. 

Step 1: Open Advanced Design Tab From Live Customizer  #

First, you have to install and activate  ReviewX on your WordPress website. Then go to your WordPress Dashboard and navigate to the single product page. Click on the Customizer > ReviewX Tabs > Advance Design. 

Design A WooCommerce Review Using WordPress Live Customizer

Step 2: Design A WooCommerce Review Statistics Section  #

From the settings option, you can customize the color, font, and star rating size all from one place. Simply just experiment around and see the live changes. 

Design A WooCommerce Review Using WordPress Live Customizer

Step 3: Customize WooCommerce Graph Review Section #

In this section, you can edit the graph appearance by changing the criteria name font size, progress-bar background color, text color, and size. 

Design A WooCommerce Review Using WordPress Live Customizer

Step 4: Customize WooCommerce Filtering Bar Tab Design  #

Next, you can fully customize the filtering bar tab by changing drop down background color, filter background color, drop down box shadow text color, etc. You can fully change the appearance as you like. 

Design A WooCommerce Review Using WordPress Live Customizer

Step 5: Customize Avatar Box Shadow Design #

Now you can change the reviewer information section which includes reviewer name color, avatar border color, title, border, and background. 

Design A WooCommerce Review Using WordPress Live Customizer

You can also change the meta information like colors of review date, verified badge text, helpful button, etc. Next, you can change the review attachment position and highlight the background color. 

Design A WooCommerce Review Using WordPress Live Customizer

Step 6: Design A WooCommerce Review Form  #

In this tab, you can change the rating icon color, size, and font. You can also change typography and background color using this live customizer. 

Design A WooCommerce Review Using WordPress Live Customizer

This is how you can simply design a WooCommerce review with WordPress live customizer using ReviewX. 

Need assistance? Feel free to reach out to our Dedicated Support Team and join our Facebook Community for more updates.

Powered by BetterDocs