MDE Pro works on Squarespace, Webflow, Wix, and custom-built sites. For Squarespace and Webflow, setup takes about five minutes and requires no coding once you have your embed code. Wix and custom-built sites each have a different approach described in their own sections below.
How MDE Pro Works on Non-WordPress Sites
On WordPress, a plugin handles everything automatically. On Squarespace and Webflow, you do two things manually: add your script tag to your site’s global footer code once, then place a single container element on the page where you want the tool to appear. The script loads MDE Pro. The container tells it where to render. The tool only appears on pages where you have placed the container.
Wix has a different architecture explained in its own section. Custom-built sites follow the same two-step pattern as Squarespace and Webflow but may require someone with access to the site’s template files.
Script tag: goes in your site’s global footer code once. Applies to every page automatically.
Container div: goes on whichever specific page you want the tool to appear. Add it to as many pages as you want.
What You Need Before You Start
Two things, both sent by OurNetHelps when your account is configured:
- Your embed code: a script tag containing your unique broker key, name, phone, NMLS, and application URL. Every broker’s embed code is different.
- The container div: one line of HTML you place on whichever page you want the tool to appear.
The container div is always the same for every broker:
<div id="onh-mde-container"></div>The script tag contains your unique broker key. This key is specific to your MDE Pro account and connects the tool to your broker profile and configuration. Every broker receives a different key.
Installing on Squarespace
Log in to your Squarespace account. From the left sidebar, go to Settings, then Advanced, then Code Injection. This is where you add scripts that apply to your entire site.
You will see Header, Footer, and Order Confirmation fields. Paste your full MDE Pro script tag in the Footer field. Click Save. This adds the script to every page on your site automatically.
Edit the page where you want the tool to appear. Add a Code Block from the block menu. Paste the container div inside it and save the page.
Squarespace previews may not render external scripts. Visit the live published URL directly in a browser to confirm the tool appears.
Code Injection is available on Squarespace Core, Plus, Advanced, and some legacy plans. It is not available on the Basic plan. If you cannot find Code Injection in your dashboard, check your current plan on the Squarespace pricing page.
Installing on Webflow
In the Webflow Designer, click the gear icon to open Project Settings. Go to the Custom Code tab. You will see Head Code and Footer Code fields.
Paste your full MDE Pro script tag in the Footer Code field. Click Save Changes. This applies the script to every page on your site.
Navigate to the page where you want MDE Pro. Add an Embed element from the Add panel. Inside the embed element, paste the container div. Click Save and Close.
Click Publish in the top right of the Designer. The Webflow preview inside the Designer does not run external scripts. Open the published URL in a browser to verify the tool appears.
Custom code in Webflow requires an active Webflow Site plan. Site plans are separate from Workspace plans and are billed per site. If the Custom Code tab is not visible in Project Settings, check that your site has an active Site plan under Site Settings, Plans.
Installing on Wix
Wix works differently from Squarespace and Webflow. Wix runs HTML embed elements inside sandboxed iframes, which means a script added to your site footer cannot reach a container div placed inside a separate HTML embed. Both the script tag and the container div must go inside the same HTML embed element on your chosen page.
Open your Wix editor and navigate to the specific page where you want the tool to appear. Do not use Wix Dashboard Custom Code for this installation. Both pieces must be inside the same embed element on the page.
Click the Add button in the Wix editor, go to Embed, and choose HTML iframe. An HTML embed element appears on the page. Click Enter Code to open the code editor.
Inside the code editor, paste both elements together. The container div goes first, then your script tag. Both must be inside this single embed element, not split between the embed and the site footer. Click Apply, then resize the embed element to fit the tool.
Click Publish in the top right of the Wix editor. The tool will not appear in the Wix editor preview. Visit the live published URL to verify it is working.
<!-- Paste both pieces inside the Wix HTML embed element -->
<div id="onh-mde-container"></div> <script src="YOUR-EMBED-URL-FROM-OURNETHELPS"
data-broker-key="your-key"
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://...">
</script>If you add the script tag to Wix Dashboard Custom Code and the container div to a separate HTML embed element, the tool will not appear. The parent page script cannot reach inside a sandboxed iframe. Both the script tag and the container div must be inside the same HTML embed element.
Installing on a Custom-Built Site
Custom-built sites follow the same two-step approach as Squarespace and Webflow but require someone with access to the site’s template or layout files. If you built the site yourself or have a developer, the steps below apply. If neither is the case, email services@ournethelps.com and OurNetHelps will advise on the best path for your setup.
Open your site’s global template or layout file, the one that wraps every page. Paste your full MDE Pro script tag just before the closing </body> tag. This makes the script available on every page of your site.
Open the HTML file for the page where you want MDE Pro to appear. Paste the container div at the point in the page where you want the tool to render. Save and deploy the file.
Verifying It Is Working
After setting up on any platform, always verify MDE Pro on the live published page. Editor and preview environments may not behave exactly like the published site.
MDE Pro should appear where you placed the container, showing your name, photo, and NMLS in the header from the moment it loads. If the page is blank where the tool should be, confirm you published the page and that both pieces are present.
Use realistic numbers across 8 questions in two sections: 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 required. Confirm your Readiness Score, Approval Likelihood with its four factor bars (DTI, credit, down payment, and cash flow), and the bridge CTA all appear correctly.
On the results screen, click Continue to Secure Mortgage Application and confirm it opens your correct application URL: Floify, Arive, LendingPad, Loanzify, PreApp 1003, Encompass, Blend, or your own custom form.
Open the private dashboard URL OurNetHelps sent you. After running through the assessment yourself, the Tool Loaded and Started counts should increase. That confirms tracking is working correctly.
The tool rendering on the page with your name, photo, and NMLS visible. The assessment completing with your Readiness Score and Approval Likelihood showing. The Apply button opening your application URL. Your dashboard counts updating after your test run.
You are looking at a preview, not the live published URL. You published the site after adding the code. Both pieces are present. On Wix: both pieces are inside the same HTML embed. The container div ID is exactly onh-mde-container with no typos. If all check out, email services@ournethelps.com with your site URL.
| Platform | Script tag location | Container div location | Plan needed |
|---|---|---|---|
| Squarespace | Settings > Advanced > Code Injection > Footer | Code Block on page | Core plan or above |
| Webflow | Project Settings > Custom Code > Footer Code | Embed element on page | Active Site plan required |
| Wix | Both pieces inside one HTML embed element on the page | Any paid plan (check current Wix pricing) | |
| Custom HTML | Before </body> in global template | Anywhere in page HTML | Template file access needed |
Not Set Up Yet? Start Here.
Start your 30-day free trial and OurNetHelps will configure your tool and send your embed code within 48 hours.
Start My Free TrialQuestions about your specific platform? Email services@ournethelps.com and OurNetHelps will walk you through it.
