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 Studio Member 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.
STEP 1: In Studio, go to Settings > Member Area > Website Integration > 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.
STEP 2: 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 code under Step 1 in the Studio Login Form Integration:
Save the changes.
STEP 3: 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="studio-member-login"></div>
Save the changes, preview/publish the page, and you'll see the login form:
You're all done!