Overview
Embedding the Acubliss booking portal into your website allows your clients to book appointments directly through your site. Follow the steps below to embed the booking portal using an iFrame code on various web hosting platforms.
Steps to Obtain the iFrame Code
Access Settings: Log in to your Acubliss account.
Navigate to Practice Settings: Click on Settings, then select Practice.
Scroll to the Bottom: Scroll down to the bottom of the Practice settings page.
Copy the iFrame Code: Click the Copy to clipboard button to copy the iFrame code.
Embedding the Acubliss Booking Portal in Squarespace
Log in to Squarespace: Open your Squarespace account and navigate to the page where you want to embed the booking portal.
Edit Page: Click Edit on the desired page.
Add Code Block:
Click on the Insert Point (the '+' sign).
Select Code from the menu.
Insert iFrame Code: In the Code Block, paste the iFrame code you copied from Acubliss.
Save Changes: Click Apply to save the changes, then click Save in the upper left corner to update the page.
Embedding the Acubliss Booking Portal in WordPress
Log in to WordPress: Open your WordPress dashboard.
Edit Page/Post: Navigate to the page or post where you want to add the booking portal.
Switch to HTML View: Click on the Text tab (if you're using the Classic Editor) or add a Custom HTML block (if you're using the Block Editor).
Insert iFrame Code: Paste the iFrame code into the editor.
Update Page: Click Update or Publish to save your changes.
Embedding the Acubliss Booking Portal in Wix
Log in to Wix: Open your Wix account and go to the Editor.
Add HTML iFrame:
Click Add (the '+' sign).
Select Embed.
Choose Embed a Widget.
Insert iFrame Code: Click Enter Code and paste the iFrame code.
Apply: Click Apply to embed the iFrame, then adjust the size and position as needed.
Publish: Click Publish to make the changes live on your site.
Embedding the Acubliss Booking Portal in Weebly
Log in to Weebly: Access your Weebly account and open the site editor.
Add Embed Code Element:
Drag and drop the Embed Code element to the desired location on your page.
Insert iFrame Code: Click inside the Embed Code element to bring up the HTML editor, then paste the iFrame code.
Publish: Click Publish to update your site with the new iFrame.
Final Tips
Responsive Design: Ensure your iFrame is responsive to fit different screen sizes by adjusting its dimensions or using responsive CSS.
Test: Always test the embedded iFrame on different devices to ensure it works smoothly and looks good.
By following these steps, you can seamlessly integrate the Acubliss booking portal into your website, providing a better user experience for your clients. If you need further assistance, don’t hesitate to reach out to your web developer or support team.