How to change the default behavior of the calendar on iOS devices

Step 1: Create a Custom Template

To modify the behavior, you need to create a custom template.

1. To create a custom template, navigate to the event page from the dashboard.

2. Click Custom Templates then click + New Template.

3. Enter a name for the template if you haven't already.

   

4. Scroll down to the bottom of the editor and click Create or Save to finalize the template.

Step 2: Update the Code in Your Template

To ensure iOS devices display the full list of calendar options, you need to replace the default code.

1. Copy the following code snippet:

<!-- Dynamic "Add to Calendar" button (recommended) -->
<div class="row button atc-btn-t1">
    <div class="inn">
      <div title="Add to Calendar" class="addeventatc" data-intel="false">
        Add to Calendar
        <span class="start">{{date-start-original}}</span>
        <span class="end">{{date-end-original}}</span>
        <span class="timezone">{{timezone}}</span>
        <span class="title">{{title}}</span>
        <span class="description">{{description-for-button}}</span>
        <span class="location">{{location}}</span>
        <span class="organizer">{{organizer}}</span>
        <span class="organizer_email">{{organizer-email}}</span>
        <span class="all_day_event">{{all-day-event}}</span>
        <span class="alarm_reminder">{{alarm}}</span>
        <span class="recurring">{{recurring}}</span>
      </div>
    </div>
</div>

2. In the template editor, locate the {{block:button}} data tag and replace it with the code snippet above.

🚧

If you are updating an RSVP event landing page:

• First, replace the {{block:rsvpform}} with the corresponding code provided below the template editor.
• Then, within the {{block:rsvpform}} code block, replace the {{block:button}} data tag with the snippet above.

3. Click Save to update your template.

Step 3: Assign the Template to Your Calendar

After creating and saving your template, assign it to your calendar to activate the changes.

1. Navigate back to your calendar page.
2. Go to the Event landing page section.
3. Use the template dropdown menu to select the template.

3. Click Set next to the dropdown menu to apply the changes.

You're All Set!

Once the custom template is assigned to your calendar, iOS devices will no longer default to the "Apple" option. Instead, users will see the full list of calendar options.