Add to calendar button

  • Profile Image
    intellilifehk
    Asked on July 02, 2016 at 04:10 PM
  • Profile Image
    Mike_G
    Answered on July 02, 2016 at 08:28 PM

    I would like to apologize for the inconvenience but can you give us more information regarding your concern, please? 

    I'm not sure, but it seems that you would like to add something to the calendar pop-up of the DateTime field.

    We will wait for your response. Thank you.

  • Profile Image
    grade4pagasa
    Answered on August 19, 2016 at 12:51 PM

    Hi everyone. 

    I found a free and awesome 3rd-party widget that has the add to calendar functionality - the AddToCalendarAddToCalendar is used for event page on website and email. You can create event button on page and allow guests to add this event to calendar. You can also generate static link to this event for the email newsletters, docs and blogs. AddToCalendar supports:

    - Outlook (.ics)
    - Google Calendar 
    - Apple (.ics)
    - Yahoo 

     

    USES:

    - allow users to save event from booking / appointment / class registration
    - include add events in newsletters or email

     

    STEPS:

    For the AutoResponder (or emails in general), we cannot use the button-dropdown effect since web-email & clients strip off styling and javascript codes (based on my searches). If we need to include an AddToCalendar functionality in our AutoResponser:

    1.) go to addtocalendar.com > scroll to the bottom and

    2.) click the Just fill in the form button to enter your event details (fig. 1).

    3.) click the Update then Copy button once you're done

    4.) paste the copied code snippet in your AutoResponder 

    You can then try the submitting an entry to test the AddToCalendar widget once you get your email autoresponder. 

     

    Additional info:

    * If you have your own Thank You page, a blog or website, you can use the icons, glow button, and / or classic dropdown button (fig. 2) since injecting javascript codes is allowed there.

    * If you click iCalendar or Outlook, an .ics file will be downloaded (desktop).

    A screencast is provided at the bottom. 

    You can try a working demo I did here

    Note: use an email address you can access. Otherwise, you won't be able to test the AddToCalendar widget inside the AutoResponder.

    Hope this helps.

     

    Randy, fellow JotForm user. 

     

    -------------------------------------------------

    P.S. 

    JotForm just announced the release of their newest feature - AutoResponder attachments

    With this, you can opt to attach .ics files created either in Apple Mail or Outlook. Gmail currently displays the ics file and gives the option to save the event to your calendar.

     

    -------------------------------------------------

     

    fig. 1

     

     

    fig. 2 

     

    fig. 3 

  • Profile Image
    Mike_G
    Answered on August 19, 2016 at 02:45 PM

    @grade4pagasa

    Thank you for sharing this wonderful workaround with us and with other Jotform users.

    We appreciate you taking the time to provide a well explained and detailed instruction on how can we use the AddToCalendar to our advantage.

    Cheers!