Back to Blog

How to Include "Add to Calendar" Links on Jotform

Monday, June 3rd 2024Written By Yared

Integrating "Add to Calendar" links into your Jotform submissions can make it easier for your users to save events directly to their calendars. This guide will show you how to do it using Cal.et, a simple and user-friendly tool.

Step 1: Create Your Event on Cal.et

  1. Visit Cal.et: Head over to Cal.et to start creating your event link.

  2. Enter Event Details: Fill in your event’s details, including the title, description, location, start time, and end time.

  3. Generate the Link: After entering all the details, click the "Create Event" button. Cal.et will generate links for various calendar services like Google, Apple, Outlook, Yahoo, and Office365, along with an ICS file for universal compatibility.

Step 2: Copy the HTML Code

Cal.et provides both direct links and embeddable HTML code, perfect for embedding into Jotform.

  1. Select HTML Option: Choose the HTML code option from the generated results.

  2. Copy the Code: Click the "Copy" button next to the HTML snippet.

Step 3: Embed in Jotform

  1. Log Into Jotform: Open your Jotform account and navigate to the form you want to edit or create a new one.

  2. Edit the Thank You Page: After creating your form fields, select the final page which is the "Thank You" page.

  3. Turn On Source Code Editor: Click on the editor icon to switch to the source code editor.

  4. Paste the HTML Code: Paste the HTML code you copied from Cal.et into the source code editor.

  5. Publish Your Form: Save your changes and publish your Jotform.

Step 4: Test Your Form

  1. Fill Out the Form: Complete a test submission to ensure everything is working correctly.

  2. Check the Thank You Page: After submitting, verify that the “Add to Calendar” link appears and functions as expected.

  3. Adjust If Needed: If there are any issues, go back to the source code editor and make the necessary adjustments.

By following these simple steps, you can enhance your Jotform and make it easier for your audience to add your events to their calendars. This not only keeps them informed but also increases engagement with your events.

Happy form building!