All Collections
Settings
Website Integrations
WordPress - Integrate the Client Login Form
WordPress - Integrate the Client Login Form
Roy avatar
Written by Roy
Updated over a week ago

This article will show you how to integrate PTminder's client login form into your existing WordPress hosted website.

Please note: WordPress.com (hosted by WordPress) is not compatible with this integration as they ceased to support script tags due to security reasons being on a shared platform. Therefore if your site uses the shared hosted service from WordPress.com then it is not compatible due to their coding restrictions. What we'd suggest instead is to create a button/link (e.g 'Book Online'), that when clicked, it will redirect the visitor to your PTminder Client Area URL (or open in a new window).
โ€‹This integration should still work if you have a WordPress hosted website (on most other hosting providers), just not WordPress.com.


In PTminder, head over to your Settings then 'Client Area' tab. Then select the 'Website Integration' tab, 'Login Form Integration':

On this page you'll see a number of steps, ignore these for now, but you'll need some of this information later.
โ€‹
Now in a new tab/browser, login to your WordPress admin/editor area.

On the left-hand menu, select 'Plugins' then 'Add New':

In the 'Search plugins...' box, type in "insert headers and footers" and search. Then click on the 'Activate' button on that plugin:

Next select 'Settings' from the left-hand menu, then 'Insert Headers and Footers':

In the first 'Scripts in Header' box, copy/paste in the following code below

<script type="text/javascript" src="https://ptminder.com/website/extform/?guid=EXAMPLE"> </script>

Afterwards, make sure to replace the URL code which has "https://ptminder.com/website/extform/?guid=EXAMPLE" to be your own unique link, which can be found on the PTminder 'Website Integration' tab, under Step 1.

Save the changes.

Now navigate to the page you wish to add the sign in form to, this could be a new or existing page, then in the editor select the 'Text' option on the right-hand side as seen in this example:

Copy & paste in the following code: <div id="ptminder-client-login"></div>

Save the changes, preview/publish the page, and you'll see the login form:

You're all done! :)

Did this answer your question?