Adding Google Calendar to App

  • jillsylvis
    Asked on July 1, 2024 at 11:14 AM

    Hi,

    How can I embed my google calendar?

    Thank you.

    Jill

  • Mafe_M JotForm Support
    Replied on July 1, 2024 at 11:35 AM

    Hi Jill,

    Thank you for reaching out to Jotform Support. You can embed your form to Google Calendar. The Google Calendar Integration With Jotform allows you to connect your form to Google Calendar and create events with your form. Let me show you how;

    1. In Form Builder, on the orange navigation bar, click Settings.
    2. Go to the Integration tab and search for Google Calendar.
    3. Select Authenticate and connect your Google Calendar account.
    4. In the authentication dialog, select all the required permissions, then select Continue at the bottom.
    5. Choose your desired calendar and map the fields.
    6. Toggle Create a new event when a submission is edited according to your needs.
    7. Click Save to apply the changes required.

    Adding Google Calendar to App  Image 1 Screenshot 20

    Give it a try and let us know how it goes.

  • jillsylvis
    Replied on July 1, 2024 at 2:10 PM

    Hi!

    I just want my calendar to available to be seen in my app (created through jotform) . This seems specific to form builder. I would like it be seen through my App.

  • Jovito JotForm Support
    Replied on July 1, 2024 at 2:40 PM

    Hi Jillian,

    I understand what you’d like to do, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

    Let us know if you have any other questions.

  • Jovito JotForm Support
    Replied on July 1, 2024 at 3:02 PM

    Hi Jillian,

    Adding your calendar into your form is possible. If you want the Google Calendar to display, you can use our iFrame widget.

    The first part is to copy the Public URL of your calendar. Let me show you how:

    1. Open up your Calendar's Settings:

    Adding Google Calendar to App  Image 1 Screenshot 40

    2. Select the Calendar you'd like to add to your form from the panel on the left side and copy the Public URL

    Adding Google Calendar to App  Image 2 Screenshot 51

    The second part is to use the Iframe Embed widget to your app and paste in the URL. Check my screencast below:

    1. On the App Builder page, click on the Add Element menu on the left side of the page to 

    2. Under the Widgets tab, search for the iframe embed widget and drag and drop it into your app.

    3. Now, click on Gear Icon to open widget properties and paste your Public URL link under the iframe URL.

    Adding Google Calendar to App  Image 3 Screenshot 62

    Give it a try and let us know how it goes.

 
Your Answer