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

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.

grt

rt

tr

rt

Date Stayed:

Name:

Date Stayed:

Name:

Date Stayed:

Name:

Date Stayed:

Name:

Date Stayed:

Name:

i hate it top

jake

10/31

this is where my haters are at

Date Stayed:

Name:

experience

paul

11/3

this was good

Date Stayed:

Name:

Date Stayed:

Name:

Websites designed by WixCreate that use the above Wix Code:

Official Wix Expert & Wix Agency Partner

© 2020 by WIXCreate.com

I  All Rights Reserved  I  info@wixcreate.com  I  202-640-5440

facebook-2.gif