How to Install MDE Pro on WordPress

Once you have your MDE Pro plugin file and personal embed code from OurNetHelps, installing MDE Pro on a WordPress site takes about three minutes. There is no coding involved, no theme editing, and no developer needed. This guide walks through every step from installing the plugin to seeing the tool live on your page, including what to do if something does not appear where you expect it.

Before you install: You need your personal embed code from OurNetHelps before this guide makes sense. If you have not received it yet, email services@ournethelps.com to get your script tag and plugin file.

What You Need Before You Start

Three things, all of which OurNetHelps sends you when your account is set up:

  • mde-pro-wp.zip: the plugin file. This is the same file for every broker. Do not unzip it. WordPress installs directly from the ZIP.
  • Your embed code: a script tag that starts with <script src="https://ournethelps.com/..." and contains your unique broker key, name, phone, NMLS, and application URL. Every broker’s embed code is different.
  • WordPress admin access: you need to be able to log in to your site’s admin dashboard. No FTP, no file editing, no developer access required.
Your embed code is unique to you

The script tag OurNetHelps sends contains your personal broker key. That key is what connects the tool to your site and your private dashboard. Do not share your embed code with other brokers.

Step 1: Install the Plugin

Log in to your WordPress admin dashboard. From the left sidebar, go to Plugins, then click Add New Plugin at the top of the page.

Click “Upload Plugin” at the top of the Add New page

WordPress shows this button directly below the page title. Click it and a file upload area appears.

Choose the mde-pro-wp.zip file

Click “Choose File,” navigate to wherever you saved the ZIP file OurNetHelps sent, and select it. The filename should be mde-pro-wp.zip. Do not unzip it first.

Click “Install Now,” then “Activate Plugin”

WordPress installs the file and shows a confirmation screen. Click “Activate Plugin” on that screen. The plugin is now installed and running on your site.

How to confirm installation worked

After activating, look at your WordPress left sidebar under Settings. You should now see MDE Pro listed there. If you see it, the plugin installed correctly.

Step 2: Paste Your Embed Code

Go to Settings in your WordPress sidebar and click MDE Pro. This opens the plugin settings page.

You will see a large text area with the label “Paste the embed code provided by OurNetHelps.” Click inside it and paste your complete script tag. It starts with:

<script src="https://yourscripturl.ournethelps.com/embed.js" data-broker-key="mde_..." data-broker-name="Your Name" 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://..." data-broker-logo=""></script>

After pasting your code, click Save & Activate. The badge at the top of the page will turn green and show Active. That means the plugin has saved your code correctly and MDE Pro is ready to appear on your site.

If the badge does not turn green

Make sure you pasted the entire script tag including the opening <script and closing </script>. The plugin needs the complete tag to read your broker details correctly. If it still does not activate, email services@ournethelps.com with a screenshot.

Step 3: Place the Tool on Your Page

The plugin runs silently in your site footer. The tool itself only appears on pages where you place a small container element. This means you control exactly where MDE Pro shows up, and it is invisible everywhere else on your site.

Go to the page where you want MDE Pro to appear. Edit that page and add a Custom HTML block. In Gutenberg, click the plus button to add a new block, search for “Custom HTML,” and select it. Paste this single line inside the block:

<div id="onh-mde-container"></div>

Save or update the page. That is the entire setup. The tool will appear in place of that div when a visitor loads the page.

You can place the tool on more than one page

Add the container div to as many pages as you want. Your homepage, a specific loan-type page, a landing page for paid ads. The same plugin handles all of them automatically.

Step 4: Verify It Is Working

Open the live page in a browser. Not the WordPress editor preview. The actual published URL. The tool should appear where you placed the container div, showing your name, photo, and NMLS in the header from the moment it loads.

Run through the assessment yourself first

Use realistic numbers. The assessment covers two sections across 8 questions: The Home (loan type, home price, down payment, interest rate, loan length) and Your Finances (household income, monthly debts, credit score range). No credit pull, no signup, no commitment is required to see the results. Check that your Readiness Score, Approval Likelihood with its four factor bars (DTI, credit, down payment, and cash flow), and the bridge CTA all appear correctly.

Check the Apply button goes to the right place

On the results screen, click the Continue to Secure Mortgage Application button and confirm it opens your actual application system: Floify, Arive, LendingPad, Loanzify, PreApp 1003, Encompass, Blend, or any URL you use.

