How to add reviews & testimonials to a Webflow website

This article will explain how you can use Testimonial Donut to add the testimonials and reviews received from clients and customers to your website via Webflow.

To add a widget to your Webflow site, first create one in Testimonial Donut. You can follow our guide on crafting brand-cohesive testimonial widgets here.

1. Visit Testimonial Donut's Widgets page, select widget, and get HTML code using 'Copy embed code.'

2. Open Webflow's 'Designer.'

3. Navigate: Add > Elements > Advanced > Code Embed.

4. Place the 'Code Embed' button at the desired location.

5. Paste the copied code into 'Code Embed Editor' and hit 'Save' or 'Save & Close'.

6. Click 'Publish,' selecting 'Staging' and 'Production.'

1. Go to the Widgets page on Testimonial Donut, and from the list of all the Widgets, select the one you want to add to Webflow by clicking on ‘View/Edit.’

Once you have opened Webflow, go to the ‘Add’ button (+ sign) and go to the ‘Elements’ section, as shown in the images below.

    6. Now, click the ‘Code Embed’ button and drag it on your webpage on the spot where you want to integrate the widget.

      9. Paste that code in the ‘Code Embed Editor.’ Once you have pasted the code from Testimonial Donut on the above window in Webflow, simply click on ‘Save’ or ‘Save & Close.’

    10. Publish these changes on the website by clicking on the ‘Publish’ menu on the top-right corner of your Webflow, selecting ‘Staging’ and ‘Production,’ and clicking on ‘Publish to selected domains.

If you have followed the above steps, your widget would have appeared on your website.

1. If you want to make changes in the code, you can click on the ‘settings’ icon on the side of HTML Embed and open the ‘Code Embed Editor.
   

    2. Once you have customized it and made any changes, simply click on ‘Save Widget’ to save those changes, and the changes should reflect on your website.

Hope this guide was helpful for you. Thank you for reading.