1. Home
  2. App Walkthrough
  3. How To Embed a Scheduling Calendar into Your Website

How To Embed a Scheduling Calendar into Your Website

Paperbell calendars can be embedded into any type of website. You can see an example of an embedded calendar right here.

Step by Step Instructions

Website Calendar Embed

  1. Choose your package

    When people schedule with you, they are scheduling time for a specific package. So first, navigate to your Packages page and click on the package that you’d like to embed scheduling for.

  2. Click on the “sharing” tab

    embed calendar

  3. Copy the embedded calendar code

    Look for the code in the embedded calendar section and click the copy to clipboard button

  4. Paste code into your website

    Go to your website and navigate to where you’d like the embedded calendar to live. This could be on a “contact me” page or a “services” page.

    In some website builders you will need to add a “code snippet”.

    In others you’ll need to go to the text, code or HTML view and paste your code in the right place on your page.

    You can also email the pasted code snippet to your web developer and have them add it to your website.

  5. Preview or view the live site to test

    Many website builders DON’T show the embedded calendar when you’re working on the site. You will need to either preview or publish the page to make sure it’s working properly.

Frequently Asked Questions

How can I change the styling of the embedded calendar?

You cannot change the font or stying. The calendar will be black text on a white background, so we suggest inserting it into a section of your site with a white background.

Will the calendar adjust to my site?

Yes, the calendar automatically adjusts to the size of the “box” you place it in on your website. So the width will change depending on where it is placed.

Does it work on mobile?

Yes! Your clients will be able to book and checkout using mobile.

How can I just share my “general” calendar without choosing a package?

After your client chooses a time they will then go on and complete the rest of the checkout process (like payment and signing a contract if those things are involved). That’s why your calendar needs to be tied to a specific package.

If you’re thinking about a free discovery or introductory session, here’s how to set that up.

How to Embed a Paperbell Calendar in Squarespace

In your squarespace site builder you want to look for the “code block” option, here is more information.

How to Embed a Paperbell Calendar in WordPress

WordPress instructions can vary depending on what site builder you use. (Here are the instructions for Divi and Elementor.) If you are using “regular” wordpress you’ll use the text editor to insert your code.

How to Embed a Paperbell Calendar in Kajabi

Kajabi calls this option a “custom code block”, here is more information.

How to Embed a Paperbell Calendar in Weebly

In Weebly you need to add an “embedded code” element, here is more information.

How to Embed a Paperbell Calendar in Wix

With Wix you need to add an HTML content block, here is more information.

How to Embed a Paperbell Calendar in Showit

Look for the “embed code” option, here is more information.

Was this article helpful?

Related Articles