Check your private dashboard

Open the dashboard URL OurNetHelps sent you. After running through the assessment yourself, you should see the Tool Loaded and Started counts increase. This confirms tracking is working correctly.

Everything is working if you see

The tool rendering on the page with your name and NMLS visible. The assessment completing with your Readiness Score and Approval Likelihood showing. The Apply button opening your application URL. Your dashboard numbers updating after your test run.

Using MDE Pro With Page Builders

If your site uses Elementor, Divi, Beaver Builder, or another page builder instead of the Gutenberg block editor, the process is the same. Add an HTML or Code module to your page and paste the container div inside it. The plugin injects the script into your site footer automatically, so you never need to edit your theme files.

Elementor

Add an HTML widget to your page. Paste the container div inside it. Publish. Done.

Divi

Add a Code module to your section. Paste the container div inside it. Save and publish.

Beaver Builder

Add an HTML module. Paste the container div. Publish the page.

Any other builder

Look for an HTML, Code, or Embed module in your builder. Paste the container div there.

Editor previews will not show the tool

Most page builder preview modes do not execute external scripts. The tool will not appear in the editor. Always check on the live published page, not the preview.

How Updates Work

You do not need to do anything when MDE Pro updates. The tool runs from OurNetHelps servers, so every improvement, fix, or new feature deploys to your site automatically the moment a visitor loads the page. You will never need to reinstall the plugin, update a file, or touch your WordPress settings again unless you want to change your embed code details.

If your phone number, application URL, or NMLS changes, email services@ournethelps.com with the updated details. OurNetHelps will send you a new embed code. Go back to Settings, MDE Pro, paste the updated code, and click Save & Activate. That is the only time you need to open the plugin settings after the initial setup.


Not Set Up Yet? Start Here.

Start your 30-day free trial and OurNetHelps will configure your tool and send your plugin file and embed code within 48 hours.

Start My Free Trial
No card required. Setup within 48 hours. Cancel anytime.

Frequently Asked Questions
Do I need a developer to install MDE Pro on WordPress?
No. The entire setup takes about three minutes and requires no coding, no file editing, and no FTP access. You install the plugin through your WordPress admin dashboard the same way you would install any other plugin.
Will MDE Pro slow down my WordPress site?
The plugin adds a lightweight script tag to your site footer. MDE Pro only renders the tool on pages where you have placed the container div. On pages without the div, the script checks for it and stops there. The tool is built with vanilla JavaScript and has no external dependencies.
Can I put MDE Pro on more than one page?
Yes. Add the container div to any page where you want the tool to appear. Your homepage, a loan-type page, a landing page. The same plugin and embed code handle all of them. There is no extra charge for placing the tool on multiple pages.
The tool is not showing up on my page. What should I check?
First, check you are looking at the live published page, not the WordPress editor or a preview. Editor previews do not run external scripts. Second, confirm the Active badge is green in Settings, MDE Pro. Third, confirm the container div is on the correct page and the ID is exactly onh-mde-container with no typos. If all three check out, email services@ournethelps.com with your site URL.
My NMLS or phone number has changed. How do I update MDE Pro?
Email services@ournethelps.com with your updated details. OurNetHelps will send you a new embed code. Go to Settings, MDE Pro in your WordPress admin, replace the existing code with the new one, and click Save and Activate. Your site will reflect the updated details immediately.
Does MDE Pro work with my page builder?
Yes. MDE Pro works with Elementor, Divi, Beaver Builder, and any other builder that lets you add an HTML or code module to a page. Add the HTML module, paste the container div inside it, and publish. The plugin handles the rest automatically.
What happens to MDE Pro if I cancel my subscription?
The tool stops appearing on your site for new visitors automatically. You do not need to uninstall the plugin or remove the container div, though you can if you prefer. Nothing breaks on your site if you leave the plugin installed after canceling.

Questions about your specific setup? Email services@ournethelps.com and OurNetHelps will walk you through it.

Sanjeev Kumar
Sanjeev Kumar
I'm Sanjeev Kumar, a self-taught web developer, digital marketing strategist, and founder of OurNetHelps.com. I build free finance calculators and tools for homebuyers and mortgage professionals, and write practical guides on personal finance, mortgage decisions, and web technology.

Latest Articles