Muhammad Asif
Muhammad Asif

Reputation: 107

How do i create an Add To Calendar link for apple devices?

i am creating Add To Calendar links for Google, Outlook, Yahoo and Apple. i have created all links except Apple. i want to create a link for apple devices that save the event in apple calendar. my google calendar link that i created is https://calendar.google.com/calendar/r/eventedit?text=Appointment+Confirmation&dates=20181109T083000Z/20181113T090000Z&details=Vein+Clinics+of+Alexandria+Appointment&location=4904+Seminary+Road+Suite+130+Alexandria,+VA+22311" i want to create such link for Apple. Can i get some help please. i am using windows and also testing it on iphone devices.

Upvotes: 8

Views: 20303

Answers (3)

scott
scott

Reputation: 111

  • I also got this issue. And I resolved it.
  • For Apple devices, we must use a .ics file to be the email attachment.
  • I'm using this package in node.js calendar-link
  • It can generate the calendar link and the .ics file content.
  • Then attach it to your email.
  • You can read it as a base64 string like this
 const str = Buffer.from(decodeURIComponent(ics(calendarConfig).toString().split('charse=utf8,')[1])).toString('base64');

// attach this str as an attachment into your email

Upvotes: 1

RichardDev
RichardDev

Reputation: 552

Only Google Calendar links look like that. For Apple and everything else you should create an .ics file which is an event file. You can create it an .ics file here: https://apps.marudot.com/ical/

Litmus also has a useful article on how to create Add-to-Calendar buttons that I just followed last week and worked for me with some minor tweaking to work on my email template.

https://litmus.com/blog/how-to-create-an-add-to-calendar-link-for-your-emails .

Upvotes: 6

Related Questions