Skip to content

Enlaces para añadir al calendario

Al promocionar un evento, una oferta o una cita, puedes ayudar a los usuarios a guardar fácilmente el evento en su calendario añadiendo un enlace “añadir al calendario” a tus correos electrónicos.

Redacta tu correo electrónico y elige dónde aparecerán las dos opciones de calendario: un enlace para Google Calendar y otro para otros calendarios (como iCal o Outlook). Usa un texto de enlace como “Añadir a Google Calendar” y “Añadir a iCal o Outlook”.

La forma de adjuntar las URL depende del editor de correo electrónico que utilices:

  • Editor de arrastrar y soltar: En un bloque Paragraph, selecciona las palabras que deseas enlazar, abre el control Link en la barra de herramientas y pega la URL del formato de URL. También puedes usar un bloque Button, configurar Link type en Open web page y pegar la URL en URL.
  • Editor HTML: Usa los controles de enlace de texto enriquecido para el texto enlazado, o añade etiquetas <a href="..."> en tu HTML para cada URL de calendario.

Formato de URL

Añade la siguiente URL a tus enlaces, reemplazando los marcadores de posición. La única diferencia entre estas dos URL es que Google Calendar necesita un parámetro adicional: &format=gcal.

1
https://ics.agical.io/?subject=EVENT_SUBJECT&location=EVENT_LOCATION&dtstart=START_TIME&dtend=END_TIME&description=EVENT_DESCRIPTION&format=gcal
1
https://ics.agical.io/?subject=EVENT_SUBJECT&location=EVENT_LOCATION&dtstart=START_TIME&dtend=END_TIME&description=EVENT_DESCRIPTION

Reemplaza lo siguiente:

  • EVENT_SUBJECT: Título del evento
  • EVENT_LOCATION: Ubicación del evento
  • START_TIME: Hora de inicio del evento en formato ISO 8601 (YYYY-MM-DDTHH:MM:SSZ) como UTC
  • END_TIME: Hora de finalización del evento en formato ISO 8601 (YYYY-MM-DDTHH:MM:SSZ) como UTC
  • EVENT_DESCRIPTION: Descripción del evento

Reemplaza los espacios con el código de escape HTML %20. Por ejemplo, un asunto de “Meet Braze” sería “Meet%20Braze”.

Este es un ejemplo de una URL “Añadir a Google Calendar”:

1
https://ics.agical.io/?subject=Meet%20Braze&location=114%20Sansome%20Street&dtstart=2021-06-24T15:00:00Z&dtend=2021-06-24T16:00:00Z&description=Braze%20Party&format=gcal

Parámetros adicionales

Los siguientes parámetros son opcionales y se pueden utilizar para definir aspectos adicionales de un evento.

  • Nombre del organizador: &organizer=name
  • Adjuntar URL relacionada con el evento: &attach=http://www.example.com/
  • Duración: duration=30M, como alternativa a la hora de finalización del evento (dtend), especifica una duración como 1H o 30M
  • Hora de alarma de recordatorio, en minutos: &reminder=15
  • Evento de todo el día: &allday=1
  • UID: parámetro opcional para codificar de forma fija el identificador único del evento, lo que permite a algunas aplicaciones de calendario actualizar el evento con el tiempo. La cadena @ics.agical.io se añade automáticamente al valor.

También puedes añadir parámetros adicionales para eventos recurrentes:

  • Eventos semanales: &recur=weekly
  • Eventos mensuales: &recur=monthly
  • Fin de la recurrencia: &recuruntil=END_DATE, donde END_DATE es la fecha y hora en que finaliza la recurrencia en formato ISO 8601 (YYYY-MM-DDTHH:MM:SSZ) como UTC

Cuando un usuario hace clic en el enlace, los calendarios transforman automáticamente las marcas de tiempo UTC en las URL para reflejar la zona horaria del usuario configurada en su calendario.

Por ejemplo, si abres el enlace de ejemplo “Añadir a Google Calendar” y tu calendario está configurado en CST, la hora del evento se rellenará automáticamente según lo que las 3 pm UTC son en CST (10 am).

Google Calendar

Al hacer clic, Google Calendar se abre en una nueva pestaña o ventana con los detalles del evento rellenados previamente en la invitación y listos para que el usuario los guarde. Esto ocurre tanto en dispositivos móviles como en escritorio.

Cuadro de diálogo de Google Calendar para añadir un evento con los detalles del evento agregados y listos para guardar.

iCal o Outlook

Al hacer clic en escritorio, se descarga un archivo ICS. El usuario debe abrir el archivo ICS, lo que abre iCal o Outlook y le solicita que añada el evento a su calendario.

Calendario de iCal con un cuadro de diálogo para añadir un nuevo evento, que solicita al usuario seleccionar un calendario y confirmar.

Calendario de iCal con el evento añadido.

En dispositivos móviles, el comportamiento depende del dispositivo y la aplicación de correo electrónico.

En algunas otras aplicaciones de correo electrónico o navegadores móviles, mantener presionado el enlace puede mostrar una opción para añadir el evento a un calendario.

Ventana emergente de iOS cuando mantienes presionado un enlace de calendario, que incluye un botón para "Añadir al calendario".

Para más información, consulta:

New Stuff!