Passer au contenu principal

Intégration de la réservation en ligne sur mon site internet (planning embarqué ou iframe)

Pour faire débuter le parcours d'un prospect par la réservation à partir d'un planning

Mis à jour il y a plus d'un mois

Intégrez un planning dédié uniquement aux séances d'essai/individuelles/carnets ou vers un choix complet des offres, sous forme "embarquée" ou via une iframe, avec un mix de plusieurs plannings ou l'affichage d'activités sélectionnées. Avec un processus d'inscription simplifié au maximum pour les prospects.

Important : les plannings embarqués ou via iframe sont optimisés pour simplifier une première réservation (avec ou sans achat).

  • Paiement : propose uniquement la CB et/ou le prélèvement SEPA en ligne (sauf séance offerte)

  • Formulaire d'inscription : nom, prénom, adresse email et numéro de téléphone

  • Offres : propose les séances d'essai/carnets et/ou les abonnements

  • Planning : affiche toutes les activités ou une sélection sur un ou plusieurs plannings

  • Design et interface : chaque type d'intégration propose une présentation et une interface différente

I - Embarquer le planning dédié aux séances d'essais/individuelles ou carnets

Le planning intégré regroupe tous vos différents plannings en un, il permet une première inscription fluide et rapide pour une séance d'essai (payante ou offerte), l'achat d'une séance individuelle ou d'un carnet.

Important : l'offre qui sera proposée au prospect ou à l'adhérent(e) sera en priorité une séance d'essai puis une séance individuelle ou un carnet de séances (selon "Les Formules" configurée dans votre logiciel), paiement par CB en ligne obligatoire.

Configuration -> Intégration -> Réservation en ligne :

Pour intégrer un planning unique dédié aux séances d'essais/individuelles ou carnets :

  • Copier la balise html dans le code source de la page de votre site internet, il se présente sous cette forme :

Ensuite vos prospects pourront profiter d'un parcours commençant par la réservation / le choix du cours :

Si l'offre est payante le formulaire de paiement CB en ligne sera proposé et l'inscription validée une fois la transaction finalisée, si la séance est offerte l'inscription sera immédiatement validée (et les identifiants envoyés pour les prospects).

II - Embarquer le planning proposant toutes les offres (abonnements et carnet de séances)

Le planning intégré regroupe tous vos différents plannings en un, il permet une première inscription fluide et rapide pour une séance d'essai (payante ou offerte), l'achat d'une séance individuelle, d'un carnet ou un abonnement.

Important : ce planning proposera toutes vos formules, abonnements compris, et proposera le prélèvement SEPA en ligne en complément de la CB.

Configuration -> Intégration -> Réservation en ligne :

Pour intégrer un planning proposant toutes les offres :

  • Copier la balise html et remplacer l'élément "Appointment" par "AppointmentFull" dans le code source de la page de votre site internet, il se présente sous cette forme :

Une fois le planning intégré il sera possible de se connecter avant réservation pour les client(e)s existant(e)s via le bouton "Connexion" présent en haut à droite du planning ou en cliquant sur le créneau.

Ou de cliquer sur le créneau souhaité pour les prospects :

Pour se voir redirigé vers le parcours d'achat, une fois l'achat complété la réservation est validé automatiquement.

III - Intégration d'un planning via iframe (avec toutes les activités du planning)

Pour faire débuter le parcours d'un prospect ou d'un(e) adhérent(e) sur un planning, intégrable dans un site internet ou diffusable sous forme de lien, par la réservation d'un cours d'essai gratuit ou payant.

Important : ce planning proposera uniquement les offres séance d'essai/individuelle/carnets et proposera le paiement par CB en ligne.

Planning -> Nom du planning :

Pour récupérer le lien du planning et le modifier avant intégration :

1 - Se rendre sur le planning puis cliquer sur l'icone "lien" situé à coté du nom du planning :

2 - Une fois le lien copié il faut modifier plusieurs éléments pour le rendre exploitable :

  • Modifier le "domaine" : remplacer ".org/" par ".club/public/"

  • Autoriser la réservation : modifier "readonly=true" en "readonly=false"

  • Présentation des colonnes (optionnel) : remplacer "agenda" (affichage horizontal) par "week" (affichage vertical/colonnes)

3 - Prendre le lien et le copier dans une balise iframe pour l'intégrer dans le code source de votre site interne :

 <iframe src="adresse URL source"></iframe>

IV - Intégration d'un planning via iframe (avec une sélection d'activités du planning)

Ce planning est identique à celui de la partie "III" à la différence que l'on peut modifier son lien/url pour inclure uniquement certains activitées.

Planning -> Nom du planning :

Pour récupérer le lien du planning et le modifier avant intégration :

1 - Suivre les étapes 1 et 2 du tutoriel de la partie "III"

2 - Noter les identifiants des activités : sur le planning en survolant la couleur devant une activité (dans l'exemple l'id de "Body Combat" est "13336")

3 - Une fois tous les identifiants, modifier le lien du planning pour ajouter à la fin "&inc_d=" suivi de l'id de l'activité, par exemple : "&inc_d=13336"

4 - Pour ajouter d'autres activités : il faut ajouter un "-" et un identifiant après le "&inc_d=13336", par exemple "&inc_d=13336-13337" pour inclure le "RPM", et ainsi de suite ("&inc_d=13336-13337-13338" pour inclure ensuite le "Body Attack").

Avez-vous trouvé la réponse à votre question ?