Une version plus récente de ce tutoriel est disponible

SuperSaaS | Tutoriel: Intégrer un agenda en ligne à votre site

Une fois que votre agenda en ligne SuperSaaS répond à vos besoins, qu'il se comporte comme vous le souhaitez et que vous l'avez testé pour vous assurer qu'il fonctionne correctement du point de vue 'utilisateur', vous devez décider comment les utilisateurs vont trouver votre agenda.

Vous avez trois options:

  1. Mettre un lien sur votre propre site vers votre agenda SuperSaaS. C'est la manière la plus facile et la plupart des gens choisissent cette option.
  2. Embarqué votre page SuperSaaS à l'intérieur d'un cadre (frame) sur votre propre site. Cette façon de faire est nécessaire si vous avez besoin d'avantage de personnalisation que l'option précédente.
  3. Mettre un lien dans vos E-mails vers votre page SuperSaaS pour vos utilisateurs, ou utiliser des flyers. Si vous n'avez pas de site web il vous faut communiquer l'adresse de votre page SuperSaaS pas les moyens classiques (courrier, carte de visite, message sur votre boîte vocale,...).

Mettre un lien vers SuperSaaS sur votre propre site

Si vous possédez un site web alors vous pouvez placé sur celui-ci un lien vers votre agenda SuperSaaS. Vous trouvez ce lien (URL) vers votre agenda en cliquant sur le bouton 'Configurer' en haut de la page.

Vous pouvez utiliser un lien aussi simple que celui-ci : Réservez!

<a href="http://www.supersaas.com/schedule/demonstrations/Médecin">Réservez!</a>

Vous pouvez choisir une image servant de bouton comme celui-ci:   Book now!

<a href="http://www.supersaas.com/schedule/demonstrations/Médecin">
<img src="//static.supersaas.net/en/but/book_but.jpg" alt="Réservez!"/></a>

Si vous voulez vous pouvez copier un des exemples suivant pour l'utiliser sur votre propre site:

Réservez!   Faire une réservation   Réservez!   plus…

Chaque agenda possède sa propre URL (adresse internet), si vous avez plusieurs agendas en ligne alors vous pouvez lister vos différents agendas ainsi vos clients peuvent choisir.

Si votre site possède son propre système de connexion pour vos utilisateurs, vous pouvez relier les identifiants et les mots de passe de vos utilisateurs avec le système SuperSaaS. Cela nécessite une interface entre SuperSaaS et votre serveur. Une façon de faire consiste à passer les informations de l'utilisateur au moment ou il clique sur le bouton 'Réservez!', à ce moment là les informations de l'utilisateur sont créées ou modifiées pour SuperSaaS. Nous fournissons les plugins pour créer ces boutons automatiquement pour plusieurs système de gestion de contenu (CMS):

Si vous utilisez un autre système et vous êtes en mesure de créer une telle interface vous-même, vous pouvez trouver des détails dans le référentiel du programmeur.

Pré-sélection d'une Date ou d'une Vue

Par défaut, le calendrier est affiché à la date d'aujourd'hui, ainsi que votre vue par défaut. Mais si vous souhaitez que les utilisateurs s'inscrivent à une date précise, vous pouvez également modifier le lien pour afficher le calendrier à une date précise, simplement en naviguant jusqu'à cette date avec votre navigateur et en copiant l'URL correspondante. Par exemple, pour laisser les invités réserver pour les fêtes de Noël, vous pourriez mettre quelque chose comme ce qui suit sur votre site:

<a href="http://supersaas.com/schedule/demo/Noel?day=24&month=12&year=2016">Faire une nouvelle réservation;/a>

Vous pouvez aussi mettre des liens dans l'espace disponible au-dessus du calendrier. Ceci est utile si vous avez plus d'un agenda afin que les utilisateurs peuvent facilement naviguer entre eux. Sur la page de configuration, l'onglet "Disposition" vous permet de coller les liens à afficher au dessus de votre agenda grâce à la case "Message à afficher dans l'espace blanc au-dessus de l'agenda". En général, vous pouvez simplement copier le lien de votre barre de navigation ainsi la date sur laquelle votre utilisateur sera redirigée sera la bonne, par exemple:

