{"id":11043,"date":"2022-07-25T16:54:10","date_gmt":"2014-05-07T12:41:22","guid":{"rendered":"http:\/\/www.123formbuilder.com\/docs\/?p=11043"},"modified":"2022-07-25T16:54:10","modified_gmt":"2022-07-25T16:54:10","slug":"how-to-add-my-google-calendar-to-a-web-form","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/","title":{"rendered":"How to add my Google calendar to a 123FormBuilder form?"},"content":{"rendered":"\n

Embedding calendars from your Google Calendar account on web forms can raise the aspect of your business, making your forms look both professional and interactive. To add a Google Calendar to any of your web forms using our form builder<\/a>, you’ll need to get its iframe code from your Google Calendar account and add it to an HTML Block<\/b> of your form. Follow these three easy steps to have your Google Calendar embedded on a web form in 123FormBuilder:<\/p>\n\n\n\n

1. In your Google Calendar account, go to My calendars<\/b> \u2192 your calendar<\/b> \u2192  Settings and sharing<\/b>.<\/p>\n\n\n\n

\"Calendar<\/a><\/figure><\/div>\n\n\n\n

2. In Calendar Settings<\/b>, copy the iframe code from the Embed code <\/b>section.<\/p>\n\n\n\n

\"Calendar<\/a><\/figure><\/div>\n\n\n\n

3. In 123FormBuilder, add an HTML Block<\/b> to your web form, edit it and in Source code<\/b> paste the iframe code.<\/p>\n\n\n\n

\"HTML<\/a><\/figure><\/div>\n\n\n\n

Don’t forget to hit Ok<\/b> and afterward Save<\/b> to finish. If the calendar isn’t embedded accordingly on your form (e.g. it’s stretched outside the form frame), return to Source code<\/b> and change the values of the parameters width<\/em> and height<\/em>. The calendar will resize on your form as soon as you have saved your changes.<\/p>\n\n\n\n

Important Note<\/b><\/p> Your calendar has to be made public in order to see it on your web form. To add an iframe to your forms please contact us<\/a>. An additional option needs to be enabled from our end.<\/span><\/div>\n\n\n\n

Combine this trick with our Google Calendar integration app<\/a> for your web form. The calendar embedded on your form will show all events in real-time. Therefore, it will be much easier for your form visitors to choose which event they want to attend.<\/p>\n","protected":false},"excerpt":{"rendered":"

Embedding calendars from your Google Calendar account on web forms can raise the aspect of your business, making your forms look both professional and interactive. To add a Google Calendar to any of your web forms using our form builder, you’ll need to get its iframe code from your Google Calendar account and add it […]<\/p>\n","protected":false},"author":14,"featured_media":-1,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[35],"tags":[],"class_list":["post-11043","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formeditor"],"yoast_head":"\nHelp: Add Google Calendar to a form | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"To add a Google calendar to a web form, you\u2019ll need to get its Iframe code from your Google Calendar account and add it to a HTML Block of your form.\" \/>\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.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add my Google calendar to a 123FormBuilder form?\" \/>\n<meta property=\"og:description\" content=\"To add a Google calendar to a web form, you\u2019ll need to get its Iframe code from your Google Calendar account and add it to a HTML Block of your form.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-07T12:41:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-25T16:54:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/calendarsettings.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Help: Add Google Calendar to a form | 123FormBuilder","description":"To add a Google calendar to a web form, you\u2019ll need to get its Iframe code from your Google Calendar account and add it to a HTML Block of your form.","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.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/","og_locale":"en_US","og_type":"article","og_title":"How to add my Google calendar to a 123FormBuilder form?","og_description":"To add a Google calendar to a web form, you\u2019ll need to get its Iframe code from your Google Calendar account and add it to a HTML Block of your form.","og_url":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2014-05-07T12:41:22+00:00","article_modified_time":"2022-07-25T16:54:10+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/calendarsettings.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/#article","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/"},"author":{"name":"","@id":""},"headline":"How to add my Google calendar to a 123FormBuilder form?","datePublished":"2014-05-07T12:41:22+00:00","dateModified":"2022-07-25T16:54:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/"},"wordCount":280,"commentCount":2,"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/calendarsettings.png","articleSection":["Form Editor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/","url":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/","name":"Help: Add Google Calendar to a form | 123FormBuilder","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/#primaryimage"},"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/calendarsettings.png","datePublished":"2014-05-07T12:41:22+00:00","dateModified":"2022-07-25T16:54:10+00:00","author":{"@id":""},"description":"To add a Google calendar to a web form, you\u2019ll need to get its Iframe code from your Google Calendar account and add it to a HTML Block of your form.","breadcrumb":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/calendarsettings.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2021\/09\/calendarsettings.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-add-my-google-calendar-to-a-web-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.123formbuilder.com\/docs\/"},{"@type":"ListItem","position":2,"name":"How to add my Google calendar to a 123FormBuilder form?"}]},{"@type":"WebSite","@id":"https:\/\/www.123formbuilder.com\/docs\/#website","url":"https:\/\/www.123formbuilder.com\/docs\/","name":"123FormBuilder Knowledge Base","description":"Search our documentation platform for answers, service specifications and 3rd-party integrations.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.123formbuilder.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/www.123formbuilder.com\/docs\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/11043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/comments?post=11043"}],"version-history":[{"count":48,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/11043\/revisions"}],"predecessor-version":[{"id":43165,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/11043\/revisions\/43165"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/media?parent=11043"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/categories?post=11043"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/tags?post=11043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}