Skip to main content

Embed a Wall of Love

Want to display your Wall of Love on your website? Here's how.

Rachel Ann Pangilinan avatar
Written by Rachel Ann Pangilinan
Updated over a week ago

You can embed your Wall of Love directly onto your website and fully customize its layout, design, and features — so it blends seamlessly with your brand.


What this shows

For the content being displayed, you can embed either:

  1. All liked testimonials

  2. A curated selection based on tags


General instructions

First, open the Space where your Wall of Love is located, select the "Wall of Love" options under the "Embed Widget" dropdown. 

A pop-up modal will appear, where our Wall of Love Manager shows up, prompting the next steps. 

Hit the "+Create Wall of Love" button to create a new wall of love. Choose a layout

  1. Masonry: scrolling

  2. Masonry, fixed

  3. Carousel slider

Once the layout is chosen, customize the Wall with options and view a live preview.


Customize the Wall of Love

Masonry-Animated ( Scrolling)

Theme

  • Dark theme option

Display controls

  • Hide the date

  • Hide source icon

  • Show closed captions by default

  • Star rating snippet (Ultimate plan — see details below)

Animations

  • Show heart animation

  • Pause animation on mouse hover (uncheck to disable pause)

  • Scroll directions: vertical and horizontal

  • Scroll speed: Very slow, Slow, Normal, Fast, Very Fast

  • Top and bottom shadow backgrounds

Bonus Feature: When using the horizontal layout, you can:

  • Display up to 3 rows of testimonials

  • Reverse the scroll direction for a unique effect

Masonry, - Fixed layout

Theme

  • Dark theme option

Display controls

  • Hide the date and source icon

  • Show closed captions by default

  • Show more button for long text

  • Randomize order on refresh

  • Star rating snippet (Ultimate plan — see details below)

Animations

  • Show heart animation

More customization

  • Limit initial number of testimonials (max 100)

  • Auto-load more on scroll

Each box in the Wall of Love is a card.

Card width options:

  • Small: 250px | Default: 350px | Large: 450px

  • On mobile (screen < 500px), cards expand to full width

    notion image

💡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.

Carousel slider layout

Theme

  • Dark theme option

Display controls

  • Hide the date and source icon

  • Show closed captions by default

  • Enable “show more” button for long text (auto-applied if content exceeds 5 lines)

  • Minimize attached images

  • Star rating snippet (Ultimate plan — see details below)

Animations

  • Autoplay

  • Show heart animation

More customization

  • Card size: Very Small, Small, Default, Large, Very Large

  • Left and right arrow colors

  • One row in the slider

    • Same height for all videos

      It 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.


Carousel Advanced Options

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.

notion image

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:

notion image

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

notion image

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 a 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

notion image

To remove our logo from the Wall of Love, please upgrade to a paid plan.

Bonus Feature — AI Style Generator

In addition to layout-specific options, you can also use AI to instantly style your Wall of Love. Easily style your embedded Wall of Love with AI. Simply enter a prompt, upload an image, or paste your website link, and the AI will generate a customized design that matches your brand.

Add a star rating snippet in Google search results


This option will include an additional script that enables Google Rich Results for your Wall of Love. When enabled, the embedded Wall of Love can display star ratings in Google search results, helping boost visibility and credibility.

Note: Available only on the Ultimate plan.


Troubleshooting Common Issues

Changes Not Appearing on Your Website

If edits to the Wall of Love are not visible:

  1. Re-embed the Wall using the updated embedding code.

  2. Check if the specific properties (e.g., shadowColor) reflect your changes.

  3. 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. 💬

Did this answer your question?