{"id":1966411,"date":"2025-08-12T04:34:37","date_gmt":"2025-08-12T08:34:37","guid":{"rendered":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?p=1966411"},"modified":"2025-08-12T04:34:37","modified_gmt":"2025-08-12T08:34:37","slug":"how-to-create-a-custom-google-calendar-subscribe-button-for-your-calendar","status":"publish","type":"post","link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/how-to-create-a-custom-google-calendar-subscribe-button-for-your-calendar\/","title":{"rendered":"How to Create a Custom Google Calendar Subscribe Button for your calendar"},"content":{"rendered":"\n<p>If you want to give visitors an easy way to sync your events to their personal calendar without using built-in widgets, you can create a custom \u201cSubscribe\u201d button or link. This works by pointing users directly to your site\u2019s ICS feed, with apps like Google Calendar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-1-build-your-subscribe-link\">Step 1: Build Your Subscribe Link<\/h2>\n\n\n\n<p>Use this format:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>https:\/\/www.google.com\/calendar\/render?cid=<strong>webcal:\/\/yourdomain.com\/<\/strong>?post_type=tribe_events&amp;ical=1&amp;eventDisplay=list<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Replace <code>yourdomain.com<\/code> with your actual website domain.<\/li>\n\n\n\n<li>Keep <code>webcal:\/\/<\/code> at the start of the <code>cid<\/code> parameter \u2014 <strong>do not<\/strong> use <code>http:\/\/<\/code> or <code>https:\/\/<\/code>, or it won\u2019t work correctly in calendar apps.<\/li>\n<\/ul>\n\n\n\n<p><strong>Direct iCal feed URL:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>webcal:\/\/yourdomain.com\/?post_type=tribe_events&amp;ical=1&amp;eventDisplay=list<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-2-add-it-as-a-button-or-link\">Step 2: Add It as a Button or Link<\/h2>\n\n\n\n<p><strong>Example HTML button:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;a href=\"https:\/\/www.google.com\/calendar\/render?<strong>cid=webcal:\/\/yourdomain.com\/?post_type=tribe_events&amp;ical=1&amp;eventDisplay=list<\/strong>\" target=\"_blank\" style=\"display:inline-block; padding:10px 20px; background:#0073aa; color:#fff; text-decoration:none; border-radius:5px;\"><br>  Subscribe to Calendar<br>&lt;\/a><\/code><\/pre>\n\n\n\n<h6 class=\"wp-block-heading\" id=\"h-preview\">Preview:<\/h6>\n\n\n\n<a href=\"https:\/\/www.google.com\/calendar\/render?cid=webcal:\/\/yourdomain.com\/?post_type=tribe_events&#038;ical=1&#038;eventDisplay=list\" target=\"_blank\" style=\"display:inline-block; padding:10px 20px; background:#0073aa; color:#fff; text-decoration:none; border-radius:5px;\">\n  Subscribe to Calendar\n<\/a>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Example HTML text link:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;a href=\"https:\/\/www.google.com\/calendar\/render?<strong>cid=webcal:\/\/yourdomain.com\/?post_type=tribe_events&amp;ical=1&amp;eventDisplay=list<\/strong>\" target=\"_blank\"><br>  Subscribe to Calendar<br>&lt;\/a><\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"h-preview\"><strong>Preview:<\/strong><\/h5>\n\n\n\n<a href=\"https:\/\/www.google.com\/calendar\/render?cid=webcal:\/\/yourdomain.com\/?post_type=tribe_events&#038;ical=1&#038;eventDisplay=list\" target=\"_blank\">\n  Subscribe to Calendar\n<\/a>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-step-3-add-to-wordpress\">Step 3: Add to WordPress<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Using the Block Editor:<\/strong> Add a Button block, set its link to the URL above, and customize the text (e.g., \u201cSubscribe to Calendar\u201d).<\/li>\n\n\n\n<li><strong>Using a Page Builder (Elementor, Beaver Builder, etc.):<\/strong> Add a button widget, paste the link, and style it as needed.<\/li>\n<\/ul>\n\n\n\n<p>With this in place, visitors can easily add your events to their preferred calendar with just one click.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you want to give visitors an easy way to sync your events to their personal calendar without using built-in widgets, you can create a custom \u201cSubscribe\u201d button or link. This works by pointing users directly to your site\u2019s ICS feed, with apps like Google Calendar. Step 1: Build Your Subscribe Link Use this format:&#8230;<\/p>\n","protected":false},"author":64,"featured_media":1955565,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[24,84],"tags":[286],"stellar-product-taxonomy":[158,161],"class_list":["post-1966411","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-customizing","category-theming-overview","tag-calendar-subscripton","stellar-product-taxonomy-events-calendar-pro","stellar-product-taxonomy-the-events-calendar"],"acf":[],"taxonomy_info":{"category":[{"value":24,"label":"Customizations"},{"value":84,"label":"Templating &amp; Layout"}],"post_tag":[{"value":286,"label":"Calendar Subscripton"}],"stellar-product-taxonomy":[{"value":158,"label":"Events Calendar Pro"},{"value":161,"label":"The Events Calendar"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Jes","author_link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/author\/jes\/"},"comment_info":0,"category_info":[{"term_id":24,"name":"Customizations","slug":"customizing","term_group":0,"term_taxonomy_id":24,"taxonomy":"category","description":"","parent":0,"count":110,"filter":"raw","term_order":"0","cat_ID":24,"category_count":110,"category_description":"","cat_name":"Customizations","category_nicename":"customizing","category_parent":0},{"term_id":84,"name":"Templating &amp; Layout","slug":"theming-overview","term_group":0,"term_taxonomy_id":84,"taxonomy":"category","description":"","parent":24,"count":59,"filter":"raw","term_order":"0","cat_ID":84,"category_count":59,"category_description":"","cat_name":"Templating &amp; Layout","category_nicename":"theming-overview","category_parent":24}],"tag_info":[{"term_id":286,"name":"Calendar Subscripton","slug":"calendar-subscripton","term_group":0,"term_taxonomy_id":286,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1966411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1966411"}],"version-history":[{"count":8,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1966411\/revisions"}],"predecessor-version":[{"id":1966420,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1966411\/revisions\/1966420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1966411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1966411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1966411"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1966411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}