Mobirise installation
Mobirise Testimonials with the Code Editor
Mobirise is a desktop app that builds sites from ready blocks, and its testimonial blocks are filled by hand. Adding your own code depends on the paid Code Editor extension: it brings a Custom HTML block for the widget and page settings fields for the script. Without it, link to a hosted page instead.
- The div for a Custom HTML block
- The script for End of body code, per page or site wide
- What to do if you do not own the extension
Mobirise code
Block, page and site code
Enter the widget id. Part 1 goes in the Custom HTML block on the page. Then choose one home for the script: Part 2 for a single page, or Part 3 if widgets will appear on several pages.
Part 1 · Custom HTML block on the page
Blocks list › Custom HTML › drag onto the page › Edit code
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Part 2 · Script for one page
Page gear icon › End of <body> code
<script src="https://app.storyproof.io/embed.js" async></script>Part 3 · Script for every page
Site Settings › Global HTML Insert
<script src="https://app.storyproof.io/embed.js" async></script>Preview the site and open the browser console: Mobirise suggests checking page code there. Then publish to your host and test the live URL.
The code is built on this page from the id you enter, and goes nowhere else.
The problem, solved
Testimonials in Mobirise: the friction points
- Problem 1
The theme’s testimonial block is just text
Mobirise themes ship testimonial blocks with sample names and quotes. You retype them, and there is no video, no approval and no way to swap quotes without republishing.
How StoryProof solves it
Swap in a Custom HTML block holding the StoryProof div. The widget shows the approved testimonials you choose in StoryProof.
- Problem 2
Editing block code broke visual editing
Mobirise warns that once you edit a block’s code, its visual parameters can stop working, and removing its classes can break more.
How StoryProof solves it
Leave theme blocks alone. The StoryProof div goes in its own Custom HTML block, so no existing block needs editing.
- Problem 3
A script pasted on every page
Copying the script into page after page means editing them all if anything changes.
How StoryProof solves it
Put embed.js once in Global HTML Insert. One script fills every StoryProof div on whichever page loads it.
- Problem 4
I do not own the Code Editor extension
Without it, Mobirise offers no documented place for your own HTML or scripts.
How StoryProof solves it
Link a button or menu item to your hosted Wall of Love, which every plan includes, until you decide whether the extension is worth buying.
In StoryProof
Add the widget in Mobirise
Step 1 of 4
Prepare the widget
In StoryProof, choose the approved testimonials and a layout that suits the width of a Mobirise block.
Step 2 of 4
Add a Custom HTML block
Open the Blocks list, drag the Custom HTML block into place, select it and click Edit code. Paste Part 1 and click Save and close.
Step 3 of 4
Give the script a home
For one page, click the page’s gear and paste Part 2 into End of <body> code. For several, use Part 3 in Site Settings under Global HTML Insert instead.
Step 4 of 4
Preview, then publish
Preview the site and look in the browser console for errors, then publish to your host or Mobirise site as usual and test the live page on a phone.
Where the script should live
Before you start
Mobirise limits
Paid extension needed
The Custom HTML block, page code fields and Global HTML Insert all come with the Code Editor extension. Mobirise does not document a code route without it.
Some blocks resist editing
Mobirise notes that some theme blocks, such as plugin powered galleries, do not allow free code editing. Another reason to keep the widget in its own block.
Builds live on your computer
Changes to the Mobirise project are made in the desktop app and must be published again before they reach the live site.
Badge on lower plans
StoryProof widgets show a "Powered by StoryProof" badge until Pro. There is no Mobirise extension from StoryProof.
Mobirise help as of 2026-11-13
Block and settings names come from Mobirise’s help and extension pages as read on 2026-11-13. The StoryProof team has not yet followed them in the app.
FAQ
Questions people ask
Short answers to what usually comes up next.
Can I edit the published HTML files instead of buying the extension?
A Mobirise reply in its help forum mentions editing the generated files. Expect those edits to need repeating whenever the app publishes the site again, so the extension or a Wall of Love link is the steadier choice.
Can visitors leave a testimonial from the site?
Add a Mobirise button that opens your StoryProof collection link. Visitors record a video, leave an audio note or write a review in their browser, and it waits for your approval.
Where do I find the widget id?
In StoryProof, when you copy a widget’s embed code. It is the value in the div.
Will the visual editor still work on the rest of the page?
Yes. Only the Custom HTML block holds your code; theme blocks keep their visual settings because you never open their code.
Still have a question? Ask the StoryProof team or book a demo.
Replace sample quotes with real ones
Collect and approve testimonials, then add one Custom HTML block in Mobirise.
Sources
- Code Editor extension, Mobirise. Checked 2026-11-13.
- Code Editor Extension, Mobirise Help. Checked 2026-11-13.
- Code Editor: Page Settings, Mobirise Help. Checked 2026-11-13.
- Ability to insert HTML code into the pages, Mobirise Help. Checked 2026-11-13.
Last updated 2026-11-13.