All Collections
Forms
Embedding Forms into an Existing Website
Embedding Forms into an Existing Website

e.g. New Patient Referral Form

Updated over a week ago

PracSuite Forms can be embedded into an existing webpage, allowing you to collect information via your website that is directly added to PracSuite for processing. This is particularly useful in practices where online booking may not be suitable, and a new patient referral form must be completed instead.

Go to Settings > Forms > Overview and enable the Embedding of Forms Website switch.

Select Add and enter the website domain(s) that you will be embedding the forms on.

Select Save to finalise your changes.

In the form template grid, copy the link to the form you wish to embed on another web page.

This link must be added to the code snippet below in place of https://YOUR_PRACTICE.forms.pracsuite.com/YOUR_FORM_LINK

Note: You must also replace all instances of YOUR_PRACTICE with your chosen URL.

<div id="ob-iframe-container">
<iframe id="ob-iframe" src="https://YOUR_PRACTICE.forms.pracsuite.com/YOUR_FORM_LINK" height="800px" width="100%"></iframe>
<script type="application/javascript" src="https://YOUR_PRACTICE.forms.pracsuite.com/static_js/embed.js"></script>
<link type="text/css" rel="stylesheet" href="https://YOUR_PRACTICE.forms.pracsuite.com/css/embed.css" />
</div>

After modifying the above code snippet, you will need to contact your website developer to add the snippet to the relevant page on your website.

Did this answer your question?