Reviews Section

The Reviews section is a dedicated area where website visitors can leave their feedback and opinions about products, services or the overall website experience.

It helps users in making informed decisions and providing valuable feedback to website owners and administrators.

In this article:


 

This is how a review form looks like:


Add Reviews Section

  • A section can be added to a page. You can either add a section to an already existing page or create a new page within your website.
  • On your page, click on the blue + icon to add a new section.

  • You will now see the section categories on the left side.
  • Scroll to Reviews (1) section and click on it. A screen will pop up allowing you to choose from different layouts of the Reviews Section (2).

  • Choose any section layout and click on it to add it to your page.

Manage Section Content

Once you have added the section:

  • Click on the Edit Review Form (1) button.

  • This will open the Content (2) Settings.

From here you can:

  • You can Upload or Delete (1) the image that will be displayed in the form
  • Add a Title (2), Description (3), and Section Headline (4) of the Reviews section. Before adding the description, check this article.


Manage Layout

  • Click on the Edit Review Form  (1) button.

  • Choose the Layout tab (2).
  • Select the layout for your section (3) and Save the changes (4).


Edit Form Fields

There are certain field types that you can use on your website’s review form to gather feedback and rating. Here are the brief description of the the form fields.

  1. Name: Capture the name of the user using this.
  2. Email: Capture email of the user.
  3. Comment: Use this field to capture the message / review that user wants to convey.
  4. Rating: Allow users to give star rating using this. It can display either 3 or 5 stars.

Tips

  • Star icon next to the field icon represents compulsory fields.
  • You can mark Rating field as not compulsory by unchecking the “Required Field” checkbox.


Styling Reviews Section

  • Click on Edit Review Form (1) button.

  • Choose the Style (2) tab.
  • Change the Style for the section elements and Save (3) your changes.

You will have multiple style options for the section: 

  1. Images
  2. Image Border
  3. Alignment
  4. Spacing
  5. Text Size

Images

  1. Choose the Image Crop for the image in the form. You can set the images as Square, Circle, Horizontal, Portrait, and Original.
  2. Using Corner Radius, the corners of the image can be managed for their sharpness. You can also choose to manage the corners Individually.
  3. Use the Slider to manage the corner radius of image.
  4. Enable Animate Images to add an animation effect while hovering the cursor over the image.
  5. Animation Style option will be visible if Animate Images is enabled. You can choose from different Animation effects.


Image Border

  1. Enable / Disable border around the image by switching the toggle.
  2. Choose to have a common border on all sides of the image or you can specify the borders separately for each side.
  3. Specify the width of the border. If it is set to 0, then the border will not appear. You also have the option to set the border width individually for each side of the image.
  4. Select the Border Color from color picker.
  5. Select a preferred Border Style from the dropdown.
  6. Determine the border width for mobile devices, aligning it with the width chosen for desktop.


Alignment

  1. Manage the alignment of the form content horizontally from Horizontal Alignment.
  2. Manage the alignment of the form content vertically from Vertical Alignment.


Spacing

  1. Specify the Content Width of Review form section in Percent.
  2. Specify the Space Below Section Headline in Pixels.
  3. Specify the Space Between Image and Text in Percent.
  4. Specify the Space Below Image in Percent.
  5. Specify the Space Below Title in Percent.


Text Size

  1. Click on the Change Text Style button to visit the Design section and manage your font sizes and styles. 
  2. Set the Title font style for the list items of the section.
  3. Set the default Description font style for the list items of the section.
  4. After making all the style customizations, Save the changes.


Reviews Section Settings

  • Button Label (1) is the text inside button on the form.
  • Choose the Button size (2) from Small, Medium and Large.
  • Choose the Button Style (3) from Default, Solid, Outline and Text Link options.
  • Select Yes if you want the Button to invert the color (4).
  • Choose the Button Alignment (5) in the form from Left, Center or Right option.
  • Enable or disable the Full Width Button (6).

  • You can define Post Submission Action (7) either by displaying a Success Message or Redirecting the user to a specified URL.
  • You can also add any script in the Post Submit Success HTML (8) box.
  • You can view the Form ID (9) of this review form. This ID is useful and will be visible while creating mailing list.


Manage Form Submissions

Submissions on the review form are not published automatically. You can check the reviews by navigating to Settings (1), then Form Submissions (2).

You can filter the submissions by selecting Guestbook Comments (3).

From here, you can:

  • Click on any submission (1) to open it.
  • Publish / Unpublish, mark as Read / Unread or Delete (2) the review submission.
  • Select multiple / all (3) submissions to manage settings like Mark as read / unread and Delete them.
  • Export (4) the submissions as CSV files.


Can't find what you're looking for?

Get in touch with a Pixpa Expert.