Skip to main content

How to Publish and Embed Your Online Booking Page

Learn how to publish your online booking page, configure tracking and SEO settings, and embed booking directly on your website.

Publish and embed your online booking page to make it easy for patients to schedule appointments from your website. Configure tracking, SEO, and policy settings, then choose from a floating button, modal, drawer, or inline embed to create the booking experience that best fits your website and patient experience.

Step 1: From the booking page settings, navigate to the Publish & Embed tab, then select Tracking.

Image

Step 2: Scroll down the Tracking section. If you use marketing tools such as Facebook Ads or Google Analytics, you can add tracking pixels here to measure booking page visits, appointment conversions, and campaign performance.

Image

Step 3: If you need advanced tracking or integrations, insert custom JavaScripts in the provided area.

Image

Step 4: Next, click SEO. SEO controls how the booking page can be found online and how the booking link appears when it is shared.

Image

Step 5: Preview how your link will appear when shared.

Image

Step 6: (Optional) You can customize metadata like title, description, and preview image.

Image

Step 7: Go to the Policies. Here, you can add links to important policies, such as your financial or cancellation policies, and customize the text patients see for deposit requirements and no-show fees.

Image

Step 8: Go to Embed. Here, you’ll find code for embedding your booking page on your website.

Image

Step 9: Choose and Preview Embedding Options. Prospyr offers multiple embed options, such as a drawer, modal, inline, or floating button. Here you can preview a demo of each type.

Image

Step 10: Customize the embed appearance by updating the button label. If you selected the Drawer embed type, you can also choose whether the booking drawer opens from the left or right side of the screen.

Image

Step 11: Copy the embed code and add it to your website. Paste the code into your website's HTML where you want the online booking feature to appear.

Image

Step 12: Use the live preview to check how your embed looks. You can also click Open Standalone view to see the booking page in full screen.

Image

Step 13: Click Save Changes.

Image

Did this answer your question?