WooCommerce installation
WooCommerce Product Page Testimonial Widget
WooCommerce product pages are not ordinary WordPress pages: on a block theme they are drawn by the Single Product template in the Site Editor. Add a Custom HTML block there and every product shows the widget, or build a template for one product and give only that item its own testimonials.
- Code for a Custom HTML block in the Single Product template
- One template for all products, or one per product
- How it differs from WooCommerce product reviews
Code generator
Code for the Single Product template
Enter the widget id. Both lines go into one Custom HTML block placed inside the Single Product template, usually under the product summary or above the reviews tab.
A Custom HTML block in the Single Product template
Appearance › Editor › Templates › Single Product › Block Inserter › Custom HTML
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Save the template, then open two different products in a private window. Both should show the widget; if only one should, use a per-product template instead.
Assembled in this browser from your id. Nothing leaves the page.
The problem, solved
Store proof problems on WooCommerce, and the StoryProof fix
- Problem 1
Product reviews say nothing about the shop
WooCommerce reviews rate one item. A first-time buyer also wonders about delivery, packaging and whether anyone answers email, and that lives in store testimonials.
How StoryProof solves it
A StoryProof widget in the template shows store-level testimonials you approved, beside the product reviews rather than instead of them.
- Problem 2
Every product shows the same quotes
A skincare quote under a candle looks careless, and one shared template means one shared widget.
How StoryProof solves it
Tag testimonials by product line, build a widget for each line, and place it in a template made for that product.
- Problem 3
Asking buyers by hand never happens
Orders keep coming in and nobody has time to send a request after each one, so the widget stops growing.
How StoryProof solves it
From Pro, a store that sends StoryProof a webhook when an order is placed can have the customer emailed a review request a week later.
- Problem 4
Widgets on product and cart templates both
Once the template has a widget, adding another one elsewhere on the same view raises the question of a second script.
How StoryProof solves it
One embed.js per page fills every StoryProof div there. If a view already loads the script, the extra block only needs its div.
In StoryProof
Install it on a block theme
Step 1 of 4
Decide: all products or one
Edit the shared Single Product template if every item should show the same widget. For one product, go to Templates, Add Template, Single item: Product, and pick that product (it must already exist).
Step 2 of 4
Prepare the widget
In StoryProof, add the approved testimonials that fit this product or the whole shop, then copy the widget id.
Step 3 of 4
Add a Custom HTML block to the template
In the template, open the Block Inserter and add a Custom HTML block where the widget belongs. Click Edit HTML, paste both lines and press Update.
Step 4 of 4
Save and check other products
Save the template and confirm. Open the product in a private window, then a second product, to check the layout of items that should be unchanged.
Which WooCommerce template to edit
Before you start
WooCommerce caveats
Classic themes have no Site Editor
WooCommerce’s template steps apply to block themes. If Appearance, Editor is missing, the theme is classic and product pages come from theme files, which needs a developer.
Not the same as product reviews
The widget does not replace WooCommerce reviews or their star ratings on the product. It adds testimonials beside them.
Caching and script deferral
Shops often run caching or JavaScript delay plugins. If the widget is missing only on the live store, exclude embed.js and purge the cache.
Badge, and no WooCommerce extension
StoryProof is not a WooCommerce extension; it is embed code. A small StoryProof badge shows under widgets until Pro.
Documentation date
Template steps follow WooCommerce and WordPress documentation as read on 2026-11-12 and have not been followed on a live shop. Site Editor menus move between releases.
FAQ
Questions people ask
Short answers to what usually comes up next.
Can I paste the code into the product description instead?
It may work for one product, but descriptions are edited often and by different people, and a role without unfiltered_html saving it would strip the script. The template keeps it out of everyday edits.
Will the widget appear on the shop or category pages?
Not from the Single Product template. Those pages use their own templates, so add a block there only if you want testimonials on listing pages too.
Do imported WooCommerce product reviews go into the widget?
This page does not cover moving reviews. The widget shows testimonials collected through StoryProof and approved by you.
Where on the product page should it go?
Close to the add to cart area for a short quote, or near the reviews tab for a fuller block. The general placement guide covers the reasoning in more depth.
Still have a question? Ask the StoryProof team or book a demo.
Put store testimonials next to your products
Collect and approve testimonials, then add one block to your Single Product template.
Sources
- Customizing Your Product Pages, WooCommerce Documentation. Checked 2026-11-12.
- Custom HTML, WordPress.org Documentation. Checked 2026-11-12.
Last updated 2026-11-12.