How To Embed A 3rd Party Calendar In Your Website

How to Add a Third-Party Scheduler or Calendar to Your PhotoBiz Website

Overview

PhotoBiz includes a built-in Scheduler for online booking, but you can also add many third-party scheduling or calendar services to your PhotoBiz website.

If your scheduling provider gives you website embed code, you can add that code to a page using an HTML Block. This guide walks you through getting your embed code, adding an HTML Block, and displaying your third-party scheduler or calendar on your website.

Please Note: PhotoBiz is not affiliated with third-party scheduling or calendar providers. PhotoBiz Support can help you add an HTML Block and insert the embed code provided by your service. For questions about the scheduler's design, settings, functionality, mobile display, or troubleshooting, contact your scheduling provider directly.

STEP ONE

Look for wording such as Embed, Website Integration, Embed Code, or HTML Code. Copy the complete embed code provided by your scheduling service.

If you cannot find embed code, contact your scheduling provider for instructions.

STEP TWO

STEP THREE

Click the page where you want your 3rd party scheduler or calendar to appear. You can also create a new page if you want the scheduler to have its own dedicated page on your website.

STEP FOUR

Add an HTML Block to the page.

You can click the HTML icon to add the block to the bottom of the page, or drag the HTML icon to the location where you want the scheduler to appear. If you drag the block, release it when the placement indicator appears in the desired location.

STEP FIVE

Click inside the new HTML Block or click the pencil icon to edit it. Click Advanced to open the HTML editor.

Paste the complete embed code from your scheduling provider into the HTML field.

Click Save Changes. The Save button automatically applies the update to your website.

FINAL STEP

Open the page on your website and confirm that your scheduler or calendar appears and works as expected.

Test the scheduler from both a computer and a mobile device when possible. If the scheduler appears correctly but you need to change its booking options, colors, layout, or other functionality, make those changes through your third-party scheduling provider.

Customizing the HTML Block

You can customize the PhotoBiz HTML Block surrounding your embedded scheduler using the Website Builder.

Background Color

You can apply a custom background color to the HTML Block by using the color setting or entering a HEX color code.

This setting changes the background of the PhotoBiz block. It does not necessarily change the colors or design inside the third-party scheduler.

Background Image

You can also add a background image to the HTML Block by uploading your own image or choosing one from the Background Library.

Available background positioning options may include:

Tile: Repeats the image across the background
Top Left: Positions the image at the top-left of the block
Centered: Centers the image within the block
Cover: Expands the image to cover the available background area

Important to Know About Third-Party Scheduler Styling

The scheduler itself is controlled by the embed code and settings provided by your third-party service.

Changing your PhotoBiz website colors, fonts, or HTML Block settings may not change elements inside the embedded scheduler, including:

Scheduler colors
Fonts
Booking buttons
Calendar layout
Appointment options
Forms
Mobile responsiveness

To change those elements, use the customization settings available through your scheduling provider.

What If My Provider Only Gives Me a Link?

Some scheduling services provide a direct booking URL instead of website embed code.

If your provider does not offer embed code, you can add a link to your booking page from your PhotoBiz website instead. A Button Block can be a simple way to direct visitors to your external scheduling page.

Contact your scheduling provider if you are unsure whether your account supports website embedding.

Troubleshooting & FAQs

My scheduler does not appear after I save the HTML Block.

Confirm that you copied the complete embed code from your scheduling provider and pasted it into the Advanced HTML editor.

If the code is entered correctly but the scheduler still does not appear, contact your scheduling provider to confirm that the embed code is active and supported.

My scheduler does not fit properly on mobile.

Mobile responsiveness is generally controlled by the third-party embed code. Check your provider's website or support documentation for responsive or mobile-friendly embed options.

I want to change the colors or design inside my scheduler.

Make those changes through your third-party scheduler account. PhotoBiz HTML Block styling controls the area surrounding the embedded content but may not control the scheduler itself.

My scheduler displays an error message.

If the HTML Block is displaying the code but the embedded scheduler reports an error, contact your scheduling provider. They can help troubleshoot the scheduler, account settings, or embed code.

Prefer to Use the PhotoBiz Scheduler?

Your PhotoBiz Website Package includes the PhotoBiz Scheduler, which lets you create services, accept online appointments, and manage bookings directly from your PhotoBiz account.

If you do not need to use an outside scheduling service, the built-in PhotoBiz Scheduler can keep your website and booking workflow together in one place.

Need Help?

Support Hours: Monday to Friday, 9am to 6pm EST

Phone: 866.463.7620

Support Channels: Phone, Live Chat, Support Ticket

Previous Post Next Post

How To Use HTML Blocks

May 7, 2026

How To Embed A 3rd Party Form In Your Website

June 25, 2026

How To Embed VidFlow Galleries or Videos on PhotoBiz

May 15, 2025

How To Embed A Google Form In Your Website

October 15, 2024