Sélectionnez votre langue

Site de démonstration Gantry 5

Sélectionnez votre langue

Introduction

etl particles resto booking

La particule Restaurant Booking permet de gérer ses réservations en ligne. Elle est dédié aux restaurants mais peut s'utiliser pour nombreux autres secteurs d'activité. Cette particule utilise une plateforme dédiée aux formulaires, Simple Form, qui fait l'interface entre votre site et votre messagerie. Simple Form s'intègre facilement dans les particules Gantry 5.

Cette particule suit le principe général de la particule "Booking Form" de RocketTheme présentée avec le template Sienna.

Utilisation de Simple Form

Sur le site Simple Form, vous entrez votre adresse Email pour recevoir un code appelé token. Attention cette adresse Email est celle vers laquelle toutes les demandes via le formulaire seront envoyées.

simple formVous recevez rapidemment un Courriel avec 3 informations importantes

  • Votre Token (une série de chiffre et lettre de plus de 30 caractères) que vous entrerez dans un champ de la particule
  • 1 lien pour personnaliser le courriel reçu à chaque utilisation du formulaire https://getsimpleform.com/instructions?api_token=VOTRE_TOKEN_ICI. Nous verrons ci-après un exemple de personnalisation mais le formulaire par défaut reste lisible
  • 1 lien pour voir tout les messages reçus à chaque utilisation du formulaire https://getsimpleform.com/messages?api_token=VOTRE_TOKEN_ICI. Vous savez que cela existe mais son utilisation n'est pas nécessaire puisque que vous retrouvez toutes les informations de réservation sur votre messagerie.



Configuration

La particule est séparée en trois parties: Les informations principales, les champs statiques (Nom, Email, Commentaire, Bouton) et les champs variables.

Informations principales

booking main fr

OptionDescription
Nom de la particule Entrez le nom que vous souhaitez attribuer à la particule. Il apparaît uniquement dans l'administration.
Simple Form token Veuillez mettre votre token Simple Form ici
CSS Classes Entrez la (les) classe (s) CSS que vous souhaitez utiliser dans le contenu de la particule.
Titre Définir le titre de la particule qui apparaîtra en frontal.
Description Texte d'introduction du formulaire (Sous le Titre).
Texte Bas du formulaire Texte sous le formulaire.
Message de remerciement Personnalisez votre message de remerciement.
Message d'erreur Personnalisez votre message d'erreur (au cas ou)

Champs statiques

booking static fr

OptionDescription
Nom Étiquette Étiquette pour le champ de formulaire Nom
Nom Saisie Entrez le texte que vous souhaitez faire apparaître dans la zone de saisie où les utilisateurs entreront leur nom.
Email Étiquette Étiquette pour le champ de formulaire adresse e-mail.
Email Saisie Entrez le texte que vous souhaitez faire apparaître dans la zone de saisie où les utilisateurs entreront leur adresse e-mail.
Voir commentaires Décocher si vous ne souhaitez pas voir la zone de texte de commentaires.
Commentaires Étiquette Étiquette pour le champ de formulaire Commentaires.
Commentaires Saisie Entrez le texte que vous souhaitez faire apparaître dans la zone de saisie où les utilisateurs entreront leurs Commentaires.
Bouton Envoyer Texte du Bouton "Envoyer".
Classes du bouton Classes CSS du bouton Envoyer

Pour les champs statiques, les variables utilisées pour la personnalisation de l'Email Simple Form sont: Nom, Email et Commentaire. Respectez la casse de ces éléments.

Champs variables

Sélectionnez dans un premier temps la langue du calendrier (EN, FR, DE, ES, IT, PT). En mode production, supprimer si nécessaire le cache de Gantry pour valider votre langue.
Puis, créez 4 éléments max, Date (calendrier), Heures (texte), Personnes (Spinner), Téléphone (texte). Ces éléments seront affichés sur la même ligne.

booking variables fr

booking variables all fr

OptionDescription
Langue Selectionner la langue du calendrier
Les items
Nom Entrez le nom que vous souhaitez attribuer à la variable. Il apparaît uniquement dans l'administration. Le nom que vous allez définir pour chaque champs sera aussi utilisée pour personnaliser le Courriel Simple Form. A ce niveau, le fichier Twig supprime les blancs et remplace les "é" en "e" pour la variable dédiée mais il est plus judicieux de définir un nom sans caractère spécial.
Type Sélectionner le type de champ: Texte (Horaire et Téléphone), Spinner (Nombre de couverts), Calendrier (Date).
Étiquette Étiquette pour le champ de formulaire.
Saisie Entrez le texte que vous souhaitez faire apparaître dans la zone de saisie. (Pas applicable avec le Spinner)
Requis Définissez si le Champs doit être remplis obligatoirement (logiquement tous).
Valeur minimale Utile uniquement pour le Type Spinner.
Valeur maximum Utile uniquement pour le Type Spinner.

Pour les champs "variables", les variables utilisées pour la personnalisation de l'Email Simple Form sont donc les Noms des champs. Respectez la casse de ces éléments.

Personnalisation de L'Email Simple Form

Sans Personnalisation, l"Email de réservation ressemble à cela :

simpleform email raw fr

Vous pouvez donc modifier cet Email via le bouton "Form settings"

simpleform email setup fr

Ci-après mes données que vous pouvez copier (remplacer "MonRestaurant" par ce que vous voulez)

Reply to field

Email

Subject template

"MonRestaurant" : Réservation en ligne de {{Nom}}

Body template

Bonjour "MonRestaurant",
<br />
Vous avez reçu une réservation en ligne de {{Nom}} <br />
<b>Email</b>:  {{Email}} <br />
<b>Téléphone</b>:  {{Telephone}} <br /><br />
<b>Date</b>:  {{Date}} <br />
<b>Horaire</b>:  {{Horaire}} <br />
<b>Nombre</b>:  {{Nombre}} personne(s)<br />
<b>Instructions spécifiques</b>:<br />
{{Commentaire}}
<br />
<p>répondez à ce message pour continuer la conversation (si nécessaire)</p>
  Le nouvel Email ressemble maintenant à cela :

simpleform email modified fr

Et vous pouvez directement répondre à votre client. Attention, vérifiez vos SPAM

Exemple

Réservation en ligne

Veuillez remplir le formulaire ci-dessous pour effectuer votre réservation.
Envoyer

Merci pour votre réservation. Nous vous contacterons bientôt sur les détails.

Impossible d'envoyer votre réservation. Veuillez essayer plus tard ou contacter l'administrateur.