MDE Pro installs on any website with two pieces of code pasted in one place. No plugin. No footer settings. No developer. This guide shows you the fastest way to get MDE Pro live, plus a checklist if it does not appear right away.
The Two Pieces of Code
MDE Pro uses exactly two pieces of code. Both go in the same place on your page.
Piece 1: The container div. This tells MDE Pro where on the page to render the tool. It is the same for every broker:
<div id="onh-mde-container"></div>Piece 2: Your embed script. This loads the tool and identifies your broker account. Every broker’s script is different because it contains your unique broker key and your details:
<script src="YOUR_EMBED_SCRIPT_URL"
data-broker-key="YOUR_BROKER_KEY"
data-broker-name="Your Name - Your Company"
data-apply-url="https://your-application-url.com"
data-broker-phone="(555) 000-0000"
data-broker-nmls="123456"
data-broker-email="you@yourdomain.com"
data-broker-photo="https://yoursite.com/photo.jpg">
</script>OurNetHelps sends you the complete script tag with your broker key, name, NMLS, phone, email, and application URL already filled in. You do not need to edit the placeholders above. Your version arrives ready to paste.
How to Install in 60 Seconds
Paste both pieces of code together on whichever page you want MDE Pro to appear. The div goes first, the script tag goes immediately after. That is the entire install.
You do not need to understand or edit the code. OurNetHelps sends your personalized version ready to paste.
Go to the editor for the specific page on your site. This can be your homepage, a dedicated mortgage calculator page, a specific loan-type page, or any page where borrowers with purchase intent are likely to land.
On WordPress this is a Custom HTML block. On Wix this is an HTML iframe embed. On Squarespace this is a Code block. On Webflow this is an Embed element. On a custom HTML site this is just the page itself. Look for any option that lets you paste raw HTML.
Paste the container div and your script tag together inside the HTML block. The div goes first, the script tag goes immediately after. Both pieces must be in the same block on the same page.
Save your changes and publish the page. MDE Pro will not appear in your editor preview. It only runs on the live published page. This is expected behaviour across all platforms.
Visit the live URL of the page in a browser. MDE Pro should appear where you placed the code, showing your name, photo, and NMLS in the header. Run through the assessment yourself to confirm everything works end to end.
No plugin activation. No footer code. No settings page. Two pieces of code, one HTML block, one paste. Done.
Works on Common Website Platforms
MDE Pro is plain HTML and JavaScript, so it can work with any platform that allows custom HTML and JavaScript to run on the page. The install above works on all of these common platforms:
If your platform lets you add custom HTML and run JavaScript on the page, MDE Pro can work on it.
How to Confirm It Is Working
After pasting the code and publishing the page, take two minutes to confirm the full setup is correct.
Open the live page. MDE Pro should show your name, photo, and NMLS number in the top right of the tool header. If these are missing or showing placeholder values, your embed code may not have been saved correctly.
Answer all 8 questions across both sections: The Home and Your Finances. Confirm your Readiness Score and Approval Likelihood appear on the results screen. No credit pull, no signup, no commitment required.
On the results screen, click Continue to Secure Mortgage Application. Confirm it opens your correct application system: Floify, Arive, LendingPad, or wherever you receive applications. A broken or missing URL here means no borrower will complete the path to your application.
Open your dashboard URL. After running through the assessment yourself, your Tool Loaded and Started counts should have increased. That confirms tracking is working correctly and your dashboard is connected.
If It Does Not Appear
If the tool does not show on the live page, work through this checklist in order.
| Check | What to do |
|---|---|
| Preview vs live page | Editor previews do not run external scripts on most platforms. Always check the live published URL, not the preview. |
| Page not published | Confirm you clicked Save and Publish, not just Save. The tool only appears on published pages. |
| Both pieces present | Confirm both the container div and the script tag are in the same HTML block. One without the other will not work. |
| Container div ID correct | The div ID must be exactly onh-mde-container with no typos, no extra spaces, no capital letters. |
| Broker key valid | Confirm you are using the broker key provided by OurNetHelps in your welcome email. If the tool loads but shows nothing, your key may be inactive. Email services@ournethelps.com to confirm your account status. |
| Still not working | Email services@ournethelps.com with your site URL and the platform you are using. OurNetHelps will identify the issue and walk you through the fix. |
WordPress, Wix, Squarespace, and Webflow editor previews may not render external scripts. This is normal. Always open the live published URL to verify the tool is working. If you only check the preview and see nothing, that does not mean the install failed.
Platform-Specific Guides
The two-piece install above works on every platform. If you want step-by-step instructions specific to your platform, or if the simple install did not work and you need more detail, use the guides below.
Not Set Up Yet?
Start your 30-day free trial. OurNetHelps configures your embed code and sends everything you need within 48 hours.
Start My Free TrialQuestions about your install? Email services@ournethelps.com and OurNetHelps will walk you through it.
