Reviews & Ratings

How to add reviews and ratings to Webflow

Now that you have signed up to Supersparks, authorized your site, and navigated to the editor screen for our reviews product, you can get started with the installation.

1. Copy & Paste Component

You can select from a wide range of styled and unstyled Webflow components with a comment form section and form. If none are your cup of tea, you can always adapt them in the Webflow Designer.

Screenshot 2024-11-12 at 10.35.30 PM

After selecting, click on the copy button and paste it (using cmd + v or ctrl + v) into the static or CMS collection template page you would like to enable commenting on. ⚠️ Please note, pasting components will not work on Safari ⚠️.

Screenshot 2024-11-12 at 10.39.05 PM

2. Paste Code Snippet

The second step is to copy and paste the Supersparks' script and paste it inside the <head> tag of your site settings. If you have previously added our script for another spark, you will not need to do this step again - your site only needs one copy of our script.

3. Adapt design

Now the fun begins! In the Webflow Designer you can adapt the design of every aspect of the reviews section and form. Please note, classes or attributes starting with 'supersparks' or 'sparks' are required for the Supersparks app to function, so please avoid renaming or removing them.

Screenshot 2024-11-12 at 10.40.11 PM

4. Publish And Test

Publish your Webflow site and you can begin adding test reviews on your live site!

Video Tutorial

// Optional: Add this CSS to your project's custom code section