Skip to main content

How to embed your Wall of Love in WordPress

Embed a Wall of Love on a WordPress page with a Custom HTML block.

Written by Damon Chen

Copy a Wall of Love embed from Testimonial and paste it into a Custom HTML block on a WordPress page. Wall of Love embeds are available on all plans.

Open the Space and go to Embed widgets in the sidebar. A live demo is available here.

How it works

In Testimonial, create a Wall of Love embed under Embed widgets → Wall of Love. Copy the HTML (an iframe, and for most layouts a small resize script).

In WordPress, add a Custom HTML block and paste the snippet. When you publish or update the page, the wall loads from Testimonial. Changes you make to the embed in Testimonial update on your site automatically. You do not need to paste new code unless you create a different embed.

Before you start

  • You need a Space with testimonials added to the Wall of Love.

  • You need WordPress Editor access (Administrator or Editor).

  • These steps use the default Gutenberg block editor. For Elementor, Divi, or similar builders, use their Custom HTML or Code module. The same embed code works.

Note: The embed only shows testimonials you have added to the Wall of Love. If the wall looks empty after embedding, confirm those testimonials are on the wall in Testimonial first (heart icon).

Get your embed code

  1. Open the Space and click Embed widgets.

  2. Select the Wall of Love tab if it is not already active.

  3. If you already have a Wall of Love embed, click the clipboard icon on its card (Copy embed code) and skip to the WordPress steps. To create a new embed, click Create Wall of Love.

  4. Choose a layout: Masonry - animated, Masonry - fixed, or Carousel slider. Customize theme, colors, and other settings, then click Save & Continue.

  5. On the Your Wall of Love is Ready! screen, review the preview and click Copy code.

  6. Keep the copied HTML ready. For layout and design options, see Embed a Wall of Love.

Add the embed to WordPress

  1. Open the page you want to edit in WordPress.

    notion image

  2. Click + to add a new block, then search for and select Custom HTML.

    notion image

  3. Paste your embed code into the Custom HTML block.

    notion image

  4. Click Update (or Publish if this is a new page).

    notion image

The Wall of Love loads on the page automatically.

Tips

WP Rocket and caching plugins

If you use WP Rocket and the Wall of Love height does not expand correctly, add Testimonial scripts to WP Rocket’s JavaScript exclude list. At minimum, exclude:

If you enabled the rating snippet on your embed, also exclude https://testimonial.to/js/seo-embed.js.

notion image

Other page builders

Elementor, Divi, and similar builders usually offer a Custom HTML, HTML, or Code module. Paste the same embed snippet there. If the wall does not appear, check that the builder allows external scripts and iframes.

Related: Customize your Wall of Love · Embed a Wall of Love

Need help? Message us in the chat widget.

Did this answer your question?