{"id":210,"date":"2021-12-16T22:04:35","date_gmt":"2021-12-16T22:04:35","guid":{"rendered":"https:\/\/enlitly.com\/blog\/?post_type=docs&#038;p=210"},"modified":"2021-12-16T22:19:02","modified_gmt":"2021-12-16T22:19:02","slug":"how-to-embed-calendly-in-enlitly","status":"publish","type":"docs","link":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/","title":{"rendered":"How to embed Calendly in Enlitly"},"content":{"rendered":"\n<p>Enlitly has embed elements that you can use to embed code from Calendly. <\/p>\n\n\n\n<p>Here are steps to follow in order to embed calendly.<\/p>\n\n\n\n<p>Step 1: Login to your calendly account and find the event that you want to use. Click on share.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1014\" height=\"484\" src=\"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-20.png\" alt=\"\" class=\"wp-image-258\" srcset=\"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-20.png 1014w, https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-20-300x143.png 300w, https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-20-768x367.png 768w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<p>Step 2:  A popup will show up. Select Add to Website option and then select Embed inline. This is the most popular option that creators use.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"741\" height=\"763\" src=\"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-22.png\" alt=\"\" class=\"wp-image-260\" srcset=\"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-22.png 741w, https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-22-291x300.png 291w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<p>Step 3: We recommend that your change the width:30px to 100% and  height:630Px to 950Px. The 100% width will ensure that your calendly widget is shown properly in mobile view. And the height 950px will ensure that there is no scrollbar shown with the calendly. After making these changes, copy the code.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"742\" height=\"829\" src=\"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-23.png\" alt=\"\" class=\"wp-image-261\" srcset=\"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-23.png 742w, https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-23-269x300.png 269w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Sep 4: Go to your enlitly block where you want to embed calendly. If you haven&#8217;t already added an embed element, now is the time. You can also use readily available block named &#8220;Full Width Embed&#8221;. This block already has Enlitly&#8217;s calendly code added. You just need to replace with yours.<\/p>\n\n\n\n<p>Click on element settings. This will show Embed code. Replace this code with your calendar code and click outside the area. This will auto-save your calendly code and will refresh the block with your calendar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"506\" src=\"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-24-1024x506.png\" alt=\"\" class=\"wp-image-262\" srcset=\"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-24-1024x506.png 1024w, https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-24-300x148.png 300w, https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-24-768x379.png 768w, https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-24-1536x759.png 1536w, https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-24-1200x593.png 1200w, https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-24.png 1581w\" sizes=\"(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Next publish your page and see the calendly in action.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Enlitly has embed elements that you can use to embed code from Calendly. Here are steps to follow in order to embed calendly. Step 1: Login to your calendly account and find the event that you want to use. Click on share. Step 2: A popup will show up. Select Add to Website option and &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to embed Calendly in Enlitly&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"doc_category":[13],"doc_tag":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to embed Calendly in Enlitly - Enlitly<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to embed Calendly in Enlitly - Enlitly\" \/>\n<meta property=\"og:description\" content=\"Enlitly has embed elements that you can use to embed code from Calendly. Here are steps to follow in order to embed calendly. Step 1: Login to your calendly account and find the event that you want to use. Click on share. Step 2: A popup will show up. Select Add to Website option and &hellip; Continue reading &quot;How to embed Calendly in Enlitly&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/\" \/>\n<meta property=\"og:site_name\" content=\"Enlitly\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-16T22:19:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-20.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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/enlitly.com\/blog\/#website\",\"url\":\"https:\/\/enlitly.com\/blog\/\",\"name\":\"Enlitly\",\"description\":\"Enlighten Minds with Enlitly!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/enlitly.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-20.png\",\"contentUrl\":\"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-20.png\",\"width\":1014,\"height\":484},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/#webpage\",\"url\":\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/\",\"name\":\"How to embed Calendly in Enlitly - Enlitly\",\"isPartOf\":{\"@id\":\"https:\/\/enlitly.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/#primaryimage\"},\"datePublished\":\"2021-12-16T22:04:35+00:00\",\"dateModified\":\"2021-12-16T22:19:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/enlitly.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Help Center\",\"item\":\"https:\/\/enlitly.com\/blog\/docs\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to embed Calendly in Enlitly\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to embed Calendly in Enlitly - Enlitly","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:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/","og_locale":"en_US","og_type":"article","og_title":"How to embed Calendly in Enlitly - Enlitly","og_description":"Enlitly has embed elements that you can use to embed code from Calendly. Here are steps to follow in order to embed calendly. Step 1: Login to your calendly account and find the event that you want to use. Click on share. Step 2: A popup will show up. Select Add to Website option and &hellip; Continue reading \"How to embed Calendly in Enlitly\"","og_url":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/","og_site_name":"Enlitly","article_modified_time":"2021-12-16T22:19:02+00:00","og_image":[{"url":"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-20.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/enlitly.com\/blog\/#website","url":"https:\/\/enlitly.com\/blog\/","name":"Enlitly","description":"Enlighten Minds with Enlitly!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/enlitly.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/#primaryimage","inLanguage":"en-US","url":"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-20.png","contentUrl":"https:\/\/enlitly.com\/blog\/wp-content\/uploads\/2021\/12\/image-20.png","width":1014,"height":484},{"@type":"WebPage","@id":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/#webpage","url":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/","name":"How to embed Calendly in Enlitly - Enlitly","isPartOf":{"@id":"https:\/\/enlitly.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/#primaryimage"},"datePublished":"2021-12-16T22:04:35+00:00","dateModified":"2021-12-16T22:19:02+00:00","breadcrumb":{"@id":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/enlitly.com\/blog\/docs\/how-to-embed-calendly-in-enlitly\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/enlitly.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Help Center","item":"https:\/\/enlitly.com\/blog\/docs\/"},{"@type":"ListItem","position":3,"name":"How to embed Calendly in Enlitly"}]}]}},"_links":{"self":[{"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/docs\/210"}],"collection":[{"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/comments?post=210"}],"version-history":[{"count":3,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/docs\/210\/revisions"}],"predecessor-version":[{"id":264,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/docs\/210\/revisions\/264"}],"wp:attachment":[{"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/media?parent=210"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/doc_category?post=210"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/enlitly.com\/blog\/wp-json\/wp\/v2\/doc_tag?post=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}