{"id":611,"date":"2021-04-28T10:23:03","date_gmt":"2021-04-28T10:23:03","guid":{"rendered":"https:\/\/paperbell.com\/support\/?post_type=ht_kb&p=611"},"modified":"2025-07-22T16:09:27","modified_gmt":"2025-07-22T16:09:27","slug":"embed-a-scheduling-calendar-into-your-website","status":"publish","type":"ht_kb","link":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/","title":{"rendered":"Embed Paperbell Scheduling Calendars into Your Website"},"content":{"rendered":"\n

Paperbell calendars can be embedded into any type of website. See an example of an embedded calendar right here<\/a>. Scroll to the bottom of this page for instructions for your specific site builder (WordPress, Wix, Squarespace, etc). <\/p>\n\n\n\n

Step by Step Instructions<\/h2>\n\n\n\n

Website Calendar Embed<\/p>

  1. Choose your package<\/strong>

    Clients schedule time with you for their specific package, so you’ll embed a different scheduling calendar for every package you want to share via your website. Navigate to your Packages page<\/a> and click on the package for which you’d like to embed scheduling. <\/p> <\/li>

  2. Copy the embedded calendar code for that packageClick the Sharing tab and click Copy for the Embedded Calendar code snippet that you’ll insert in your website. <\/strong>

    \"\"<\/p> <\/li>

  3. Paste code into your website<\/strong>

    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. If you run into trouble, reach out to your website builder or email us at hello@paperbell.com. \ud83d\ude0a<\/p> <\/li>

  4. Preview or view the live site to test<\/strong>

    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.<\/p> <\/li><\/ol><\/div>\n\n\n\n

    Frequently Asked Questions<\/h2>\n\n\n\n

    How can I change the styling of the embedded calendar?<\/h3>\n\n\n\n

    You cannot change the font or styling. 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.<\/p>\n\n\n\n

    Will the calendar adjust to my site?<\/h3>\n\n\n\n

    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.<\/p>\n\n\n\n

    Does it work on mobile?<\/h3>\n\n\n\n

    Yes! Your clients will be able to book and checkout using mobile. <\/p>\n\n\n\n

    How can I just share my “general” calendar without choosing a package?<\/h3>\n\n\n\n

    After your client chooses a time they will complete the rest of the checkout process (e.g., payment and contract signing). That’s why your calendar needs to be tied to a specific package. <\/p>\n\n\n\n

    If you’re thinking about a free discovery or introductory session, here’s how to set that up<\/a>. <\/p>\n\n\n\n

    After they choose a time it just goes blank\/I’m getting a “redirect blocked” issue. Help!<\/h3>\n\n\n\n

    If your client is using the latest version of Chrome, they may get a message that pops up in their browser that a redirect has been blocked. This is because once the client chooses a time from the calendar we redirect the page to the rest of the Paperbell checkout experience. <\/p>\n\n\n\n

    To complete the booking, your client needs to choose the “Always allow pop-ups and redirects” from your site:<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    How to Embed a Paperbell Calendar in Squarespace<\/h2>\n\n\n\n

    In your Squarespace site builder you want to look for the “code block” option, here is more information<\/a>. <\/p>\n\n\n\n

    How to Embed a Paperbell Calendar in WordPress<\/h2>\n\n\n\n

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

    How to Embed a Paperbell Calendar in Kajabi<\/h2>\n\n\n\n

    Kajabi calls this option a “custom code block.” Here is more information<\/a>. <\/p>\n\n\n\n

    How to Embed a Paperbell Calendar in Weebly<\/h2>\n\n\n\n

    In Weebly you need to add an “embedded code” element: here is more information<\/a>. <\/p>\n\n\n\n

    How to Embed a Paperbell Calendar in Wix<\/h2>\n\n\n\n

    With Wix you need to add a widget with a custom HTML box, explanation here<\/a>. <\/p>\n\n\n\n

    How to Embed a Paperbell Calendar in Showit<\/h2>\n\n\n\n

    Look for the “embed code” option: here is more information<\/a>. <\/p>\n\n\n\n

    How to Embed a Paperbell Calendar in GoDaddy<\/h2>\n\n\n\n

    In GoDaddy you’ll add a section, search for the HTML section, click add, and then paste the code you copied from Paperbell. Here are more detailed instructions<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"

    Paperbell calendars can be embedded into any type of website. See an example of an embedded calendar right here. Scroll to the bottom of this page for instructions for your specific site builder (WordPress, Wix, Squarespace, etc). Step by Step Instructions Frequently Asked Questions How can I change the styling…<\/p>\n","protected":false},"author":1,"template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[17],"ht-kb-tag":[],"class_list":["post-611","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-walkthrough"],"yoast_head":"\nEmbed Paperbell Scheduling Calendars into Your Website - Paperbell Support<\/title>\n<meta name=\"description\" content=\"Paperbell calendars can be embedded into any type of website. See an example of an embedded calendar right here. Scroll to the bottom of this page for\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Embed Paperbell Scheduling Calendars into Your Website - Paperbell Support\" \/>\n<meta property=\"og:description\" content=\"Paperbell calendars can be embedded into any type of website. See an example of an embedded calendar right here. Scroll to the bottom of this page for\" \/>\n<meta property=\"og:url\" content=\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Paperbell Support\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-22T16:09:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2021\/04\/sharing-embedded-calendar.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/\",\"url\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/\",\"name\":\"Embed Paperbell Scheduling Calendars into Your Website - Paperbell Support\",\"isPartOf\":{\"@id\":\"https:\/\/paperbell.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2021\/04\/sharing-embedded-calendar.png\",\"datePublished\":\"2021-04-28T10:23:03+00:00\",\"dateModified\":\"2025-07-22T16:09:27+00:00\",\"description\":\"Paperbell calendars can be embedded into any type of website. See an example of an embedded calendar right here. Scroll to the bottom of this page for\",\"breadcrumb\":{\"@id\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#primaryimage\",\"url\":\"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2021\/04\/sharing-embedded-calendar.png\",\"contentUrl\":\"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2021\/04\/sharing-embedded-calendar.png\",\"width\":1954,\"height\":1534},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/paperbell.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Embed Paperbell Scheduling Calendars into Your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/paperbell.com\/support\/#website\",\"url\":\"https:\/\/paperbell.com\/support\/\",\"name\":\"Paperbell Support\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/paperbell.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/paperbell.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/paperbell.com\/support\/#organization\",\"name\":\"Paperbell\",\"url\":\"https:\/\/paperbell.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/paperbell.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2020\/11\/Paperbell-navytxt.png\",\"contentUrl\":\"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2020\/11\/Paperbell-navytxt.png\",\"width\":5454,\"height\":2126,\"caption\":\"Paperbell\"},\"image\":{\"@id\":\"https:\/\/paperbell.com\/support\/#\/schema\/logo\/image\/\"}},{\"@type\":\"HowTo\",\"@id\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#howto-1\",\"name\":\"Embed Paperbell Scheduling Calendars into Your Website\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/\"},\"description\":\"Website Calendar Embed\",\"step\":[{\"@type\":\"HowToStep\",\"url\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#how-to-step-1619597947761\",\"name\":\"Choose your package\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"Clients schedule time with you for their specific package, so you'll embed a different scheduling calendar for every package you want to share via your website. <br\/><br\/>Navigate to your <a href=\\\"https:\/\/app.paperbell.com\/provider\/packages\\\">Packages page<\/a> and click on the package for which you'd like to embed scheduling. \"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#how-to-step-1753200447919\",\"text\":\"Copy the embedded calendar code for that package Click the Sharing tab and click Copy for the Embedded Calendar code snippet that you'll insert in your website.\"},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#how-to-step-1619598233103\",\"name\":\"Paste code into your website\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"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. <br\/><br\/>In some website builders you will need to add a code snippet. <br\/><br\/>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.<br\/><br\/>You can also email the pasted code snippet to your web developer and have them add it to your website. <br\/><br\/>If you run into trouble, reach out to your website builder or email us at hello@paperbell.com. \ud83d\ude0a\"}]},{\"@type\":\"HowToStep\",\"url\":\"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#how-to-step-1619599097369\",\"name\":\"Preview or view the live site to test\",\"itemListElement\":[{\"@type\":\"HowToDirection\",\"text\":\"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.\"}]}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Embed Paperbell Scheduling Calendars into Your Website - Paperbell Support","description":"Paperbell calendars can be embedded into any type of website. See an example of an embedded calendar right here. Scroll to the bottom of this page for","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/","og_locale":"en_US","og_type":"article","og_title":"Embed Paperbell Scheduling Calendars into Your Website - Paperbell Support","og_description":"Paperbell calendars can be embedded into any type of website. See an example of an embedded calendar right here. Scroll to the bottom of this page for","og_url":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/","og_site_name":"Paperbell Support","article_modified_time":"2025-07-22T16:09:27+00:00","og_image":[{"url":"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2021\/04\/sharing-embedded-calendar.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/","url":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/","name":"Embed Paperbell Scheduling Calendars into Your Website - Paperbell Support","isPartOf":{"@id":"https:\/\/paperbell.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#primaryimage"},"image":{"@id":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2021\/04\/sharing-embedded-calendar.png","datePublished":"2021-04-28T10:23:03+00:00","dateModified":"2025-07-22T16:09:27+00:00","description":"Paperbell calendars can be embedded into any type of website. See an example of an embedded calendar right here. Scroll to the bottom of this page for","breadcrumb":{"@id":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#primaryimage","url":"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2021\/04\/sharing-embedded-calendar.png","contentUrl":"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2021\/04\/sharing-embedded-calendar.png","width":1954,"height":1534},{"@type":"BreadcrumbList","@id":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/paperbell.com\/support\/"},{"@type":"ListItem","position":2,"name":"Embed Paperbell Scheduling Calendars into Your Website"}]},{"@type":"WebSite","@id":"https:\/\/paperbell.com\/support\/#website","url":"https:\/\/paperbell.com\/support\/","name":"Paperbell Support","description":"","publisher":{"@id":"https:\/\/paperbell.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/paperbell.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/paperbell.com\/support\/#organization","name":"Paperbell","url":"https:\/\/paperbell.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/paperbell.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2020\/11\/Paperbell-navytxt.png","contentUrl":"https:\/\/paperbell.com\/support\/wp-content\/uploads\/2020\/11\/Paperbell-navytxt.png","width":5454,"height":2126,"caption":"Paperbell"},"image":{"@id":"https:\/\/paperbell.com\/support\/#\/schema\/logo\/image\/"}},{"@type":"HowTo","@id":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#howto-1","name":"Embed Paperbell Scheduling Calendars into Your Website","mainEntityOfPage":{"@id":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/"},"description":"Website Calendar Embed","step":[{"@type":"HowToStep","url":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#how-to-step-1619597947761","name":"Choose your package","itemListElement":[{"@type":"HowToDirection","text":"Clients schedule time with you for their specific package, so you'll embed a different scheduling calendar for every package you want to share via your website. <br\/><br\/>Navigate to your <a href=\"https:\/\/app.paperbell.com\/provider\/packages\">Packages page<\/a> and click on the package for which you'd like to embed scheduling. "}]},{"@type":"HowToStep","url":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#how-to-step-1753200447919","text":"Copy the embedded calendar code for that package Click the Sharing tab and click Copy for the Embedded Calendar code snippet that you'll insert in your website."},{"@type":"HowToStep","url":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#how-to-step-1619598233103","name":"Paste code into your website","itemListElement":[{"@type":"HowToDirection","text":"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. <br\/><br\/>In some website builders you will need to add a code snippet. <br\/><br\/>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.<br\/><br\/>You can also email the pasted code snippet to your web developer and have them add it to your website. <br\/><br\/>If you run into trouble, reach out to your website builder or email us at hello@paperbell.com. \ud83d\ude0a"}]},{"@type":"HowToStep","url":"https:\/\/paperbell.com\/support\/knowledge-base\/embed-a-scheduling-calendar-into-your-website\/#how-to-step-1619599097369","name":"Preview or view the live site to test","itemListElement":[{"@type":"HowToDirection","text":"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."}]}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/paperbell.com\/support\/wp-json\/wp\/v2\/ht-kb\/611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paperbell.com\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/paperbell.com\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/paperbell.com\/support\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":17,"href":"https:\/\/paperbell.com\/support\/wp-json\/wp\/v2\/ht-kb\/611\/revisions"}],"predecessor-version":[{"id":3244,"href":"https:\/\/paperbell.com\/support\/wp-json\/wp\/v2\/ht-kb\/611\/revisions\/3244"}],"wp:attachment":[{"href":"https:\/\/paperbell.com\/support\/wp-json\/wp\/v2\/media?parent=611"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/paperbell.com\/support\/wp-json\/wp\/v2\/ht-kb-category?post=611"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/paperbell.com\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}