Hostinger installation
Hostinger Website Builder Testimonial Embed
Hostinger’s builder has an Embed code element for the page body and a Custom code field under Integrations that sorts snippets by tag: script tags land at the end of the body automatically. Put the StoryProof div in the element, the script in Integrations, press Update, and check the result in preview or on the live site rather than in the editor canvas.
- Div for the Embed code element
- Script for Integrations › Custom code
- How to confirm it reached the page source
Code for Hostinger
Two boxes in Hostinger Website Builder
Enter your widget id. Hostinger sends any script tag in Integrations to the end of the body on every page, which is exactly where embed.js is happy to load.
Part 1 · Page body: the Embed code element
Add elements › drag Embed code › click it › Enter code
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Part 2 · Every page: Integrations custom code
More (⋯) › Integrations › Custom code
<script src="https://app.storyproof.io/embed.js" async></script>Save, then click Update so the builder pushes the change into the site’s source. Open preview or the live address; the editor canvas will not show the widget.
The id you enter only fills in the code shown on this page.
The problem, solved
Hostinger builder snags, with the StoryProof fix
- Problem 1
Editor shows nothing after pasting
Hostinger only renders custom code in preview and on the published site, which looks like failure while you are editing.
How StoryProof solves it
The StoryProof embed is a div plus an async script that build the widget in the visitor’s browser, so judge it in preview or on the live site.
- Problem 2
Head or body for the script?
Hostinger decides placement by tag type, and the data-render-head attribute exists for scripts that insist on the head.
How StoryProof solves it
embed.js needs no special placement. Leave it at the end of the body where Hostinger puts scripts, once for the whole site, and it fills every StoryProof div.
- Problem 3
Services page needs service-specific praise
A cleaner who also does gardening wants each service page to quote the right customers.
How StoryProof solves it
Tag testimonials by service and give each page its own widget with the approved stories you pick.
- Problem 4
Customers never see their review published
People who took the time to record something hear nothing back and are less likely to refer friends.
How StoryProof solves it
From Pro, the customer can get a thank-you email with a link to their testimonial two hours after you approve it.
In StoryProof
Set it up in Hostinger Website Builder
Step 1 of 4
Build the widget
Choose the approved testimonials and copy the embed code from StoryProof.
Step 2 of 4
Add the script in Integrations
Click More (the ⋯ menu), open Integrations and paste the script line into Custom code. Paste any other snippets below it, never inside it. Save.
Step 3 of 4
Drop in an Embed code element
From Add elements, drag Embed code to the spot on the page, click it, choose Enter code, paste the div and confirm with Embed code. Resize the element if the widget needs more room.
Step 4 of 4
Update and confirm
Click Update. Open the live page, right-click Inspect, and search the source for embed.js to confirm the script is there.
A sample Hostinger home page plan
Illustrative plan, not a real customer site
Hero with a booking button, then a services grid.
Below the grid, an Embed code element with a carousel widget of approved reviews tagged "general".
On each service subpage, a smaller Embed code element holding a widget tagged for that service. The single script in Integrations serves them all.
Before you start
Hostinger limits
Invisible in the editor
Hostinger shows custom code only in preview and on the live site. Expect an empty box while editing.
Use the HTTPS link
Hostinger notes browsers often block plain HTTP links in embeds. Paste the StoryProof code exactly as copied.
No Hostinger app
StoryProof is added as pasted code, not through a Hostinger integration listing. A Wall of Love link works too.
Plan details not stated
The Hostinger articles read here do not tie custom code to a plan. If the Integrations option is missing, ask Hostinger.
From Hostinger docs, not tested here
Steps follow Hostinger support articles as read on 2026-11-13. A person has not yet tried them on a live Hostinger site for this guide.
FAQ
Questions people ask
Short answers to what usually comes up next.
Can both lines go in the Embed code element?
They can for a single widget. Integrations is tidier once you have widgets on several pages, because one script serves them all.
Do I need data-render-head for StoryProof?
No. That attribute is for scripts that must load in the head. The StoryProof script works at the end of the body, where Hostinger places scripts by default.
Why does the AI builder look different?
Hostinger documents its newer AI builder in a manual mode that has the same embed element. If menu names differ in your account, look for Embed code in the elements panel.
Will my widget work on WordPress hosted at Hostinger?
This guide covers Hostinger Website Builder. For a WordPress site, follow the WordPress guide instead.
Still have a question? Ask the StoryProof team or book a demo.
Show real customers on your Hostinger site
Collect testimonials with one link and embed them with two lines of code.
Sources
- Hostinger Website Builder: How to Embed Custom Code, Hostinger Help Center. Checked 2026-11-13.
- Hostinger Website Builder: How to Integrate Custom Code, Hostinger Help Center. Checked 2026-11-13.
- Hostinger AI Builder manual mode: How to embed custom code, Hostinger Help Center. Checked 2026-11-13.
Last updated 2026-11-13.