Wall of Love for Super.so
A beautiful, fully-functional testimonial wall component that works seamlessly with Notion and Super.so. Add, edit, and delete testimonials directly from your website—no backend required.
Live Preview
Wall of Love
Hear from our amazing customers about their experiences with us
"This service transformed our entire workflow. The team was incredibly responsive and the results exceeded our expectations."
Sarah Johnson
Marketing Director
"Outstanding support and attention to detail. They really understood our needs and delivered exactly what we needed."
Michael Chen
Product Manager
"Best investment we made this year. The platform is intuitive, powerful, and the customer service is unmatched."
Emily Rodriguez
CEO, Tech Startup
"Seamless integration with our existing systems. The implementation was smooth and the ROI was immediate."
David Park
Operations Lead
Features
Add Testimonials
Easy-to-use form to add new customer testimonials with ratings and images.
Edit & Update
Modify existing testimonials with a single click. Changes are saved instantly.
Delete with Confirmation
Remove testimonials safely with confirmation dialog to prevent accidents.
Star Ratings
1-5 star rating system for each testimonial with visual indicators.
Responsive Design
Beautiful masonry layout that adapts perfectly to all screen sizes.
Local Storage
Data persists in the browser—no backend or database needed.
How to Use
Copy the Code
Download the wall-of-love-embed.html file from the Code section below.
Create a Code Block in Notion
In your Notion page, type /code to create a code block.
Add the super-embed: Prefix
On the first line of the code block, type: super-embed:
Paste the HTML
Copy and paste the entire HTML code after the super-embed: prefix.
Publish with Super.so
Publish your Notion page using Super.so and the testimonial wall will appear on your website.
Start Adding Testimonials
Click "Add Testimonial" to start collecting customer feedback directly on your website.
Ready-to-Paste Code
📋 In your Notion code block, paste this (with super-embed: prefix):
super-embed:
<!-- WALL OF LOVE - SUPER.SO EMBED VERSION -->
<!-- Copy the entire HTML from wall-of-love-embed.html file -->🔧 React Component
Use the React component if you're building with React/Next.js.
<WallOfLove showAdmin={true} />Customization
Colors
Edit the CSS variables at the top of the HTML file:
--primary: #3b82f6;
--background: #ffffff;
--foreground: #1f2937;Grid Layout
Change the number of columns in the testimonials grid:
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));Sample Data
Replace the sample testimonials in the JavaScript section with your own initial data.
FAQ
Will my testimonials be saved permanently?▼
Testimonials are saved in browser localStorage, so they persist as long as the browser cache isn't cleared. For permanent storage, consider upgrading to a backend solution.
Can I use this with other website builders?▼
Yes! The HTML version works with any website builder that supports custom HTML embeds. The React component works with React/Next.js projects.
Is there a limit to how many testimonials I can add?▼
No limit! However, very large numbers may impact performance. We recommend keeping it under 100 testimonials for optimal performance.
Can I customize the styling?▼
Absolutely! All CSS is included in the HTML file and can be easily modified. Change colors, fonts, spacing, and layout to match your brand.
Does this require any backend setup?▼
No! The component works entirely on the frontend using browser localStorage. No server or database needed.