{"id":20322,"date":"2020-09-09T06:40:54","date_gmt":"2020-09-09T06:40:54","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=20322"},"modified":"2025-05-07T21:21:07","modified_gmt":"2025-05-07T21:21:07","slug":"how-to-add-event-to-google-calendar","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/","title":{"rendered":"How to Add Event to Google Calendar"},"content":{"rendered":"\n
\n

In this tutorial, we consider a case of making an appointment via a JetFormBuilder<\/em>‘s form and further redirection to a WooCommerce<\/em> checkout page with the Dynamic Link<\/strong> widget placed on it for adding the appointment to the user’s Google Calendar and placing the order.<\/p>\n\n\n

<\/svg><\/div>
Things to know<\/div>

The "JetAppointments Booking: add booking to Google calendar" option of the Dynamic Link <\/strong> is available in Elementor only.<\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n

Configure the JetAppointment Settings<\/h2>\n\n\n\n
\n

Navigate to the WordPress Dashboard > Crocoblock > JetPlugins Settings > JetAppointments > General Settings<\/em><\/strong> tab and set the previously created CPT<\/strong>s in the Service post type<\/strong> and Provider post type<\/strong> drop-down lists. In this case, we use the previously created “Therapist” CPT<\/strong> as a Provider<\/strong> and the “Services” CPT<\/strong> as a Service<\/strong>. Next, enable the WooCommerce Integration<\/strong> toggle.<\/p>\n\n\n\n

\"setting<\/a><\/div>\n\n\n\n

Then, set the corresponding relations between the Service<\/strong> and Provider<\/strong>; unroll the CPT <\/strong>post and assign the required Services<\/strong> to the Provider <\/strong>or vice versa.<\/p>\n\n\n\n

\"setting<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Create a Page to Redirect<\/strong><\/h2>\n\n\n\n
\n

Since we intend to redirect users to their Google Calendar from the standard WooCommerce<\/em> checkout page, we open the corresponding page and add the Dynamic Link<\/strong> widget there. Then, we unroll the Source<\/strong> drop-down list and select the \u201cJetAppointments Booking: add booking to Google calendar” option in the General<\/strong> section. Next, we type the \u201cAdd to Google Calendar\u201d text in the Label<\/strong> text and press the \u201cPublish<\/strong>\u201d button.<\/p>\n\n\n\n

\"adding<\/a><\/div>\n\n\n
<\/svg><\/div>
Things to know<\/div>

To expand the checkout page functionality, use the JetWooBuilder<\/i> <\/a> plugin. Read the How to Create a Checkout Page Template <\/a> tutorial for more details.<\/p><\/div><\/div>\n\n\n\n

<\/a><\/p>\n\n\n\n

Things to know!<\/strong> <\/p>\n\n\n\n

To expand the checkout page functionality, use the <\/em>JetWooBuilder<\/em><\/a> <\/em>plugin. Read the How to Create a Checkout Page Template<\/a> tutorial for more details.<\/p>\n<\/div><\/div>\n\n\n\n

Build a Form<\/strong><\/h2>\n\n\n\n
\n

Navigate to WordPress Dashboard > JetFormBuilder > Add New<\/em><\/strong> tab to create a new form. The form will be opened in the Gutenberg editor. Initially, it includes the Welcome block<\/a>, which allows the application of the pre-created or AI-generated forms<\/a>.<\/p>\n\n\n\n

In this case, we type the form’s name (the \u201cAppointment\u201d text) and delete the Welcome<\/strong> block.<\/p>\n\n\n\n

After that, we insert the Hidden Field<\/strong><\/a> and set the \u201cservice_id\u201d FIELD LABEL<\/strong>, but keep the \u201cCurrent Post ID\u201d FIELD VALUE<\/strong>.<\/p>\n\n\n\n

Next, we add the Appointment Provider<\/strong> field, type the \u201cChoose a Therapist\u201d FIELD LABEL<\/strong>, and move to the Field Settings<\/strong> section. Here, we select the \u201cForm Field\u201d GET SERVICE ID FROM<\/strong> and set the \u201cservice_id\u201d option in the newly appeared SELECT SERVICE FIELD<\/strong> field.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

In the next step, insert the Appointment Date<\/strong> field. Then, add the FIELD LABEL<\/strong> (we type the \u201cbooking_date_time\u201d text). After that, move to the Field Settings<\/strong> section and set the fields to take the Service and Provider IDs: first, select the \u201cForm Field\u201d GET SERVICE ID FROM<\/strong> and the \u201cservice_id\u201d option (the option referring to the Hidden Field<\/strong>) in the newly appeared SELECT SERVICE FIELD<\/strong> field; second, choose the \u201cForm Field\u201d GET PROVIDER ID FROM<\/strong> and <\/strong>the \u00a0\u201cChoose a Therapist\u201d option (the option referring to the Appointment Provider<\/strong> field) in the newly appeared SELECT SERVICE FIELD<\/strong> field. Next, add the Text Fields<\/strong><\/a> to enter the user’s contact data and the Submit Button<\/strong><\/a>.\u00a0<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

In the last stage, add the Post Submit Actions<\/a> to the form. First, we insert the \u201cSave Form Record<\/a>\u201d Post Submit Action<\/strong>. Second, we add the \u201cInsert Appointment\u201d Post Submit Action<\/strong> and specified the following settings in the newly appeared Edit Insert appointment<\/strong> pop-up: \u201cservice_id\u201d option (the option referring to the Hidden Field<\/strong>) in the SERVICE ID FIELD<\/strong>, \u201cChoose a Therapist\u201d option (the option referring to the Appointment Provider<\/strong> field) in the PROVIDER ID FIELD<\/strong>, and the \u201cbooking_date_time\u201d option (the option referring to the Appointment Date<\/strong> field) in the APPOINTMENT DATE FIELD<\/strong>. Finally, select the form fields in the USER EMAIL FIELD<\/strong> and other non-required fields.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

For an in-depth understanding of how to configure different types of appointment forms, read the How to Build an Appointment Form<\/a> tutorial.<\/p>\n\n\n\n

The last Post Submit Action<\/strong> we configure is the \u201cRedirect to Page<\/a>\u201d Post Submit Action<\/strong>, where we specified the previously created checkout page.\u00a0<\/p>\n\n\n\n

Finally, add a single page to place the form. Find the JetForm<\/strong><\/a> widget and drag-n-drop it to the page. Select the form you have created previously.<\/p>\n\n\n\n

\"form<\/a><\/div>\n\n\n\n

Press the \u201cUpdate<\/strong>\u201d button.<\/p>\n<\/div><\/div>\n\n\n\n

Test the Flow<\/strong><\/h2>\n\n\n\n
\n

Open the page with the form, navigate to the front end, and fill out the form. First, select the therapist and the required appointment date. Then, click the needed time slot in the newly appeared time slot list. Finally, fill out the contact data.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

After that, you will be redirected to the checkout page.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

Press the \u201cAdd to Google Calendar\u201d link to be redirected to your Google Calendar.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

That’s it. Now you know how to add an appointment to a user’s Google calendar via the Dynamic Link<\/strong> widget of the JetEngine<\/em> plugin for WordPress.<\/p>\n<\/div><\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

In this tutorial, we consider a case of making an appointment via a JetFormBuilder‘s form and further redirection to a WooCommerce checkout page with the Dynamic Link widget placed on it for adding the appointment to the user’s Google Calendar and placing the order. Configure the JetAppointment Settings Navigate to the WordPress Dashboard > Crocoblock […]<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[460],"yoast_head":"\nHow to Add Event to Google Calendar \u2014 JetAppointment | Crocoblock<\/title>\n<meta name=\"description\" content=\"Learn how to create a link under your appointment form that will add booked appointments to Google Calendar using JetEngine and JetAppointment plugins.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Event to Google Calendar \u2014 JetAppointment | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a link under your appointment form that will add booked appointments to Google Calendar using JetEngine and JetAppointment plugins.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-07T21:21:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/09\/setting-the-service-and-provider-settings-1024x640.webp\" \/>\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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/\",\"name\":\"How to Add Event to Google Calendar \u2014 JetAppointment | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2020-09-09T06:40:54+00:00\",\"dateModified\":\"2025-05-07T21:21:07+00:00\",\"description\":\"Learn how to create a link under your appointment form that will add booked appointments to Google Calendar using JetEngine and JetAppointment plugins.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Add Event to Google Calendar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Event to Google Calendar \u2014 JetAppointment | Crocoblock","description":"Learn how to create a link under your appointment form that will add booked appointments to Google Calendar using JetEngine and JetAppointment plugins.","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:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Event to Google Calendar \u2014 JetAppointment | Crocoblock","og_description":"Learn how to create a link under your appointment form that will add booked appointments to Google Calendar using JetEngine and JetAppointment plugins.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/","og_site_name":"Help Center","article_modified_time":"2025-05-07T21:21:07+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2020\/09\/setting-the-service-and-provider-settings-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/","name":"How to Add Event to Google Calendar \u2014 JetAppointment | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2020-09-09T06:40:54+00:00","dateModified":"2025-05-07T21:21:07+00:00","description":"Learn how to create a link under your appointment form that will add booked appointments to Google Calendar using JetEngine and JetAppointment plugins.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetappointment\/how-to-add-event-to-google-calendar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to Add Event to Google Calendar"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/20322"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=20322"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=20322"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=20322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}