Integrating Schedly with Third-Party Landing Pages |

Overview

Integrating Schedly with third-party landing pages enables businesses to leverage Schedly's powerful scheduling tools directly on their external websites. This integration allows visitors to book appointments or events via Schedly without switching experiences, enhancing user engagement and conversion rates.

Prerequisites

Access to the Schedly API & Developer Tools.
Appropriate permissions to edit your third-party landing page site.

Step-by-Step Instructions

Copy the Necessary Embed Code from Schedly

Log in to Schedly: Navigate to the Schedly login page, enter your email address and password, and click the Sign in button.
Access the Embed Code: After logging in, head to the Schedly Services section from the main navigation menu.
Select Event Type: Click on the event type you wish to embed. If none exist, first create a new event type.
Copy Embed Code: Once the desired event type is selected, click the Get Embed Code button to view the code. Highlight the code and press Ctrl + C (Windows) or Cmd + C (Mac) to copy it.

Access Third-Party Page Editor

Log in to Your Third-Party Site Editor: Navigate to your website hosting service's login page and enter your credentials.
Access the Landing Page: Locate the landing page where you want Schedly's booking functions to appear.

Paste Code in Appropriate Site Section

Enter Edit Mode: Click the Edit button on your landing page editor to enable modifications.
Add HTML/Embed Section: Locate the section where you can add custom HTML or embed content. It is usually labeled as HTML Block, Embed Code, or similar.
Paste the Embed Code: Click into the HTML field and press Ctrl + V (Windows) or Cmd + V (Mac) to paste the Schedly embed code.
Save Changes: Click the Save or Publish button depending on your site editor to finalize changes.

Preview Integration in Live Site View

Preview the Page: Use the Preview mode in your site editor to see how the Schedly integration looks on your page.

Test Booking Flow to Ensure Functionality

Test the Booking Experience: On the live site view, interact with the embed to try booking an appointment or event. Follow through the booking process to ensure it completes successfully without errors.
Check Email Notifications: Verify that the booking confirmation emails are received if your event requires them.

Preview Example

Key Details & Limits

Ensure your Schedly event types are configured with visible or public settings if you intend for all site visitors to book.
Customize the embed code appearance via your site's styling tools, as Schedly's basic embed may not automatically match your site's styling.

Frequently Asked Questions

Can I integrate Schedly on multiple landing pages? – Yes, you can duplicate the embed code onto as many landing pages as needed.
Will changes to Schedly event types update automatically? – Yes, any updates to event details in Schedly will automatically reflect wherever the embed code is used.
Can I customize the size of the embed? – Adjust the dimensions and styling of the embed section through your landing page’s CSS.
What happens if I delete an event type in Schedly? – The embed code will cease to function if the linked event type is deleted.
Are there any API rate limits to consider? – Refer to Schedly's API documentation for detailed rate limits or restrictions.

Troubleshooting

Embed Code Not Displaying: Ensure you pasted the code in the suitable HTML or embed section.
Functionality Not Working: Verify the site's runtime permissions and clear browser cache.

Appearance

Integrating Schedly with Third-Party Landing Pages