Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Google Calendar

The 123FormBuilder Google Calendar integration allows you to create forms from which your visitors can:

  1. Create events, which will be transferred directly into one of the calendars from your Google Calendar account.
  2. Register as attendees at existing events from your Google Calendar account.

You can enable this application from the Settings – Applications section. Select the Google Calendar application from the list and click on Add. It’s very important that you are also logged into your Google Calendar account, in order for your 123FormBuilder and Google Calendar accounts to communicate.

Now follow these steps to enable the Google Calendar integration for your form:

  1. Click on Connect to Google Calendar.

Google Calendar

  1. Click on Accept, in order to let the application apply any changes necessary to your Google Calendar account.

Accept Google Calendar to web form

  1. A popup will appear, the Customize panel, where you have to associate Google Calendar fields with 123FormBuilder fields and hit Save. These associations establish how the information is passed to your Google Calendar account.

Google Calendar Customize

  1. From Usage mode, select the type of action you want: Create a new event or Add an attendee to an existing event.

It’s really recommended that you set on required the fields you’ll need to associate in the Customize panel. This way there won’t be any errors, when creating or attending an event, form users being unable to submit your form, without completing all the fields. If you do not set as required the current fields, users may skip some of them and the integration will not succeed in your Google Calendar account. In short, even though a submission will pass successfully, if not all fields have been completed, no event will be created or the attendee will not be added to your event.

  1. In Error handling (bottom page) you can add your email address, in case your submissions encounter some problems. If you delete an event, and later someone is trying to attend it, or if you delete a calendar, where someone is trying to create an event, you’ll receive an alert in your inbox with details of the submission.Here’s an example:

Google Calendar error handling
These were the steps for using the Google Calendar application for your form. Below you can find the steps for setting up the two types of actions that this integration allows: A. creating new events and B. adding attendees to one of your events.

To create a new event

  1. You’ll need to add to your form the fields Name, Date, Time, Email, Number (for Duration) and three Short Text Boxes (for Location, Description and Title, respectively). Set them on required, as specified earlier.

Google Calendar - Create event

  1. Select Create a new event from Usage mode, in the Customize panel.
  1. Select the calendar where you want the event to be created, if you have more than one calendar in your Google Calendar account. If you have problems finding your desired calendar press the Refresh button on the right.

Google Calendar

  1. You can choose to write a title in the assigned box or associate the appropriate field from your form in the dropdown list, below. Don’t forget to click Add, in order for the field’s input to be set in the Title box.

Google Calendar - Customize - title

  1. You can set the duration of the event in two ways: using Value – where you have five options available: 15 minutes, 30 minutes, 1 h, 1.5 h, 2 h or using Fields – where you can assign a Number field from your form, where users will specify the time in minutes.

Google Calendar - Event duration

  1. The Description box can be set the same way as the Title.
  1. Associate any field you want from the dropdown list for Location.
  1. You can allow multiple events to happen at the same time in your Google Calendar account, by enabling this option in the Customize panel.

Google Calendar - allow multiple events

  1. Click on Save and you’ll find the created event in your Google Calendar account, like in the example below:

Google Calendar - multiple events

To add an attendee to an existing event

  1. Here you’ll need to add and set as required only the fields Name and Email in your form.
  1. Select Add an attendee to an existing event from Usage mode, within the Customize panel.

Google Calendar - Add attendee customization

  1. Select a calendar and make sure that the associations for the Name and Email fields are made correctly in Attendee details.
  1. In Event details choose the desired event. Search for it by Date and select its name from the dropdown list below.

Google Calendar - Search event

  1.  Click on Save within the Customize panel and your form is set.

6 comments

  1. hello, do you think it will be possible to have field *time* not being required. for example if i wanted to link a day event through the api, i don’t need the time field. date will be enough.

    1. Through our integration it is necessary to map the time field to for the event to be created. I am afraid that you will need to have it set required to ensure that the data is passed to your calendar.

  2. Hi,

    On a form with 2 fields “date”, for check in and chek out; and linked to Google Agenda; doesn’t show duration length on Google agenda.

    1/ I went to Customize Google Calendar application
    2/ in “Duration ” it offer me: “fields” or “value”
    3/ I try “fields” to get the second “date” field from my form, but offer to me this possibility. Only a number in minutes. In value, same, choice of minutes.

    1. Hello Cedric!

      You cannot map a Date field to the duration of the event. Duration implies the number of minutes the event takes place, so only the Number field or a text box with numeric validation can be used. What you are looking for is an end date, an option that our integration does not provide.

      In conclusion, when the form visitors create events in your Google Calendar, they will need to specify the duration of the event in minutes, not the date when the event will be over.

      For further assistance, don’t hesitate to contact our Support Team at support@123formbuilder.com or via our contact form.

      Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

Frequently Asked Questions

Here is a list of the most frequently asked questions. For more FAQs, please browse through the  FAQs page.

Is this service free?
Yes, we offer a free form builder service. Just sign up to the Basic plan and you are all set. This plan is forever free, but you are limited with a few features only, such as 5 forms per account, 100 submissions per month and you have to keep the backlink to 123FormBuilder on your forms. Check out our features matrix for more information.
How many forms can I create?
It depends on the service plan you are on. Higher service plans enable more features, including more web forms for your account. If you need more forms, go to the My Account section of your account and click the upgrade button. To create an unlimited number of forms, either upgrade to the Platinum service plan or higher. Consult our features matrix for more information.
How can I publish my forms?
You can publish your forms in many ways, by using their direct URL or HTML link, embedding them with a JavaScript code, Inline HTML or iFrame, using the Facebook app or the WordPress plugin, using popups, the Blogger code snippet and many more. Once you have created and customized your form, go to the Publish section to complete your work. Read more in our documentation.
How do I change my form design?
You can change the design of your form in the Themes section, which is located in your form settings. We offer a set of more than 30 predefined form themes for your forms, but you can also create your own from scratch. You can customize the submit button, the logo and more. To apply your own stylesheets, all forms come with a custom CSS editor.

Can't find what you're looking for?