testivora/Embed guides/WordPress
WordPress

Embed Testivora on WordPress

Works on self-hosted (.org) and WordPress.com with Business plan or higher. Total time: 3 minutes.

Read time · ~3 min
Before you start
If your site is on wordpress.com with Free, Personal, or Premium plan, external JavaScript is not allowed. You need Business plan ($25/mo) or move to self-hosted. Self-hosted (Hostinger, SiteGround, WPEngine, etc.) has no such limitation.
01

Open the page editor

In your WordPress admin, navigate to the page or post where you want the wall:

  • Pages → All Pages → click an existing page.
  • Or Pages → Add New if you're creating a dedicated section (e.g. /testimonials).

Recommended: create a dedicated page (/testimonials) rather than pasting it on home — large walls load better on their own URL and are easier to share.

02

Add a Custom HTML block

In the Gutenberg editor (default since WP 5.0), click the “+” button and search “Custom HTML”. Paste this code:

html
<div data-tv-wall="TU-SLUG"
     data-layout="masonry"
     data-theme="auto"
     data-color="ea580c"></div>
<script async src="https://testivora.com/embed.js"></script>
Replace TU-SLUG with your space's slug (find it in your admin → Distribute → collector URL).
03

Customize the snippet

Change the data-* attributes to tweak how the wall looks:

  • data-tv-wall → your space's unique slug.
  • data-layout → masonry, grid, carousel, single (masonry recommended for large walls).
  • data-theme → auto, light, dark
  • data-color → accent color in hex without the # (e.g. ea580c for orange).
04

Preview and publish

Click “Preview” at the top right — it's normal for the preview to look empty (external scripts don't load in the editor preview). Once you publish, open the real page → it should render in ~1 second.

Auto-height built in
The wall resizes automatically as testimonials load. No need to fight with fixed heights or internal scrollbars.
05

If something doesn't show up

Open DevTools (F12) → Console and look for red errors. Common cases:

  • Refused to load script: A security plugin (Wordfence, Sucuri, iThemes Security) is blocking external scripts. Whitelist testivora.com in the plugin settings.
  • Wall flickers in and out: Cache plugin (WP Rocket, W3 Total Cache) is minifying the inline script poorly. Exclude “tv-wall-” from minify, or use the 'Script tag' option (external load, not minified).
  • Classic editor: If you use the classic editor, switch to the 'Text' tab (not 'Visual') before pasting the code. WordPress strips HTML in Visual mode.
  • No changes after editing: If you don't see changes after editing, clear the cache (both WP cache and your browser with Cmd+Shift+R / Ctrl+F5).
Done. Your wall is live.

Need to change layout, color, or theme? Tweak it from your admin — changes reflect instantly without touching the code.

Open my admin →Browse other platforms
© 2026 Testivora.
All guidesPrivacyHome