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 de 3 semaines

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). Selon l'intégration plusieurs options seront disponibles ou non.

  • 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 prioritairement (payante ou offerte), et l'achat d'une séance individuelle ou d'un carnet le cas échéant (voir plutôt la partie "II" pour un meilleur fonctionnement avec ces offres là).

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.

A - Intégrer le planning dédié aux séances d'essais sous forme de script

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).

B - Intégrer le planning dédié aux séances d'essais sous forme de lien / url

Pour créer votre lien / url de planning d'essai vous devez vous baser sur le lien de connexion administrateur de votre plateforme, par exemple :

Et ensuite vous remplacer la partie "sportigo.fr" par "sportigo.cloud/funnel/appointment"

Ce qui donne :

- 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>

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 où l'on commence par la sélection du premier cours à réserver puis l'on finalise l'achat de son abonnement, son carnet ou sa séance.

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

A - Intégrer le planning proposant toutes les offres sous forme de script

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.

B - Intégrer le planning proposant toutes les offres sous forme de lien / url

Pour créer votre lien / url de planning d'essai vous devez vous baser sur le lien de connexion administrateur de votre plateforme, par exemple :

Et ensuite vous remplacer la partie "sportigo.fr" par "sportigo.cloud/funnel/appointment-full"

Ce qui donne :

- 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>

III - Intégration d'un planning avec une sélection d'activités (provenant d'un même planning)

Ce planning permet d'afficher une sélection d'activités spécifiques et pas d'autres, présentes sur un même planning dans votre logiciel.

Important : ce mode d'intégration sera prochainement mis à jour, il faudra changer de lien/url à ce moment.

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 récupérer son identifiant qui est la dernière série de chiffre présente au niveau du lien/url

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 récupérés, modifier le lien du planning de l'étape 1 pour remplacer "sportigo.fr/backend/planning-sf/list/768/2303" par "sportigo.club/public/appointment?inc_r=XXXX" ou les XXX corresponde à l'identifiant du planning

4 - Pour inclure les activités, il faut les ajouter dans le lien, en incluant à la fin du lien de l'étape 3 le paramètre "&inc_d=" suivi de l'identifiant de l'activité, par exemple "&inc_d=13336"

5 - Pour ajouter d'autres activités : il faut ajouter un "-" (tiret du 6) et un identifiant d'activité après le "&inc_d=13336", par exemple "&inc_d=13336-13337" (et ainsi de suite pour chaque activité supplémentaire -> "&inc_d=13336-13337-13338")

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