Wix Tutorial - Reviews Form, Database, and Repeater

Would you like to show reviews on your Wix website? Then using an input form to either enter the data yourself or have your site visitors enter reviews in combination with a database to store the review info and a repeater to show the reviews is the way to go.

 

You do not even have to use Wix Code for that. Simply link the form's input fields to the database to collect the data, and connect the database to a repeater to show the reviews in a consistent way exactly the way you want.

Steps involved

  • Turn on Wix Code.

  • Add a database (new collection) to your page.

  • Set the dataset of your database to Read & Write.

  • Add columns to the database (Title, Name, Stayed, Description, Rating). Note that all fields should be Text, except for the Ratings which should be a value.

  • Add input fields to your page (Title, Name, Stayed, Description, Rating, Submit Button), see demo below

  • Connect the input fields to the corresponding database columns by selecting the field and then select Connect to Data.

  • In case you like to edit and/or delete data, add a table (lists & grids) to your page and connect the table to your database.

  • Add a repeater (lists & grids) and format the repeater.

  • Add text fields to your repeater for Title, Name, Stayed, and Description.

  • Add the rating input element to your repeater.

  • Connect the elements in your repeater to the corresponding columns of the database.

 

The demo below shows the input fields, list, and repeater all on one page. Those can be added to different pages of course. In that case, make sure that you add the database with the reviews data to all the pages on which you would like to connect data.

Demo:

Note: Because we added a table, you have to click the button "Add New Line for a Review" first before you can enter information to the form below!

Rate us:

GreatDon’t love itNot greatGoodGreatLove itRate Us

An error occurred. Try again later

Your content has been submitted

In case you are going to enter the reviews yourself to a form on a hidden page or have some kind of an admin form and page, then you also want to add a table that shows the reviews, and a Delete Review Button and Add New Review Button.

You can use the table to make these changes, i.e. when you select a row in the table, the input fields fill automatically with the information you added and you can edit or delete the information.

Title
Name
Stayed
Description
Rating
test
123
6969
fffffffffffffffffffff yo
4
This is a test
Michael Test
12
This is a test
5
Ggghhhhh
Bhhhh
Hhhh
Hhhhh
4
2
test
me
This is a review description!
bbbb
Test
Testi
11/24
Boss
4
sof
sof
mar
test
4
experiencehekko
paul
11/3
this was good
4

test

123

Name:

6969

Date Stayed:

fffffffffffffffffffff yo

Name:

Date Stayed:

Name:

Date Stayed:

This is a test

Michael Test

Name:

12

Date Stayed:

This is a test

Name:

Date Stayed:

Ggghhhhh

Bhhhh

Name:

Hhhh

Date Stayed:

Hhhhh

Name:

Date Stayed:

test

me

Name:

Date Stayed:

This is a review description!

bbbb

Name:

Date Stayed:

Test

Testi

Name:

11/24

Date Stayed:

Boss

Name:

Date Stayed:

Name:

Date Stayed:

sof

sof

Name:

mar

Date Stayed:

test

Name:

Date Stayed:

Name:

Date Stayed:

experiencehekko

paul

Name:

11/3

Date Stayed:

this was good

Name:

Date Stayed:

Adding a form, database, and repeater