All Collections
Ratings & Reviews
Capture
How To Design Your Product Review Form?
How To Design Your Product Review Form?

A Guide on How to Design and Style Your Product Review Form To Match Your Brand Guidelines.

Vinicio Oliveira avatar
Written by Vinicio Oliveira
Updated over a week ago

Login to your Flowbox Account.

Step 1: Click 'Ratings and Reviews'.

Step 2: Click 'Forms' Under Capture.

Step 3: Click 'VIEW'.

Style the Product Review Form

When you access the page for styling the Product Review Form, you will be presented with a preview of how your form will appear on the right side of the screen, along with customizable options on the left. Any modifications you make to the form's appearance will be immediately reflected in the live preview on the right-hand side.

  1. Brand color: Defines the color of the buttons, hyperlinks, active state of the inputs, and range attributes.

  2. Page background color: Defines the background color of the page that contains the form.

  3. Container background color: Defines the background color of the container for the form.

  4. Input background color: Defines the background color of the inputs.

  5. Secondary color: Defines the divider color of the form.

  6. Primary text color: Defines the text color for the titles.

  7. Secondary text color: Defines the text color for the body text and placeholder text.

  8. Button text color: Defines the text color for the buttons.

  9. Active star color: Defines the color for active (filled-in) stars

  10. Inactive star color: Defines the color of Inactive stars.

  11. Typography: Defines the font of the form. All available fonts are Google fonts.

  12. Border radius: Rounds the corners of an element's outer border edge.

Customize the Product Review Form Content

Similar to styling, upon visiting the Product Review Form Content page, you will see a preview of what your Product Reviews Form will look like on the Left and your customizable options on the right. These changes that you make will be reflected live on the Preview on the left.

  1. Language: Choose the language to preview and customize the form.

  2. Review Placeholder Text: Customises the text of the review description.

  3. Thank you Page Title: Customises the title text of the Thank you page

  4. Thank you Page Body: Customises the Body text of the Thank you page

Related Articles


Did this answer your question?