Cómo funciona el widget
El widget de tikento es un paquete JavaScript independiente que se carga desde tikento.com/widget.js y se renderiza en Shadow DOM. Gracias al Shadow DOM, los estilos del widget están aislados de los estilos de tu sitio: sin conflictos de CSS.
El formulario se sincroniza automáticamente con la plataforma: los cambios en el constructor (nuevos campos, cambios de entradas) aparecen en el widget sin necesidad de actualizar el código en tu sitio.
Código básico del widget
<!-- Contenedor para el formulario -->
<div data-tikento-widget="TU_EVENT_ID"></div>
<!-- Script del widget (una vez por página) -->
<script
src="https://tikento.com/widget.js"
async
defer
></script>
Reemplaza TU_EVENT_ID con el UUID de tu evento -- es visible en la URL del evento en el panel de control o en la sección «Widget».
Dos modos de visualización
Formulario integrado (Inline)
El formulario se muestra directamente en la página en el lugar del contenedor data-tikento-widget. El participante lo completa sin ventanas emergentes.
Formulario emergente (Popup)
El formulario se abre en un overlay al pulsar un botón. Añade el atributo data-tikento-popup a cualquier botón de tu sitio:
<button data-tikento-popup="TU_EVENT_ID">
Registrarse
</button>
El script del widget es el mismo.
Personalización del aspecto
En los planes Pro y superiores está disponible la personalización mediante variables CSS. Añade en el HTML o CSS de tu sitio:
:root {
--tikento-primary: #4F46E5;
--tikento-radius: 8px;
--tikento-font: 'Inter', sans-serif;
}
Las variables CSS disponibles del widget se enumeran en la sección Widget -> Personalización en la configuración del evento.
En el plan Free, la marca de agua «Powered by tikento» está siempre presente y no se puede eliminar técnicamente.
Restricciones de origen (CORS)
En los planes Pro y superiores, configura la lista de dominios permitidos por seguridad. Esto protege tu formulario de ser utilizado en sitios ajenos.
Más detalles -- Configuración de CORS.
Plataformas compatibles
El widget funciona en cualquier plataforma con soporte HTML:
- Tilda, Webflow, Wix, Framer
- WordPress, Squarespace
- Páginas HTML estándar
- Aplicaciones React, Vue, Angular
Instrucciones específicas para constructores populares -- Instalación en Tilda, Webflow, Wix.