Knowledgebase Article
Category: Configuration | Module: PatientPro | Created: 4/29/2025 | Last Updated: 9/5/2026
Copy and paste the following code where you want the portal to appear on your website:
html
CopyEdit
<script src="https://portal.naturaesoft.com/Get_Embed_JS" data-practicepass="YOUR_PRACTICE_PASS" data-container-id="portal-container"> </script> <!-- Target container for the portal iframe --> <div id="portal-container"></div>
Important:
Replace YOUR_PRACTICE_PASS with your assigned Practice Pass code.
Make sure you include the <div id="portal-container"></div> on the page — the portal will load into this area.
You can place this code:
On a specific page (e.g., yourdomain.com/portal)
Inside any content editor that supports raw HTML (WordPress, Wix, Squarespace, etc.)
In your website’s HTML templates (if you have developer access)
We recommend placing it where you want the portal to appear (not in the <head>).
✅ The portal will automatically load inside the container.
✅ A loading spinner will show while it connects.
✅ The portal will automatically resize to fit its content — no scrollbars!
✅ If the portal cannot load (due to network issues), a friendly error message will appear.
You can also:
Change the container's size by adjusting the surrounding <div> styles (CSS)
Add margin or padding if you want extra space around the portal
Contact us if you want a custom theme or branded portal appearance
If you do not see the portal:
Confirm that the data-practicepass attribute matches your Practice Pass exactly.
Make sure you included the <div> with the correct id.
Check for typos in the script tag or div id.
Still need help?
? Contact our support team at support@naturaesoft.com — we’re happy to assist!