Tilda
Paso 1. Obtén el código del widget
En tikento, abre el evento -> Registro -> Widget para sitio web. Copia el código.
Paso 2. Añade un bloque HTML a la página
En el editor de Tilda:
- Haz clic en «+» para añadir un nuevo bloque.
- Ve a la categoría «Otro» -> selecciona el bloque T123 (bloque HTML).
- Haz clic en el bloque para editarlo y pega el código del widget.
Paso 3. Publica el sitio
Haz clic en «Publicar» en Tilda. El widget aparecerá en la página publicada.
Configuración CORS para Tilda
Añade tu dominio a la lista de orígenes permitidos de tikento:
- Dominio personalizado:
yourdomain.com - Dominio de Tilda:
yoursite.tilda.ws
Instrucciones: Configuración de CORS.
Webflow
Paso 1. Añade un componente Embed
En Webflow Designer:
- Haz clic en «+» -> componente «Embed» (sección «Components» o «Add»).
- Arrastra el componente al lugar deseado en la página.
Paso 2. Pega el código
Haz doble clic en el componente Embed, pega el código del widget de tikento. Haz clic en «Save».
Paso 3. Publica
Haz clic en «Publish» en Webflow. Los componentes Embed solo se muestran en las páginas publicadas, no en el editor.
CORS para Webflow
Añade en tikento tu dominio de Webflow (.webflow.io o personalizado).
Wix
Paso 1. Añade un HTML iFrame
En el editor de Wix:
- Haz clic en «+» -> «Más» -> «HTML iFrame».
- Añade el elemento a la página.
Paso 2. Pega el código
Haz clic en el elemento -> «Editar código». Pega el código del widget. Haz clic en «Aplicar».
Wix utiliza un iFrame aislado para el código HTML, lo que puede afectar la altura del widget. Establece una altura suficiente para el iFrame (se recomienda 800px para formularios de varios pasos).
CORS para Wix
Añade tu dominio de Wix (yoursite.wixsite.com o personalizado).
Framer
- Abre el proyecto -> «Insert» -> «Custom Code» (en la sección Assets).
- Pega el código del widget en el campo de código.
- Coloca el componente en la página deseada.
WordPress
Mediante el plugin Header Footer Code
- Instala el plugin «Header Footer Code Manager» o similar.
- Añade el script del widget (
<script src="...">) en la sección Footer. - En la página deseada, inserta un shortcode o bloque HTML con el contenedor
<div data-tikento-widget="...">.
Mediante Gutenberg
En el editor de la página, añade el bloque «HTML personalizado» y pega el código completo del widget (contenedor + script).
HTML universal
Para cualquier otro sitio, inserta el código justo antes de la etiqueta </body>:
<div data-tikento-widget="TU_EVENT_ID"></div>
<script src="https://tikento.com/widget.js" async defer></script>