Add dynamic feedback forms & review widgets to
WooCommerce Shops

Three ways to place ProofBeer in WooCommerce

WooCommerce runs on WordPress, so you have more placement options than on hosted builders. Pick the method that matches your skill level. The easiest is a Custom HTML block in the block editor on a page or in a product description. If you use Elementor or another page builder, use its HTML widget on a product template. If you are comfortable with code, you can output the snippet from a child theme or a code-snippets plugin on a WooCommerce hook, which keeps it consistent across every product without editing each one.

WooCommerce-specific notes

• Product description: paste the snippet into a Custom HTML block under the long description. This is the fastest way to test.
• Single product template: in a block theme, add the HTML block to the Single Product template in the Site Editor so every product gets the widget.
• Hooks: advanced users can output the snippet on a WooCommerce action hook such as woocommerce_after_single_product_summary via a child theme or snippets plugin. Test on a staging site first.
• Cart and checkout: block-based checkout limits where custom code can sit. Place social proof on the cart page above the proceed-to-checkout button where your theme allows.
• User roles: WordPress strips scripts for roles without the unfiltered_html capability (common on multisite). Paste the code as an administrator.

Troubleshooting WooCommerce setup

My snippet disappears when I save

This is usually WordPress sanitising the code. Save as an administrator, use a Custom HTML block rather than the paragraph block, and check security plugins that filter scripts.

The widget does not render on product pages

Confirm the template you edited is the one used by the product. Block themes have separate templates for single products, archives and the shop page.

The widget appears for me but not for visitors

A caching plugin may be serving an older page. Purge the page cache and any CDN cache after adding the embed.

My caching plugin breaks the widget

Some performance plugins delay or combine JavaScript. Exclude the ProofBeer script from delay and minify settings if the widget loads late or not at all.

The widget looks cut off on mobile

Place it in a full-width container, not inside a narrow column with fixed width. Check theme CSS that sets overflow hidden on the product summary.

Detailed WooCommerce setup, step by step

1. Create the widget in ProofBeer and choose the sources you want.
2. Copy the embed snippet.
3. In WordPress, open the product or the Single Product template in the Site Editor.
4. Add a Custom HTML block below the product summary or tabs.
5. Paste the snippet and update the page.
6. Purge caches (plugin cache and CDN).
7. View a product page as a logged-out visitor.
8. Repeat on the shop page or cart page if you want proof there too.

Common mistakes to avoid

• Pasting into a Paragraph block, which escapes the code.
• Forgetting that caching plugins serve old pages.
• Using the widget in the product short description, which many themes sanitise.
• Editing a template that the product does not actually use.
• Loading the same widget twice through both the template and the page.

How the WooCommerce integration works

WooCommerce renders product pages from templates and hooks. ProofBeer does not change those templates: you place the embed where you want it using a block, a page-builder widget or a hook, and the script renders the widget in that spot. Updates happen in ProofBeer, so there is no plugin to keep updated.

Real-world ways to use it

Single product reassurance

Show a grid of testimonials below the product summary to answer common objections such as quality, delivery and returns.

Shop page credibility

Add a rating badge above the product grid so first-time visitors see proof early.

Cart page confidence

A short row of quotes above the checkout button supports the final decision.

Launch checklist

• Test on a staging site first.
• Paste as an administrator in a Custom HTML block.
• Purge page and CDN cache.
• Check the widget on product, shop and cart pages.
• Exclude the script from JS delay if needed.
• Review mobile layout.
• Check Core Web Vitals after launch.

How this compares with the alternatives

A WooCommerce review plugin stores reviews in your own database and can import them from several sources. ProofBeer instead pulls reviews from external profiles and collects testimonials through forms, which suits brand-level social proof. Many stores use both: the WooCommerce reviews for products, ProofBeer for the rest of the site.

Performance and SEO on WooCommerce

Avoid installing a review plugin that stores reviews in your database and loads large CSS and JavaScript on every page. A cloud-synced widget loads one deferred script on the pages you choose. Keep core product information and any review text you want indexed as normal HTML on the page. Remember Google's policy on self-serving reviews: do not rely on widget markup to earn star snippets for your own business reviews.