Comment fonctionne le widget
Le widget tikento est un bundle JavaScript autonome qui se charge depuis tikento.com/widget.js et se rend dans le Shadow DOM. Grâce au Shadow DOM, les styles du widget sont isolés de ceux de votre site -- aucun conflit CSS.
Le formulaire se synchronise automatiquement avec la plateforme : les modifications dans le constructeur (nouveaux champs, changement de billets) apparaissent dans le widget sans qu'il soit nécessaire de mettre à jour le code sur votre site.
Code de base du widget
<!-- Conteneur pour le formulaire -->
<div data-tikento-widget="VOTRE_EVENT_ID"></div>
<!-- Script du widget (une seule fois par page) -->
<script
src="https://tikento.com/widget.js"
async
defer
></script>
Remplacez VOTRE_EVENT_ID par l'UUID de votre événement -- il est visible dans l'URL de l'événement dans le tableau de bord ou dans la section « Widget ».
Deux modes d'affichage
Formulaire intégré (Inline)
Le formulaire s'affiche directement sur la page à l'emplacement du conteneur data-tikento-widget. Le participant le remplit sans fenêtre pop-up.
Formulaire pop-up (Popup)
Le formulaire s'ouvre en overlay lors du clic sur un bouton. Ajoutez l'attribut data-tikento-popup à n'importe quel bouton de votre site :
<button data-tikento-popup="VOTRE_EVENT_ID">
S'inscrire
</button>
Le script du widget reste le même.
Personnalisation de l'apparence
Sur les forfaits Pro et supérieurs, la personnalisation est disponible via des variables CSS. Ajoutez dans le HTML ou CSS de votre site :
:root {
--tikento-primary: #4F46E5;
--tikento-radius: 8px;
--tikento-font: 'Inter', sans-serif;
}
Les variables CSS disponibles pour le widget sont listées dans la section Widget → Personnalisation dans le tableau de bord de l'événement.
Sur le forfait Free, le filigrane « Powered by tikento » est toujours présent et ne peut pas être supprimé techniquement.
Restrictions d'origines (CORS)
Sur les forfaits Pro et supérieurs, configurez la liste des domaines autorisés pour la sécurité. Cela protège votre formulaire contre l'utilisation sur des sites tiers.
En savoir plus -- Configuration CORS.
Plateformes compatibles
Le widget fonctionne sur toute plateforme supportant le HTML :
- Tilda, Webflow, Wix, Framer
- WordPress, Squarespace
- Pages HTML classiques
- Applications React, Vue, Angular
Instructions spécifiques pour les constructeurs populaires -- Installation sur Tilda, Webflow, Wix.