INTEGRATIONS

Webflow + Shoutjar

Add stunning testimonial widgets to your Webflow site in minutes. No custom code. No plugins. Just copy, paste, publish.

Works with Webflow Free & Paid
No coding required
5 minute setup
W
Webflow
Shoutjar

Your Webflow Site Looks Great. Now Make It Convert.

You've spent hours perfecting your Webflow design.

But a beautiful site without social proof is just... a beautiful site.

Add testimonials to:

Build instant credibility with visitors

Reduce bounce rate on key pages

Increase conversions on pricing/signup pages

Show real results from real customers

Shoutjar makes it dead simple.

Add Testimonials in 3 Steps

1

Create Your Widget

Sign up for Shoutjar (free). Import testimonials from G2, Trustpilot, Twitter — or add them manually.

Choose a widget style: grid, carousel, marquee, or badge. Customize colors to match your Webflow site.

2

Copy Embed Code

Click "Get Embed Code" in Shoutjar. Copy the single line of code.

One-click copy
3

Paste in Webflow

In Webflow Designer:

  1. 1.Add an "Embed" element where you want testimonials
  2. 2.Paste the Shoutjar code
  3. 3.Publish

Done. Testimonials live on your site.

Step-by-Step Webflow Integration

In Shoutjar

  1. 1
    Create account — Free, no credit card
  2. 2
    Add testimonials — Import from platforms or add manually
  3. 3
    Design your widget — Pick style, colors, layout
  4. 4
    Copy embed code — One line of HTML/JS

W
In Webflow Designer

  1. 1
    Open your project in the Webflow Designer
  2. 2
    Navigate to the page where you want testimonials
  3. 3
    Add an Embed element — Find it in Add Elements (A) → Components → Embed
  4. 4
    Paste the Shoutjar code in the embed field
  5. 5
    Position and resize as needed
  6. 6
    Publish your site

That's it! Your testimonials are now live. Any changes you make in Shoutjar update automatically — no need to touch Webflow again.

Widgets Designed for Webflow Sites

Choose the perfect style for your design

Grid Widget

Display multiple testimonials in a clean grid. Perfect for dedicated testimonial sections or landing pages.

Best for: Testimonial pages, About pages

Carousel / Slider

Rotate through testimonials one at a time. Smooth animations that feel native to Webflow.

Best for: Homepage sections, above the fold

Marquee / Ticker

Continuous scrolling testimonials. Eye-catching social proof bar.

Best for: Headers, announcement bars, footer sections

Badge Widget

Compact "4.8 ★ (50 reviews)" badge. Minimal footprint, maximum credibility.

Best for: Navigation, hero sections, near CTAs

Single Testimonial

Spotlight one powerful review. Clean and focused.

Best for: Landing pages, case study pages

Match Your Webflow Design

Shoutjar widgets adapt to your brand

Colors

Set primary, secondary, background, and text colors. Match your exact Webflow palette.

Aa

Fonts

Widgets inherit your site's fonts automatically, or set custom ones.

Sizing

Responsive by default. Set max-width, spacing, and padding as needed.

Light/Dark Mode

Create variants for light and dark backgrounds.

Animations

Smooth transitions that feel native to Webflow interactions.

No CSS Required

Customize everything in Shoutjar's visual editor.

Best Placements for Webflow Sites

Where to add testimonials for maximum impact

Homepage Hero

Add a carousel or single testimonial near your main CTA. Instant credibility.

Below Hero / Features

Grid of 3-6 testimonials reinforces your value proposition.

Pricing Page

Place testimonials near pricing tables — especially ones mentioning value/ROI.

Footer Section

Marquee or small grid as a final trust signal before visitors leave.

Dedicated Testimonials Page

Full Wall of Love embedded or linked from navigation.

Landing Pages

Match testimonials to the specific offer — relevant social proof converts better.

Pro Tips for Webflow Users

Use Custom Code for Site-Wide Widgets

Want the same testimonial badge on every page?

Add the Shoutjar script to Project Settings → Custom Code → Footer Code. Then add just the widget HTML wherever you need it.

Responsive Breakpoints

Shoutjar widgets are responsive by default, but you can:

  • Hide on mobile using Webflow's visibility settings
  • Use different widget styles per breakpoint
  • Adjust embed container width per device

Webflow Interactions

Shoutjar widgets work great with Webflow interactions:

  • Fade in on scroll
  • Staggered animations
  • Parallax effects

Just apply interactions to the embed container.

CMS Integration

Building a dynamic Webflow site? You can:

  • Create a testimonials CMS collection (manual, time-consuming)
  • Or simply use Shoutjar (easier, more features, auto-updates)

Import Testimonials From Anywhere

Shoutjar pulls in reviews from multiple platforms

Social Media

  • Twitter
  • LinkedIn
  • Reddit
  • Product Hunt

Manual Entry

  • Emails
  • Slack messages
  • DMs
  • Support tickets

Auto-Discovery

Shoutjar finds mentions you didn't know existed — even untagged tweets and Reddit threads.

All your testimonials in one widget. One embed code. One Webflow site.

Why Shoutjar for Webflow?

Compare your options

FeatureShoutjarWebflow CMSOther Widgets
Setup time5 minutes30+ minutes10-20 minutes
Import from G2/TrustpilotManualSome
Auto-discover social mentions
Multiple widget styles5+ stylesBuild yourselfLimited
Custom brandingFull controlVaries
Updates automaticallyManual CMSVaries
Generate social images
Wall of Love pageBuild yourselfSome
PriceFrom €9/moIncluded*Varies

*Webflow CMS requires paid Webflow plan and manual setup

Frequently Asked Questions

Does this work with Webflow's free plan?

Yes. The embed element is available on all Webflow plans, including free.

Do I need to know code?

No. Just copy and paste. Shoutjar handles everything else.

Will it slow down my Webflow site?

No. Shoutjar loads asynchronously and is optimized for performance. Typical load time: <100ms.

Can I use different widgets on different pages?

Yes. Create multiple widgets in Shoutjar, each with its own embed code. Place them wherever you want.

Will testimonials update automatically?

Yes. Changes in Shoutjar reflect instantly on your Webflow site. No republishing needed.

Can I customize the widget to match my Webflow theme exactly?

Yes. Full control over colors, fonts, spacing, and more. Or use CSS overrides for advanced customization.

Works With Other Platforms Too

Use Shoutjar anywhere you can paste an embed code

WordPress
Framer
Squarespace
Wix
Shopify
Carrd
Ghost
Next.js
React
HTML/CSS
Notion
Any website

Make Your Webflow Site Convert

Add testimonials in 5 minutes. No code. No plugins. Just results.

Add Testimonials to Webflow
Works with all Webflow plans
Free plan available
5 minute setup