You can now embed your Wall of Love on your page.
Displayed Content
For the content being displayed, we support two options:
All liked testimonials
Tag Selection ( More information here)
General instructions
First, go to Manage Your Space (Space Dashboard), then hit on the "Embed Options" from the left sidebar to select "Wall of Love."
You will see a popup modal like this. 👇 This is Step 1, You need to choose a layout. We support these 3 layouts for now:
Masonry: scrolling
Masonry, fixed
Carousel slider
Step 2 will show up once Step 1 is done, where you can customize your Wall of Love.
A live preview is also available for basic customization setup
Customize the Wall of Love
For the masonry-animated
Scroll directions: vertical and horizontal
Remove testimonial branding (available for paid plan users).
You can choose a dark theme.
Hide the date
Show heart animation
Pause animation on mouse hover: to disable the pause animation of mouse hover in our animated WOL, uncheck the checkbox.
Scroll speed: Very slow, Slow, Normal, Fast, Very Fast
Top and bottom shadow backgrounds
For the masonry, - fixed layout
Remove testimonial branding (available for paid plan users).
You can choose a dark theme.
Randomize the order of the page refresh.
Show heart animation
Hide the date.
Maximum number of testimonials in the initial load (maximum 100).
Auto load more
Each box in the Wall of Love is a card. By default, the width of each card is 350px. You now have the option to customize the width as well. We will provide two choices:
small: width is 250px
large: width is 450px
💡When the screen size is smaller than 500px, the wall of love will be just one column, and the width of each card will extend to 100% of the screen width.
For the carousel slider layout
Remove Testimonial branding (available for paid plan users).
You can choose a dark theme.
Autoplay
Hide the date
Show heart animation
Enable the show more button for long text (automatically add the button if the text content is longer than 5 lines).
Minimize attached images
Card size: Very Small, Small, Default, Large, Very Large
Left and right arrow colors
One row in the slider.
Same height for all videos
📢 Is a hidden option at first. It only shows up when the one-row option is checked. This option will only take effect when all testimonials are video testimonials, not including YouTube/Vimeo videos.
Some hidden configurations for the carousel slider
Adaptive height
By default, the adaptive height is off. What it means is that the height of the whole carousel slider is the same as the highest slide. So you will see the position of the left and right arrows stay fixed no matter where the side is, something like below.
When the adaptive height is turned on, the height of the whole carousel is always the same as the current slide/slides. So you will see that the position of the left and right arrows keeps changing, and always stays in the middle, something like below:
To enable the adaptive height, you need to append adaptive-height=on to the embed URL, just like the following, which you will see adaptive-height=on at the end.
https://embed.testimonial.to/carousel/all/flurly-demo?theme=light&one-row=on&one-slide=on&adaptive-height=on
Hide dots
You can choose to hide dots beneath the slider if you want
To hide dots, you need to append hide-dots=on to the embed URL, just like the following, which you will see hide-dots=on at the end.
https://embed.testimonial.to/carousel/all/flurly-demo?theme=light&one-row=on&one-slide=on&hide-dots=on
One slide (can only be applied to one-row slider)
👉 The following configurations can only be applied when one row in the slider is enabled.
When one slide is turned on, the one-row slider will only show one slide card at a time. You need to append one-slide=on to the embed URL, just like the following, which you will see one-slide=on at the end.
https://embed.testimonial.to/carousel/all/flurly-demo?theme=light&one-row=on&one-slide=on
🌟To remove our logo from the Wall of Love, please upgrade to a paid plan.
Troubleshooting Common Issues
Changes Not Appearing on Your Website
If edits to the Wall of Love are not visible:
Re-embed the Wall using the updated embedding code.
Check if the specific properties (e.g.,
shadowColor) reflect your changes.Ensure the embedding code is correctly added to your website.
If you still have a question, please reach out in the live chat box, and we will get back to you as soon as possible. 💬