top of page
Crumpled Fabric

0

Add Product Reviews to WIX Store

Click URL to copy

Mar 6, 2022

2 min read

WIX Ideas Team

Tags: Comment section WIX Store Review Section Testimonial wix comments wix star rating
"Success is not final; failure is not fatal: It is the courage to continue that counts." --- Winston S. Churchill

Hi there, in this tutorial, you will learn how to add a product review section in your WIX store๐Ÿ›’


Ever wanted to have your customers leave a review for a product they just purchased? Then this is the right tutorial for you.


STEPS TAKEN

It is quite interesting to know that there is in fact, an easier way to have this feature in your website without thinking too much about it. The following are the steps I took to add comment section to my WIX store website .


  1. WIX has an example laid out for this process, so it's quite easy to simply copy/paste elements from the WIX example product page into yours. Find the example here

  2. The example includes two sections, the comment/review section on the store product page and a lightbox.

  3. After copying all elements as they were on the example template, then create a lightbox and copy the box element from the example template. This box element holds all the input elements that the user needs to add a review and the product page strips holds all the elements that displays the reviews.

  4. Copy the code from the product page and the lightbox into your website as well.

  5. Next, we create our database, the database should have the same fields and fieldkey as the example template (These fieldkeys were used a couple times in the code).


Why do we need to copy elements? It is much easier to copy elements because we don't want to create all designs from scratch. By copying, we have a hold of every elements' ID. This saves a lot of time finding what ID or fieldkey to replace. After doing this, it is much easier to focus on designing the design.


๐Ÿ“บ WATCH THE VIDEO

COPY CODE BELOW ๐Ÿ‘‡๐Ÿฝ

Code



Leave a comment (0)

Thanks for leaving a comment๐ŸŽ‰

RELATED TUTORIALS ๐Ÿš€

Custom Text Highlighter Color in Wix Studio

Custom Text Highlighter Color in Wix Studio

Customize the color of your highlighted text on your Wix Studio website

bottom of page