Add dynamic feedback forms & review widgets to
WordPress Websites

Block editor, page builder or classic editor?

In the block editor (Gutenberg), add a Custom HTML block, paste the ProofBeer snippet and publish. In Elementor, Divi, Beaver Builder and similar page builders, use the HTML or code widget. In the classic editor, switch to the Text tab and paste the snippet where it should appear. A site-wide placement, such as a sidebar or footer widget, can use the Custom HTML widget in Appearance > Widgets, or a block in the Site Editor if you use a block theme. Test on one page first, then roll out.

WordPress-specific notes

• Use an administrator account to paste scripts. Roles without the unfiltered_html capability can have script tags removed on save.
• Do not paste into a Paragraph or Heading block; use Custom HTML so WordPress treats the code as raw HTML.
• If you use a caching or performance plugin, purge the cache after publishing and exclude the ProofBeer script from JavaScript delay if it loads late.
• Security plugins and Content Security Policy headers can block third-party scripts. Allow the ProofBeer script domain if the console shows a CSP error.
• For Contact Form 7, WPForms or Gravity Forms pages, place a ProofBeer widget above the form to reassure visitors before they submit.

Troubleshooting WordPress setup

The widget does not show after I publish

Purge your cache plugin and CDN, then view the page in a private window. Check the block was saved as Custom HTML and that the snippet was pasted in full.

WordPress removes my code

The role lacks permission to post unfiltered HTML, or a security plugin is filtering it. Use an administrator account or add the code through a trusted code-snippets plugin.

My page builder shows a blank box

Many builders do not run scripts in edit mode. Use the front-end preview or view the published page.

The widget loads but is the wrong width

Place it in a full-width column or container. Remove any theme CSS that sets a fixed width on custom HTML blocks.

Widgets appear twice

Check for the same snippet in a theme template, a footer widget and the page itself. Remove duplicates.

Detailed WordPress setup, step by step

1. Log in to ProofBeer and build your widget or form.
2. Copy the embed snippet from the widget screen.
3. In WordPress, edit the page where the widget should appear.
4. Add a Custom HTML block (or the HTML widget in your page builder).
5. Paste the snippet and click Update or Publish.
6. Open the front end in a private window.
7. Purge cache and CDN if the widget does not appear.
8. Check the page on mobile and with PageSpeed Insights.

Common mistakes to avoid

• Using a role that cannot post unfiltered HTML.
• Leaving caching enabled and testing a stale page.
• Placing the widget in a narrow column.
• Adding the same snippet in a theme file and on the page.
• Forgetting to update the privacy policy to mention third-party scripts.

How the WordPress integration works

WordPress treats the snippet as raw HTML inside a block. When a visitor loads the page, their browser downloads the ProofBeer script, which renders the widget from the latest data in your ProofBeer account. There is no database table and no plugin settings to maintain.

Real-world ways to use it

Landing page hero overlay

A short carousel under the headline shows proof at the exact moment visitors decide whether to scroll.

Footer or sidebar widget

A compact avatar widget with your rating keeps proof visible across posts and pages.

Contact page reassurance

A review feed above the contact form lowers hesitation before someone submits an inquiry.

Launch checklist

• Back up the page or use a staging copy.
• Use Custom HTML, not a Paragraph block.
• Publish and view in a private window.
• Purge cache plugin and CDN.
• Check the browser console for blocked scripts.
• Test on mobile.
• Add the widget to one more page only after verifying the first.

How this compares with the alternatives

Compared with review plugins, a cloud widget avoids database queries and extra stylesheets. Compared with screenshots, it stays current. The trade-off is that your widget depends on an external script, so check your privacy policy and consent settings to make sure third-party scripts are covered.

Performance, SEO and plugin-free benefits

A plugin that stores reviews in your database adds queries and its own CSS and JavaScript to your pages. A cloud-synced embed loads one deferred script on the pages where you paste it, which helps keep Core Web Vitals healthy. For SEO, keep important testimonial text as plain HTML on the page and do not mark up your own business reviews expecting star snippets in search: Google's guidelines exclude reviews that the business controls about itself, including through widgets.