Tilda
Étape 1. Obtenez le code du widget
Dans tikento, ouvrez l'événement → Inscription → Widget pour le site. Copiez le code.
Étape 2. Ajoutez un bloc HTML sur la page
Dans l'éditeur Tilda :
- Cliquez sur « + » pour ajouter un nouveau bloc.
- Accédez à la catégorie « Autre » → sélectionnez le bloc T123 (bloc HTML).
- Cliquez sur le bloc pour le modifier et collez le code du widget.
Étape 3. Publiez le site
Cliquez sur « Publier » dans Tilda. Le widget apparaîtra sur la page publiée.
Configuration CORS pour Tilda
Ajoutez votre domaine dans la liste des origines autorisées d'tikento :
- Domaine personnalisé :
yourdomain.com - Domaine Tilda :
yoursite.tilda.ws
Instructions : Configuration CORS.
Webflow
Étape 1. Ajoutez un composant Embed
Dans Webflow Designer :
- Cliquez sur « + » → composant « Embed » (section « Components » ou « Add »).
- Glissez le composant à l'endroit souhaité sur la page.
Étape 2. Collez le code
Double-cliquez sur le composant Embed, collez le code du widget tikento. Cliquez sur « Save ».
Étape 3. Publiez
Cliquez sur « Publish » dans Webflow. Les composants Embed s'affichent uniquement sur les pages publiées, pas dans l'éditeur.
CORS pour Webflow
Ajoutez dans tikento votre domaine Webflow (.webflow.io ou personnalisé).
Wix
Étape 1. Ajoutez un iFrame HTML
Dans l'éditeur Wix :
- Cliquez sur « + » → « Plus » → « HTML iFrame ».
- Ajoutez l'élément sur la page.
Étape 2. Collez le code
Cliquez sur l'élément → « Modifier le code ». Collez le code du widget. Cliquez sur « Appliquer ».
Wix utilise un iFrame isolé pour le code HTML, ce qui peut affecter la hauteur du widget. Définissez une hauteur d'iFrame suffisante (800px recommandés pour les formulaires multi-étapes).
CORS pour Wix
Ajoutez votre domaine Wix (yoursite.wixsite.com ou personnalisé).
Framer
- Ouvrez le projet → « Insert » → « Custom Code » (dans la section Assets).
- Collez le code du widget dans le champ de code.
- Placez le composant sur la page souhaitée.
WordPress
Via le plugin Header Footer Code
- Installez le plugin « Header Footer Code Manager » ou équivalent.
- Ajoutez le script du widget (
<script src="...">) dans la section Footer. - Sur la page souhaitée, insérez un shortcode ou un bloc HTML avec le conteneur
<div data-tikento-widget="...">.
Via Gutenberg
Dans l'éditeur de page, ajoutez un bloc « HTML personnalisé » et collez le code complet du widget (conteneur + script).
HTML universel
Pour tout autre site, insérez le code juste avant la balise </body> :
<div data-tikento-widget="VOTRE_EVENT_ID"></div>
<script src="https://tikento.com/widget.js" async defer></script>