Back to getting started

8 de julio de 2026

Cómo insertar el widget de Agregar al Calendario

Cómo pegar el widget de Invitly en tu propio sitio web para que los visitantes agreguen tu evento a su calendario con un clic.

Qué hace el widget

El widget muestra un botón autónomo de "Agregar al Calendario" directamente en tu propio sitio web — sin necesidad de enviar visitantes a tu página de evento de Invitly. Los visitantes obtienen opciones según su plataforma (Google Calendar, Apple Calendar, Outlook, etc.), con el estilo de la plantilla de botón que hayas elegido para ese evento.

Cómo obtener el código para insertar

  1. Ve a Mis Eventos.
  2. En el evento que quieres insertar, haz clic en el ícono Insertar Widget (</>) en el menú de acciones del evento.
  3. Verás dos fragmentos de código.

Paso 1: Agrega la etiqueta de script

Pega esto una sola vez, dentro de las etiquetas <head> de tu sitio:

<script src="https://tu-dominio-invitly/widget.js" type="module"></script>

Esto solo necesita agregarse una vez por página, incluso si insertas varios eventos en la misma página.

Paso 2: Coloca el botón

Pega esto donde quieras que aparezca el botón en la página:

<invitly-button event-token="TU_TOKEN_DE_EVENTO"></invitly-button>

Cada evento tiene su propio token único incluido en este fragmento — cópialo de nuevo para cada evento que insertes, en lugar de reutilizar el de otro evento.

La insignia "Powered by Invitly"

Los planes gratuitos y de nivel inferior muestran una pequeña marca de agua "Powered by Invitly" en el botón insertado. Quitar la marca de agua está disponible en planes de nivel superior desde Facturación.