{"id":290,"date":"2011-11-07T19:33:59","date_gmt":"2011-11-07T19:33:59","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2011\/11\/07\/add-calendar\/"},"modified":"2021-08-16T23:50:42","modified_gmt":"2021-08-17T03:50:42","slug":"add-calendar","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/","title":{"rendered":"Calendar options for your website"},"content":{"rendered":"<p>In this article, we\u2019ve outlined a few options that you have when incorporating a calendar on your website. Most calendars offer very similar features, and so our goal in this article is to give you an introduction to several calendar options you have and also show you what they can look like when incorporating them into your site. All screenshots in this article show calendars embedded into WordPress posts and use the TwentyEleven theme.<\/p>\n<h2>Google Calendar<\/h2>\n<p>We started out our calendar testing with <a href=\"https:\/\/www.google.com\/calendar\">Google\u2019s Calendar<\/a>. The Google Calendar was the easiest of the three to not only setup, but to share and embed into our testing site. This is a Google product after all, so you know that you\u2019ll be using a quality product.<\/p>\n<p><a href=\"\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg\" rel=\"lightbox-0\"><img decoding=\"async\" width=\"1024\" height=\"668\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar-1024x668.jpg\" class=\"optimized-lcp-image\" alt=\"what google calendar looks like\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width: 768px) 100vw, 768px\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar-1024x668.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar-300x196.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar-768x501.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg 1269w\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<h2>Localendar<\/h2>\n<p><a href=\"https:\/\/www.localendar.com\">https:\/\/www.localendar.com<\/a> offers both a free and a paid version. After a few minutes of testing, we found it quite easy to use as well. A major advantage this has over the other calendars listed is that localendar includes several different ways to embed the calendar into your site:<\/p>\n<ul>\n<li>you can publish a link directly to your calendar<\/li>\n<li>you can embed your calendar using javascript<\/li>\n<li>you can also use an iframe to show your calendar<\/li>\n<\/ul>\n<p>After testing with WordPress, we found that the iframe version worked best.<\/p>\n<p><a href=\"\/support\/wp-content\/uploads\/2011\/11\/calendars_localendar.jpg\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" alt=\"what localendar looks like\" class=\"std_ss size-full wp-image-5260\" height=\"870\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_localendar.jpg\" width=\"1380\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_localendar.jpg 1380w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_localendar-300x189.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_localendar-768x484.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_localendar-1024x646.jpg 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<h2>Webcalendar<\/h2>\n<p>Webcalendar is available for <a href=\"\/support\/product-guides\/softaculous\/install-software-softaculous\/\">install using Softaculous<\/a>. While it is one of the more feature rich calendars, we found it to have quite a bit of a learning curve, especially when trying to setup a public calendar.<\/p>\n<p><a href=\"\/support\/wp-content\/uploads\/2011\/11\/calendars_webcalendar.jpg\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" alt=\"webcalendar\" class=\"std_ss size-full wp-image-5261\" height=\"825\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_webcalendar.jpg\" width=\"1089\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_webcalendar.jpg 1089w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_webcalendar-300x227.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_webcalendar-768x582.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_webcalendar-1024x776.jpg 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<h2>Calendars by CMS<\/h2>\n<h3>Joomla<\/h3>\n<h4>JEvents<\/h4>\n<p>JEvents is a popular calendar component for Joomla 3. We just finished writing a tutorial series to help you get started with <a href=\"\/support\/server\/ssh\/copy-multiple-accounts-from-another-server-with-root-access\/\">creating a calendar in Joomla 3 using JEvents<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we\u2019ve outlined a few options that you have when incorporating a calendar on your website. Most calendars offer very similar features, and so our goal in this article is to give you an introduction to several calendar options you have and also show you what they can look like when incorporating them<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/\"> Read More ><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4288],"tags":[],"class_list":["post-290","post","type-post","status-publish","format-standard","hentry","category-website"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Calendar options for your website | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"In this article, we&#039;ll show you several options you have when incorporating a calendar into your website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calendar options for your website | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"In this article, we&#039;ll show you several options you have when incorporating a calendar into your website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2011-11-07T19:33:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:50:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg\" \/>\n<meta name=\"author\" content=\"Brad Markle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brad Markle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/\"},\"author\":{\"name\":\"Brad Markle\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\"},\"headline\":\"Calendar options for your website\",\"datePublished\":\"2011-11-07T19:33:59+00:00\",\"dateModified\":\"2021-08-17T03:50:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/\"},\"wordCount\":293,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg\",\"articleSection\":[\"Website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/\",\"name\":\"Calendar options for your website | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg\",\"datePublished\":\"2011-11-07T19:33:59+00:00\",\"dateModified\":\"2021-08-17T03:50:42+00:00\",\"description\":\"In this article, we'll show you several options you have when incorporating a calendar into your website.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg\",\"width\":1269,\"height\":828,\"caption\":\"what google calendar looks like\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calendar options for your website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\",\"name\":\"Brad Markle\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Calendar options for your website | InMotion Hosting","description":"In this article, we'll show you several options you have when incorporating a calendar into your website.","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:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/","og_locale":"en_US","og_type":"article","og_title":"Calendar options for your website | InMotion Hosting","og_description":"In this article, we'll show you several options you have when incorporating a calendar into your website.","og_url":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2011-11-07T19:33:59+00:00","article_modified_time":"2021-08-17T03:50:42+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg","type":"","width":"","height":""}],"author":"Brad Markle","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Brad Markle","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/"},"author":{"name":"Brad Markle","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf"},"headline":"Calendar options for your website","datePublished":"2011-11-07T19:33:59+00:00","dateModified":"2021-08-17T03:50:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/"},"wordCount":293,"commentCount":2,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg","articleSection":["Website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/","url":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/","name":"Calendar options for your website | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg","datePublished":"2011-11-07T19:33:59+00:00","dateModified":"2021-08-17T03:50:42+00:00","description":"In this article, we'll show you several options you have when incorporating a calendar into your website.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/11\/calendars_google_calendar.jpg","width":1269,"height":828,"caption":"what google calendar looks like"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/add-calendar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Calendar options for your website"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf","name":"Brad Markle","url":"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=290"}],"version-history":[{"count":2,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/290\/revisions"}],"predecessor-version":[{"id":86486,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/290\/revisions\/86486"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}