Intégrer le widget Billy sur WordPress

Vous avez un site web créé avec WordPress ? Bonne nouvelle, ajouter votre billetterie Billy est simple et rapide !

Le widget Billy permet à vos fans d'acheter leurs billets directement sur votre site, sans redirection, sans confusion et sans prise de tête technique.

Vous avez deux options d'intégration

Option 1 : Intégration directe (sur une page)

Le module de paiement Billy apparaît directement sur votre page événement, afin que vos fans puissent consulter et acheter leurs billets au même endroit.

Option 2 : Fenêtre pop-up

Le module de paiement Billy s'ouvre dans une fenêtre pop-up élégante lorsque les visiteurs cliquent sur le bouton "Acheter maintenant", idéal pour garder une mise en page simple et claire.

Quelle que soit l'option choisie, vos fans peuvent finaliser leur achat sans quitter votre site web.

Résultat :

• Une expérience d'achat fluide
• Un meilleur taux de conversion
• Une image de marque plus forte et plus professionnelle

Prêt à commencer ? Suivez le guide, cela ne prend que quelques minutes.

Avant de commencer…

Où trouver votre Sales Channel ID

Publiez d'abord votre Sales Channel

Important : vous ne verrez PAS de Sales Channel ID tant que votre Sales Channel n'aura pas été publié. Si le canal est encore en brouillon, le lien et l'ID n'existent pas encore.

Ouvrez vos Sales Channels

• Allez dans Studio → Events → Sales Channels
• Sélectionnez le canal que vous souhaitez utiliser
• Descendez en bas de la page et cliquez sur le bouton Share

Récupérez votre Sales Channel ID

• Le Sales Channel ID est simplement le long code situé à la fin de l'URL.
• Exemple d'URL : https://events.billyapp.live/12b8b09a-eb23-4d65-ba92-f6059cb18648 → Ici, 12b8b09a-eb23-4d65-ba92-f6059cb18648 est votre Sales Channel ID.

Avant d'intégrer le widget

Veuillez vérifier :

• Que vous utilisez le plan WordPress Business ou Commerce (pour pouvoir insérer du code HTML personnalisé)
• Que votre plan WordPress Business ou Commerce est bien activé

Guide d'activation : Activate Your Business Plan

Option 1: Intégrer le checkout directement sur une page

Vous pouvez insérer le widget Billy directement dans votre site. Vos participants pourront acheter leurs billets ou produits sans être redirigés vers des tiers. Une expérience fluide qu'ils retiendront.

En 3 étapes simples, vous pouvez le mettre en place :

Étape 1. Lier le bouton à la page du widget

1. Sélectionnez le bouton de votre page d'accueil (par exemple Buy Now).
2. Ajoutez l'URL de la page qui affichera le widget Billy.

Étape 2. Ajouter un bloc HTML sur la page du widget

1. Ouvrez la barre latérale gauche dans WordPress, sur la page qui affichera le widget.
2. Ajoutez un bloc Custom HTML (HTML personnalisé). Vous pouvez déplacer ce bloc pour changer la position du widget dans la page.

Astuce : si vous voyez que le bloc ne peut pas être inséré, c'est peut-être parce que vous avez oublié de cliquer à l'intérieur de la page où vous souhaitez placer le widget.

Par exemple, cliquez sur Type / to choose a block et vous pourrez insérer un bloc.

Étape 3. Copier-coller le code du widget

1. Cliquez sur Write HTML…
2. Copiez-collez ce code :

<iframe src="[EVENT URL]" allow="payment" width="100%" height="1000px"></iframe>

1. Cliquez sur Save. Et voilà !

Votre flux de paiement est maintenant bien intégré à votre site d'événement, félicitations ! Vous pouvez publier cette nouvelle version et tester l'expérience utilisateur.

Option 2: Afficher le checkout dans une pop-up

Vous pouvez également afficher le flux de paiement dans une fenêtre pop-up sur une seule page. En suivant ces 2 étapes simples, vous pouvez y arriver facilement.

Étape 1. Copier-coller le script obligatoire

1. Ouvrez la barre latérale gauche.
2. Ajoutez à nouveau un bloc Custom HTML dans le contenu de votre page actuelle.
3. Copiez-collez le code suivant :

<script type="text/javascript"
        defer src="https://events.billyapp.live/embed.js"
        data-host="https://events.billyapp.live"></script>

1. Cliquez sur le bouton Save en haut à droite.

Étape 2. Ajouter le code des attributs personnalisés

1. Choisissez le bouton de votre page d'accueil que vous souhaitez lier au widget.
2. Cliquez sur … puis sélectionnez Edit as HTML.
3. Copiez-collez le code suivant :

<div class="wp-block-button">
<a
class="wp-block-button__link wp-element-button"
role="button"
aria-haspopup="dialog"
aria-controls="[YOUR_SALES_CHANNEL_ID]"
aria-expanded="false">
BUY NOW
</a>
</div>


<div class="wp-block-button popmake-234">
<a
class="wp-block-button__link has-accent-5-background-color has-text-color has-background has-link-color wp-element-button"
role="button"

style="color:#0d0d0d"
aria-haspopup="dialog"
aria-controls="c0f35f0d-e408-4a38-a4ba-7c563dc0f995"
aria-expanded="false">
Réserver→
</a>
</div>

1. Cliquez sur le bouton Save en haut à droite.

Votre flux de paiement en pop-up est maintenant intégré à votre site WordPress ! Prévisualisez votre site : le widget Billy apparaîtra automatiquement sur la page.