{"id":9487,"date":"2019-05-09T05:56:33","date_gmt":"2019-05-09T05:56:33","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=9487"},"modified":"2019-08-10T12:21:08","modified_gmt":"2019-08-10T12:21:08","slug":"the-events-calendar-for-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/the-events-calendar-for-amp\/","title":{"rendered":"How to integrate The Events Calendar in AMP"},"content":{"rendered":"\n<p>The Events Calendar is now compatible with our AMPforWP Plugin.<\/p>\n\n\n\n<p>The Events Calendar is a free WordPress plugin available on the WordPress.org plugin <a href=\"https:\/\/wordpress.org\/plugins\/the-events-calendar\/\">repository.<\/a> which has Advanced features including recurring events, ticket sales, publicly submitted events, new views, Facebook event integration and more can be added through it<\/p>\n\n\n\n<p>If you are using Events calendar for your Non- AMP version and the same you want Event calendar for the AMP version also then you need to purchase our extension.<\/p>\n\n\n\n<ol><li>Download The Events Calendar for AMP extension from the<a href=\"https:\/\/accounts.ampforwp.com\/\"> account area<\/a><\/li><li>Upload and Activate<\/li><li>Done! The Events Calendar for AMP  will be visible on the AMP version of your site.<\/li><\/ol>\n\n\n\n<h4><strong>How to create Events Calendar in Non-AMP<\/strong><\/h4>\n\n\n\n<p><strong>1.<\/strong> First go to <strong>WordPress dashboard<\/strong> -&gt;<strong> Events<\/strong> -&gt;  click on <strong>Add New<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"327\" height=\"342\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/abc-11-1.png\" alt=\"\" class=\"wp-image-9632\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/abc-11-1.png 327w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/abc-11-1-287x300.png 287w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/abc-11-1-48x50.png 48w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/abc-11-1-57x60.png 57w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/abc-11-1-96x100.png 96w\" sizes=\"(max-width: 327px) 100vw, 327px\" \/><figcaption><br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"799\" height=\"1024\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/screencapture-localhost-wordpress-wp-admin-post-php-2019-05-09-17_46_23-799x1024.png\" alt=\"\" class=\"wp-image-9634\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/screencapture-localhost-wordpress-wp-admin-post-php-2019-05-09-17_46_23-799x1024.png 799w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/screencapture-localhost-wordpress-wp-admin-post-php-2019-05-09-17_46_23-234x300.png 234w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/screencapture-localhost-wordpress-wp-admin-post-php-2019-05-09-17_46_23-768x984.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/screencapture-localhost-wordpress-wp-admin-post-php-2019-05-09-17_46_23-39x50.png 39w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/screencapture-localhost-wordpress-wp-admin-post-php-2019-05-09-17_46_23-47x60.png 47w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/screencapture-localhost-wordpress-wp-admin-post-php-2019-05-09-17_46_23-78x100.png 78w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/screencapture-localhost-wordpress-wp-admin-post-php-2019-05-09-17_46_23.png 1366w\" sizes=\"(max-width: 799px) 100vw, 799px\" \/><\/figure>\n\n\n\n<ul><li><strong>Title: <\/strong>First you need to enter the title of the event<\/li><li><strong>Visual Editor:<\/strong> In visual editor box you can add a description.<\/li><\/ul>\n\n\n\n<p><strong> The Events Calendar :<\/strong><\/p>\n\n\n\n<ul><li><strong>Time &amp; Date:<\/strong> In this option, you can set Time &amp; Date for events.<\/li><li><strong>Location:<\/strong> In this option, you can select the venue from the drop-down list.<\/li><li><strong>Organizers: <\/strong>In this option, you can select the organizer.<\/li><li><strong>Event Website: <\/strong>in this option, you can add URL.<\/li><li><strong>Event Cost: <\/strong> In this option, you can set Currency Symbol and cost for the event<\/li><\/ul>\n\n\n\n<p>After following the above steps TEC will work perfectly in Non-AMP version but in AMP it will only work if you have our Event Calendar in AMP extension.<\/p>\n\n\n\n<h4> Single Event Output<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"817\" height=\"1024\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/34-817x1024.png\" alt=\"\" class=\"wp-image-13623\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/34-817x1024.png 817w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/34-239x300.png 239w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/34-768x963.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/34-40x50.png 40w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/34-48x60.png 48w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/34-80x100.png 80w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/34.png 1366w\" sizes=\"(max-width: 817px) 100vw, 817px\" \/><\/figure>\n\n\n\n<h4>Event Calendar Output <\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"520\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/32-1024x520.png\" alt=\"\" class=\"wp-image-13618\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/32-1024x520.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/32-300x152.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/32-768x390.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/32-50x25.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/32-60x30.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/32-100x51.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/08\/32.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<br><\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The Events Calendar is now compatible with our AMPforWP Plugin. The Events Calendar is a free WordPress plugin available on the WordPress.org plugin repository. which has Advanced features including recurring events, ticket sales, publicly submitted events, new views, Facebook event integration and more can be added through it If you&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9487"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=9487"}],"version-history":[{"count":44,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9487\/revisions"}],"predecessor-version":[{"id":13626,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9487\/revisions\/13626"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=9487"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=9487"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=9487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}