Skip to main content

Customize the Full-width Slider

Customization

Stars, buttons and links
#7c3aed
Colors & size
Rating star icon color
#f59e0b
Review card fill color
#0c1020
Reviewer name text color
#ffffff
Quote content text color
#e2e8f0
Type & card shape
How large the whole widget renders
Match my page is usually best. The widget takes on your section color
A different arrangement on phones. Switch the preview to Mobile to see it
Font family used for reviews
Card corner border radius
Card border
#1e293b
Author & Identity
Show avatarProfile photo icon
Show authorFull name of reviewer
Show job title and companyJob position and company name
Show first names onlyTruncates last names, e.g. Jamie W.
Badges & Metadata
Show ratingStar rating icons
Show sourceSource platform, e.g. Google, Trustpilot, G2
Delivery
Inline, or floating over your page
Motion
Advance automaticallyMoves on without a click
Show arrowsPrevious and next buttons
Show dotsOne dot per review
Text & Media
Cuts the quote and offers the rest behind a link
Show photos and videoPhotos and video attached to a review
Heading & buttons
Show a headingHeader title above widget
Show the overall scoreAn aggregate rating above the reviews
Show a tab per platformOne tab for each review source
Show a call-to-action buttonCall-to-action button
Show a Write a review buttonSends visitors to your review form
Show "Powered by"Footer brand watermark
SAMPLE REVIEWS

LIVE PREVIEW: Full-width Slider

“We put the review wall under our pricing table and prospects quote the reviews back to us on calls.”

Jamie Whitfield
Jamie Whitfield
Founder & CEO @ Northbeam Studio
Google logoReview from Google
Powered byStoryProof
Full-width Slider

Try this widget on your website

Copy the code below and paste it into your website.

<div data-storyproof-demo data-layout="slider"></div>
<script async type="text/javascript" src="https://storyproof.io/widget.js"></script>
See guides for
Shopify logoShopify install guideWordPress logoWordPress install guideWix logoWix install guideWebflow logoWebflow install guideSquarespace logoSquarespace install guideFramer logoFramer install guideNotion logoNotion install guideGhost logoGhost install guideWooCommerce logoWooCommerce install guide
Powered byStoryProof

What is the Full-width Slider widget?

The Full-width Slider shows a single testimonial across the whole width of its container, large and centred, then moves on to the next. Only one review is ever on screen, so every quote gets the visitor's full attention.

It can carry the photos and video attached to a review as well as the text, and it is one of the layouts that can arrive as a centred pop-up or a small card in a corner of the page instead of sitting inline.

Where the Full-width Slider works best

  • Between two content sections, as a pause in the page that still sells.
  • A homepage with a strong visual style, where a row of cards would compete with the design.
  • A corner card on any page, showing one review at a time without taking up layout space.

When to choose a different layout

  • Choose the Quote Spotlight when you want a large editorial quote with no media and no stars.
  • Choose the Video Carousel when you want several video clips visible at once.

What the Full-width Slider can show

Stars, the review text, the reviewer's name, photo, job title and company, the platform badge, and attached photos or video. Arrows and dots can be shown or hidden, and autoplay runs at the interval you choose.

Setting it up

  1. 1Short reviews read best at this size. Set a truncation length if some of yours run long.
  2. 2With autoplay on, choose an interval long enough to read the longest quote you show.
  3. 3As a pop-up or corner card, the shape is set in the widget, and when and on which pages it appears is set in StoryProof.

Full-width Slider questions

Full-width Slider or Quote Spotlight?

Both show one review at a time. The slider carries stars, the review's photos or video and full reviewer details. Quote Spotlight sets the words alone in large editorial type, with stars hidden by default.

Does the slider play automatically?

It can. Autoplay is a toggle, with a choice of how many seconds each review stays on screen.

Can the slider show video?

Yes. Photos and video attached to a review can appear in the slide alongside the quote.

1-Line Embed Integration

Embed on Any Platform With One Snippet

No developer skills needed. Copy your widget's two-line snippet, paste it into your site builder, and your testimonials appear wherever you put it.

Works With Every Website Builder:

FramerWebflowWordPressShopifyNext.js / ReactHTML / Tailwind
embed-widget.html
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>
Loads asynchronouslyEdits apply without re-pasting

Let your customers make the case for you

Put your customers’ own words on the pages that sell. Start your 7-day free trial today.

Nothing to install • 7 days free • No credit card required