Cliquer ici pour sauter la démo "Salle de réunion" et zoomer sur "la Salle 1" [http://supersaas.com/schedule/demo/Meeting_Rooms/Meeting_Room_1?view=month]

Vous pouvez également créer une URL personnalisée pour pointer vers votre agenda en ligne afin que les utilisateurs ne se redent pas compte qu'ils ne sont pas sur votre site. Cela exige une certaine maîtrise technique, les détails peuvent être trouvés dans le tutoriel personnalisation de l'URL. Cette adresse web sera également utilisé dans les e-mails sortants. Vous pouvez également masquer l'URL en mettant votre agenda dans un cadre comme il est expliqué ci-dessous.

Mettre SuperSaaS dans un cadre (frame)

Si vous avez besoin de plus de contrôle sur la présentation de la page telle qu'elle est alors vous pouvez la mettre dans un cadre (frame pour le langage HTML). Par exemple, vous pouvez ajouter une barre de menu au-dessus du calendrier. Certains concepteurs de sites Web désapprouvent l'utilisation de cadres, car ils présentent certains défis pour rendre correctement votre page. Par exemple, le bouton retour en arrière de votre navigateur peut provoquer un retour inattendu pour ce qui se trouve dans ce cadre qui n'obéit pas forcément à cette commande comme le reste de la page. La page "Paramètres du compte" possède une option pour désactiver l'en-tête et le pied de page afin que vous puissiez les remplacer par les vôtres. Cette page "Paramètres du compte" peut être trouvée dans le menu de droite dans le panneau de configuration. Si vous voulez rendre votre site plus compact, vous pouvez aussi afficher la version de poche du site dans un cadre. Vous pouvez accéder à la version de poche du site en utilisant "m.supersaas.com" comme domaine. La version de poche est celle utilisée pour le smartphone.

Vous pouvez inclure un code comme suit sur votre propre site pour obtenir un petit cadre avec un calendrier du mois:
<iframe width="300" src="http://m.supersaas.fr/schedule/demonstrations/Médecin"></iframe>

Autres moyens pour que vos utilisateurs trouvent votre agenda

Comme il est expliqué ici, nous ne donnons pas l'accès aux moteurs de recherche à vos agendas en ligne, si bien que les gens ne trouvent votre agenda que si il dispose de votre adresse URL. Si vous n'avez pas de site Web, vous pouvez également utiliser SuperSaaS comme un système autonome. Si vous utilisez le système avec un petit groupe d'utilisateurs, par exemple pour planifier les dates de covoiturage, alors vous pouvez simplement leur envoyer le lien par e-mail. Si votre entreprise dispose d'autres documents de marketing hors ligne tels que des brochures, des posters, des cartes de visites, alors ces supports peuvent être utilisés afin de mettre le lien vers votre agenda.

Pré-remplir des valeurs pour des nouvelles réservations

Il s'agit d'un sujet très avancé qui peut être passé

Lorsque vous envoyez l'utilisateur vers le service SuperSaaS vous pouvez l'envoyer "accompagné" de valeurs qui seront pré-remplies dans la boîte de dialogue pour les nouvelles réservations. Une utilisation consiste à créer une liste de liens sur votre site qui fournit des valeurs par défauts appropriées pour l'utilisateur. Les exemples ci-dessous permettront de vous expliquer cela:

Cliquer ici pour que dans la liste déroulante de la démo "Planning pour le Médecin" la "séance longue – 120 minutes" soit déjà sélectionnée dans la boîte de dialogue lorsque le patient clique sur un créneau
[http://www.supersaas.fr/schedule/demonstrations/Médecin?res[field_2_r]=long]
Cliquer ici pour que dans la liste déroulante de la démo "Planning pour le Médecin" la "séance d'introduction – 120 minutes" soit déjà sélectionnée dans la boîte de dialogue lorsque le patient clique sur un créneau. De plus il sera ajouté automatiquement dans le champ "Description" le mot Bonjour!
[http://www.supersaas.fr/schedule/demonstrations/Médecin?res[field_2_r]=intro&res[description]=Bonjour]

Une autre utilisation est le pré-remplissage est l'envoi d'informations que l'utilisateur a déjà saisis sur votre propre site. Une adresse, par exemple, ce qui évite à votre utilisateur de saisir deux fois les mêmes informations. Pour cela vous avez besoin de créer le lien dynamiquement sur ​​votre site, un sujet au-delà du celui de ce tutoriel.

Les paramètres de pré-remplissage prennent les formes suivantes res[xxx]=yyy, ou xxx est l'étiquette et yyy la valeur. Notez que ces paramètres doivent être codés en URI pour devenir les liens HTML valides, donc à l'intérieur d'un lien qui serait %res5Bxxx%5D=yyy. Les champs des étiquettes ne doivent pas être en lettres capitales ni traduites. Il y a trop de champs des étiquettes possibles pour les énumérer tous ici et les valeurs possibles dépendent de la manière dont votre agenda est configuré. Pour connaître les champs des étiquettes valides dans votre agenda vous pouvez regarder ce que le navigateur fait avec un programme tel que Firebug, ou en regardant le code source de la page.


Chapitre suivant: Ajouter un système de paiement (optionnel) | Revenir vers Index tutoriel