Social proof
Add a rating summary and a review card as a starting point, and replace the placeholder text with your real ratings.
Social proof is a ready-made stack with a star rating summary and one review card.
The text is placeholder: "4.9 stars", "1,000+ reviews", "Great app!" by "John D.". Replace it with your real rating and a real review, or delete the block. Do not publish invented numbers or quotes.
Add it
- Drag Social proof from Content onto the phone.
- Or hover a layer in Layers, click +, then Content, then Social proof.
It is a stack named Social Proof with Rating Summary (a text, five amber stars, a count) and Review Card (title, five stars, review, author) with a light border and rounded corners.
Where it can go
Wherever a Stack can go.
Design panel
It has no panel of its own. Select the block, the summary, the card, a text or a star to use the Stack, Text or Icon panels. The stars are solid icons, so recolor them with the icon Color.
States
None.
Dark mode and screen sizes
Add dark colors to texts and the border.
Tips and common mistakes
- To show several reviews, put cards in a Carousel.
- Keep ratings consistent with your store listing.
In the JSON
The component type is stack. There is no separate social proof type.