Avec Welya, vous pouvez désormais intégrer votre calendrier iClosed directement dans votre offre. Lorsqu'un participant clique sur votre bouton de réservation, le calendrier s'ouvre dans une fenêtre intégrée au live, sans redirection vers un autre onglet.
Vous pouvez également préremplir automatiquement son prénom, son email et son numéro de téléphone grâce aux informations déjà enregistrées dans Welya.
1. Récupérer le code d'intégration dans iClosed
Connectez-vous à votre compte iClosed, puis :
Rendez-vous sur l'événement que vous souhaitez proposer pendant votre webinaire.
Cliquez sur l'icône
</>correspondant à l'intégration.Sélectionnez Inline Embed.
Cliquez sur Continue.
Copiez le code d'intégration généré par iClosed.
Votre code contient notamment une URL de réservation, identifiable grâce à l'attribut data-url.
Exemple :
<div class="iclosed-widget" data-url="https://app.iclosed.io/e/mon-compte/mon-evenement" title="Prendre rendez-vous" style="width: 100%; height: 620px"> </div> <script type="text/javascript" src="https://app.iclosed.io/assets/widget.js" async> </script>
Conservez l'intégralité du code fourni par iClosed : vous en aurez besoin pour configurer votre offre Welya.
2. Ajouter le calendrier dans votre offre Welya
Une fois votre code récupéré, retournez dans Welya.
Ouvrez le webinaire concerné.
Rendez-vous dans l'onglet Live.
Accédez à vos Offres.
Ouvrez l'offre que vous souhaitez modifier ou créez-en une nouvelle.
Au niveau du bouton de votre offre, recherchez le champ Type de redirection.
Remplacez Lien par Code à embed.
Collez le code d'intégration récupéré depuis iClosed.
Votre calendrier iClosed est maintenant intégré à votre offre Welya.
3. Préremplir automatiquement les informations des participants
Lorsque vos participants s'inscrivent à votre webinaire, Welya peut déjà connaître certaines de leurs informations : prénom, email ou numéro de téléphone.
Plutôt que de leur demander de les saisir une seconde fois dans iClosed, vous pouvez utiliser des paramètres de préremplissage dans l'URL intégrée à votre code.
Pour cela, repérez l'URL de votre événement iClosed à l'intérieur de l'attribut data-url.
Les paramètres à utiliser sont les suivants :
Information | Paramètre iClosed | Valeur à insérer |
Prénom |
| Variable Prénom Welya |
| Variable Email Welya | |
Téléphone |
| Variable Téléphone Welya |
Exemple de structure :
?iclosedEmail={email}&iclosedName={firstName}&iclosedPhone={phoneNumber}Cet exemple présente les paramètres attendus par iClosed. Dans Welya, sélectionnez les variables correspondantes pour transmettre les informations du participant.
Où ajouter ces paramètres ?
Ajoutez-les à la fin de l'URL de réservation présente dans data-url, et non à la fin de l'ensemble du code HTML.
Par exemple :
<div class="iclosed-widget" data-url="https://app.iclosed.io/e/mon-compte/mon-evenement?iclosedEmail={email}&iclosedName={firstName}&iclosedPhone={phoneNumber}" title="Prendre rendez-vous" style="width: 100%; height: 620px"> </div> <script type="text/javascript" src="https://app.iclosed.io/assets/widget.js" async> </script>Attention à la syntaxe :
Le premier paramètre est précédé de
?si l'URL ne contient pas encore de paramètres.Les paramètres suivants sont séparés par
&.Si votre URL comporte déjà un
?, ajoutez les nouveaux paramètres avec&, sans ajouter un deuxième?.Ne modifiez pas les autres éléments du code d'intégration fourni par iClosed.
4. Vérifier le préremplissage et sauvegarder
Une fois les paramètres ajoutés, vérifiez votre configuration à l'aide de l'aperçu ou du test disponible dans Welya.
Ouvrez le calendrier iClosed.
Sélectionnez une date et un créneau.
Accédez au formulaire de réservation.
Vérifiez que les informations configurées sont bien préremplies.
Si un champ reste vide, vérifiez le paramètre iClosed correspondant et la variable Welya utilisée.
Une fois votre configuration validée, pensez à sauvegarder votre offre en bas de la page.
Votre calendrier est prêt !
Votre calendrier iClosed est maintenant intégré à votre offre Welya !
Lorsqu'un participant clique sur votre offre, il peut choisir son créneau et réserver son rendez-vous directement depuis le live, sans ouvrir un nouvel onglet.
Grâce au préremplissage, ses informations sont automatiquement renseignées, ce qui rend la prise de rendez-vous encore plus simple et fluide, notamment sur mobile.