Shift4Shop (formerly 3dcart) installation
Shift4Shop Store Testimonials with Custom HTML
Shift4Shop, the store builder that used to be called 3dcart, has no testimonial block, but its Store Manager takes raw HTML in a handful of fields. The knowledge base points scripts at the Global Footer under Content, Header and Footer, with the WYSIWYG editor switched off. Put the StoryProof script there once, then drop the widget div into the page, category or product field where shoppers should read it.
- The script line for the Global Footer
- The div for a page, category or product field
- Why WYSIWYG has to be off before you paste
Store Manager code
Code for the Shift4Shop Store Manager
Type your widget id. Line 1 goes into the Global Footer one time. Line 2 goes into each content field where a widget should appear. If you only ever want one widget on one page, Line 3 keeps both together in that page’s field.
Part 1 · Line 1: the script, once for the whole store
Store Manager › Content › Header and Footer › Global Footer (WYSIWYG off) › Save
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Line 2: the widget div where shoppers read it
Content › Titles & Content › page › edit, or Products › Product List › Extended Description
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Part 3 · Line 3: one page only, both lines in one field
Content › Site Content › page header (WYSIWYG off)
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Save in Store Manager, then open the storefront in a private window. Look at the page you edited and one page you did not: the widget should show only where you placed the div.
The code is built in your browser from the id you type. Nothing is sent or stored.
The problem, solved
Shift4Shop testimonials: where it goes wrong and the fix
Most failed installs on Shift4Shop come from the editor, not the code. These are the usual ones.
- Problem 1
I pasted the code and nothing appears
Shift4Shop’s knowledge base says scripts belong in the Global Footer with WYSIWYG mode turned off. Pasted into the visual editor, code is treated as text to format.
How StoryProof solves it
Switch WYSIWYG off, paste the StoryProof script once in the Global Footer, and keep the div in the content field. The script fills every StoryProof div on the page it loads on.
- Problem 2
Reviews on the product page are blank
A new product has no reviews yet, and an empty review tab tells a shopper nobody has bought it.
How StoryProof solves it
Put a widget div in the Extended Description and choose which approved store wide testimonials fill it, so a new product still shows buyers’ words about the shop.
- Problem 3
A category header full of quotes looks cluttered
Category pages are mostly product grids, and a tall block above them pushes products off screen.
How StoryProof solves it
Choose a compact layout, such as a rating badge or a single line strip, for category headers, and keep the larger walls for a content page.
- Problem 4
Nobody asks buyers for a testimonial
Requests depend on someone remembering to email customers after each order, which stops in a busy month.
How StoryProof solves it
If your store can send an order webhook, StoryProof on Pro or above can email the buyer a request a week after the order.
In StoryProof
Install it in your Shift4Shop store
Step 1 of 5
Turn WYSIWYG off
Shift4Shop keeps WYSIWYG off by default; if you switched it on, use the menu under your username to turn it off again before pasting any code.
Step 2 of 5
Save the script in the Global Footer
In Store Manager go to Content, then Header and Footer. Paste Line 1 into the Global Footer field and click Save at the top right. The footer prints on every store page.
Step 3 of 5
Place the div on the right page
For a content page use Content, Titles & Content and the page’s edit button. For a product use Products, Product List and the Extended Description on the Product Information tab. For a category use its Page Content header.
Step 4 of 5
Pick the testimonials and layout
In StoryProof choose which approved testimonials the widget shows and a layout that suits the spot. A product description wants something short; a dedicated page can take a wall.
Step 5 of 5
Check the live storefront
Load the page as a shopper would, on a phone and a desktop. If nothing renders, recheck that the Global Footer was saved with WYSIWYG off.
Which Shift4Shop field to use
Before you start
Shift4Shop limits
Steps follow the docs as of 2026-11-14
Menu names come from Shift4Shop’s knowledge base, which still lives on the older 3dcart support domain, as read on 2026-11-14. Nobody has followed them on a live store yet, and some screens may have been renamed.
No Shift4Shop app from StoryProof
StoryProof is pasted HTML, not an app from the Shift4Shop marketplace, and it does not read Shift4Shop’s product reviews.
Shift4Shop support will not help with it
The knowledge base says its support team does not assist with third party scripts and points merchants to its paid webmaster service or outside experts.
Some layouts hide banners
The docs note that certain themes hide the left and right banners or turn them off on some pages, which is why the script belongs in the footer rather than a banner.
Branding badge
Widgets carry a small "Powered by StoryProof" badge until Pro.
FAQ
Questions people ask
Short answers to what usually comes up next.
Is this the same as 3dcart?
Yes. 3dcart is the platform’s earlier name, and the Shift4Shop help articles cited here still sit on the 3dcart support domain.
Can I put the script in the Global Header instead?
The knowledge base allows scripts in the Global Header too, but that section has to be enabled after you add code. The footer is the route it recommends for code needed on every page.
Will the widget slow down checkout?
The StoryProof script loads asynchronously. It only draws a widget where a div exists, so pages without a div, such as checkout, show nothing from it.
Do I need a wall of testimonials on the site at all?
Not necessarily. Every plan includes a hosted Wall of Love with its own link, which you can add to the store menu instead of building a page.
Still have a question? Ask the StoryProof team or book a demo.
Show real buyers on your Shift4Shop store
Collect and approve testimonials in StoryProof, then paste two lines into Store Manager.
Sources
- Can I Add Tracking and Conversion Scripts?, Shift4Shop Knowledgebase (support.3dcart.com). Checked 2026-11-14.
- How do I make modifications to my site if I do not know HTML?, Shift4Shop Knowledgebase (support.3dcart.com). Checked 2026-11-14.
- Website Content Guide, Part 1, Shift4Shop Knowledgebase (support.3dcart.com). Checked 2026-11-14.
Last updated 2026-11-14.