Intégrer la billetterie sur votre site

Vous pouvez afficher le formulaire d’inscription de votre événement directement sur votre propre site web, sans obliger vos participants à quitter votre page pour aller sur Forlaps. Le bloc s’intègre naturellement à votre contenu : vos visiteurs choisissent leurs billets, renseignent leurs informations et règlent leur commande au même endroit. De votre côté, rien ne change dans votre quotidien d’organisateur : les inscriptions arrivent dans votre espace Forlaps, les paiements sont traités comme d’habitude, et vous retrouvez vos participants, vos billets et vos statistiques au même endroit que pour une vente classique sur la plateforme.

Avant de commencer #

Pour que l’intégration fonctionne correctement, votre événement doit être publié sur Forlaps et votre billetterie doit être active, avec au moins un type de billet en vente. Vous aurez également besoin d’un accès à l’édition de votre site : que vous utilisiez WordPress, Wix, Webflow, Squarespace ou une page codée à la main, il vous faudra pouvoir coller un extrait de code HTML à l’endroit où vous souhaitez afficher la billetterie.

Récupérer votre code d’intégration #

Connectez-vous à votre compte Forlaps, ouvrez Mes événements, puis sélectionnez l’événement concerné. Rendez-vous dans l’onglet Intégration : vous y trouverez d’un côté les options de personnalisation, et de l’autre un aperçu en direct de ce que verront vos visiteurs.

Vous pouvez adapter l’apparence du formulaire à l’identité visuelle de votre site. La couleur principale s’applique aux boutons et aux éléments mis en avant. La police de caractères peut être changée pour se rapprocher de celle de votre site.

Plusieurs options d’affichage vous permettent d’afficher ou de masquer le titre de l’événement, la date et le lieu, l’image de couverture, la description, ainsi que le nombre de places restantes pour chaque billet. L’aperçu se met à jour immédiatement à chaque modification : ce que vous voyez à droite est exactement ce qui s’affichera chez vos visiteurs.

Ajouter la billetterie sur votre site #

Le code que vous venez de copier est un élément appelé « iframe » : c’est une fenêtre intégrée qui affiche votre billetterie Forlaps à l’intérieur de votre propre page. Il ressemble à ceci :

<iframe src="https://www.forlaps.com/votre-evenement/?embed=tickets&..." width="100%" height="800" frameborder="0" style="border: none; max-width: 100%;"></iframe>

Collez ce code à l’endroit précis où vous voulez que la billetterie apparaisse.

Sur WordPress, éditez la page de votre choix, ajoutez un bloc « HTML personnalisé » ou « Code personnalisé », collez-y le code, puis enregistrez et publiez.

Sur Wix, éditez votre page, ajoutez un élément d’intégration HTML ou iframe via le menu « Ajouter », puis collez le code dans la zone prévue.

Sur Webflow, Squarespace ou toute autre plateforme, cherchez un élément « Embed », « Code intégré » ou « HTML personnalisé » et procédez de la même manière. Si vous gérez un site codé manuellement, insérez simplement le code dans le HTML de votre page, à l’emplacement souhaité.

Modifier ou mettre à jour l’intégration #

Vous pouvez revenir à tout moment dans l’onglet Intégration pour ajuster la couleur, les options d’affichage ou tout autre paramètre. Après chaque modification, recopiez le nouveau code et remplacez l’ancien sur votre site.

Le même code peut d’ailleurs être utilisé sur plusieurs pages ou plusieurs sites si vous le souhaitez : une landing page dédiée, votre site principal, un article de blog annonçant l’événement, etc.

En cas de difficulté #

Si le formulaire ne s’affiche pas, vérifiez d’abord que le code a bien été collé en entier, sans coupure, et que votre événement est toujours publié avec une billetterie ouverte. Certaines plateformes ou extensions de sécurité bloquent l’affichage des iframes : dans ce cas, consultez la documentation de votre hébergeur ou de votre constructeur de site, ou contactez leur support. Si le bloc apparaît mais semble tronqué, augmentez la hauteur de l’iframe comme indiqué plus haut.