Pixpa installation
Pixpa Website Testimonials with HTML Blocks
Pixpa’s route to custom code is a little roundabout. On a custom page you add a Headline section from Hero Sections, then use Add Content to drop in an HTML / JS item and replace its sample code with yours. Blog posts take code through the editor’s widget icon instead. And the Page Code Injection field, which looks like the obvious place, is the one Pixpa says not to use for content.
- What goes in the HTML / JS Code Block on a page
- The same widget inside a Pixpa blog post
- Why Page Code Injection is the wrong field
Pixpa custom code
Snippets for Pixpa’s code spots
Fill in your widget id. Paste A into the Code Block of an HTML / JS item, replacing everything already in it. Paste B through the widget icon in a blog post. If you would rather load the script site wide, put C in External Scripts and use only the div from D on each page.
Part 1 · A: custom page HTML / JS item
Page › Add a section to your page › Hero Sections › Headline › Add Content › HTML / JS › Code Block
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · B: inside a blog post
Blog post text editor › widget icon › paste › Insert
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 3 · C: the script, site wide (optional)
Settings › External Scripts
<script src="https://app.storyproof.io/embed.js" async></script>Part 4 · D: the div alone, when C is in place
HTML / JS Code Block or blog widget icon
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Save the page or post, then view it on your published Pixpa site. Pixpa’s article does not say whether scripts run in the editor, so the live page is where to check.
Assembled in your browser. The id you type stays on this page.
The problem, solved
Pixpa code confusion, cleared up
- Problem 1
I cannot find an HTML block anywhere
Pixpa’s HTML / JS item appears under Add Content after you add a particular Headline layout from Hero Sections, not in the main section list.
How StoryProof solves it
Follow path A in the tool. Once the Code Block is open, replace all of the sample code with the StoryProof div and script.
- Problem 2
Page Code Injection shows nothing
Pixpa says code injection is not meant for adding content. It runs page level scripts, not visible blocks.
How StoryProof solves it
Keep the StoryProof div in an HTML / JS item or a blog post. Only the script line may go in a site wide field, and Pixpa points to External Scripts for that.
- Problem 3
I want reviews inside a blog post
Blog posts use Pixpa’s text editor, which has no section picker.
How StoryProof solves it
Click the editor’s widget icon, paste snippet B and Insert. Choose which approved testimonials that widget shows, such as ones from the shoot the post is about.
- Problem 4
Clients praise the gallery, then go quiet
Kind words arrive in a reply about the gallery delivery and are never turned into something you can publish.
How StoryProof solves it
Send clients your StoryProof collection link with the gallery, so they can answer by video, voice note or text, and approve each answer before any widget shows it.
In StoryProof
Add the widget to a Pixpa page
Step 1 of 4
Add a Headline section
Open the custom page, click Add a section to your page, choose Hero Sections, open the Headline tab and pick the layout Pixpa’s help article highlights at the bottom of that list. Click Save.
Step 2 of 4
Add an HTML / JS item
Click Add Content, select HTML / JS, then click the Code Block button.
Step 3 of 4
Replace the sample code
Delete all of the existing code in the Code Block and paste snippet A in its place. Save.
Step 4 of 4
Check the published page
Open the page on your live Pixpa address on a phone and a laptop to see the widget render.
Before you start
Limits on Pixpa
Plan requirements not stated
Pixpa’s article on external scripts does not say which plans include these tools. Check your Pixpa plan if an option is missing.
Not for Page Code Injection
Pixpa says code injection is not meant to add content. The widget will not show from there.
Labels may shift
Pixpa says its Studio was revamped and screenshots are being updated, so button names may differ slightly from these steps.
Code questions go to the code’s source
Pixpa’s articles describe where code goes, not how a given widget behaves. Questions about the StoryProof widget go to StoryProof support.
Pixpa help as of 2026-11-14
All Pixpa steps come from Pixpa’s help articles as read on 2026-11-14. They have not yet been followed on a live Pixpa site.
FAQ
Questions people ask
Short answers to what usually comes up next.
Does External Scripts put code in the head or the body?
Pixpa labels the field as scripts to be included in the body, head or order success page section, without saying which. The StoryProof script is async, but the simplest setup keeps both lines together in the HTML / JS item.
Can I use Pixpa’s Embed Media and Apps section?
Pixpa describes that section for supported services such as YouTube or Spotify. For StoryProof, use the HTML / JS item.
Will it work in a contact form page?
Pixpa says its text editor’s widget icon accepts embed code in content such as blog posts and contact forms. Use snippet B there.
Can I show the same widget on several pages?
Yes. Paste the same widget id on each page. If External Scripts holds the script, each page needs only the div.
Still have a question? Ask the StoryProof team or book a demo.
Show client praise on your Pixpa site
Collect and approve testimonials, then paste one snippet into a Pixpa HTML / JS item.
Sources
- Embed any External Script, Pixpa Help. Checked 2026-11-14.
- Manage Page Settings, Pixpa Help. Checked 2026-11-14.
Last updated 2026-11-14.