Back to Integrations

WordPress Integration

Add testimonials to any WordPress site

Display your ProofLayer testimonials on WordPress with our official plugin or simple embed code. Works with any theme including Elementor, Divi, and Gutenberg.

1

Method 1: WordPress Plugin (Recommended)

Step 1: Download and Install

  1. Download the plugin using the button above
  2. In your WordPress admin, go to Plugins → Add New → Upload Plugin
  3. Choose the downloaded prooflayer-wordpress.zip file
  4. Click Install Now, then Activate

Step 2: Configure Your Widget

  1. Go to Settings → ProofLayer
  2. Enter your Workspace ID (find this in your ProofLayer dashboard under Widgets)
  3. Choose your default layout and theme
  4. Click Save Changes

Step 3: Add to Your Pages

Use any of these methods to display testimonials:

Gutenberg Block

Search for "ProofLayer" in the block inserter and add it to any page or post.

Shortcode

Add this shortcode anywhere:

[prooflayer layout="grid" theme="light"]

Widget Area

Go to Appearance → Widgets and add the ProofLayer widget to any sidebar or footer.

2

Method 2: Manual Embed Code

If you prefer not to use a plugin, you can add ProofLayer directly to your theme or page builder.

For Gutenberg / Block Editor

  1. Edit your page in the block editor
  2. Add a Custom HTML block
  3. Paste your embed code from the ProofLayer dashboard

For Elementor

  1. Edit your page with Elementor
  2. Search for and add an HTML widget
  3. Paste your embed code

For Divi

  1. Edit your page with Divi Builder
  2. Add a Code module
  3. Paste your embed code

Your Embed Code

Copy this from your ProofLayer dashboard (Widgets section):

<!-- ProofLayer Widget -->
<div id="prooflayer-widget"></div>
<script
  src="https://www.prooflayer.app/widget.js"
  data-workspace="YOUR_WORKSPACE_ID"
  data-layout="grid"
  data-theme="light">
</script>

Shortcode Options

ParameterOptionsDefault
layoutgrid, list, carousel, masonry, marquee, spotlightgrid
themelight, darklight
animationnone, fade, slide, heartsfade
hovertrue, falsetrue

Example: [prooflayer layout="masonry" theme="dark" animation="slide"]

Troubleshooting

Widget not showing?

  • Verify your Workspace ID is correct
  • Check that you have approved testimonials in your dashboard
  • Clear any caching plugins (WP Super Cache, W3 Total Cache, etc.)
  • Check browser console for JavaScript errors

Styling conflicts?

  • ProofLayer widgets are scoped to avoid conflicts
  • If your theme overrides styles, try adding the widget to a full-width section
  • Contact support if you need custom CSS adjustments

Performance concerns?

  • The widget script is only 8KB gzipped
  • Testimonials are loaded asynchronously
  • No impact on your Core Web Vitals

Need Help?

Our support team is here to help you get set up.