Comment ajouter un formulaire de réservation de chambre d'hôtel dans WordPress

Publié: 2023-02-09
How to create a hotel room booking form

Souhaitez-vous faciliter la réservation d'une chambre d'hôtel par les clients via votre site Web ?

Vous pouvez créer un système de réservation à travers lequel les clients peuvent voir les dates disponibles et réserver les chambres souhaitées. Ils peuvent même avoir la possibilité de se renseigner avant de finaliser leur réservation. Plus important encore, vous devez être averti instantanément lorsqu'un utilisateur a soumis votre formulaire de réservation.

Dans ce guide, nous allons vous montrer comment mettre en place un formulaire de réservation sur votre site WordPress afin que vous puissiez effectuer efficacement les réservations d'hôtel en ligne.

De quoi avez-vous besoin pour créer un formulaire de réservation de chambre d'hôtel ?

Il n'y a pas si longtemps, vous auriez besoin de savoir coder ou d'engager un développeur pour créer un système de réservation de chambres d'hôtel sur votre site Web. Mais plus maintenant.

Avec des plugins comme WPForms, vous pouvez le configurer vous-même avec des connaissances de base sur WordPress.

wpforms

WPForms est le meilleur constructeur de formulaire WordPress sur le marché. Il est si facile à utiliser et constitue une excellente option pour les débutants.

Vous pouvez créer toutes sortes de formulaires pour votre site Web. Ainsi, par exemple, pour un hôtel, vous pouvez afficher un formulaire de contact, un formulaire de demande et un formulaire de réservation.

Vous pouvez également souhaiter que les clients fidèles qui reviennent aient la possibilité de se connecter à leur propre compte de membre pour obtenir des avantages exclusifs. WPForms facilite également la création de formulaires d'inscription et de connexion.

Et en plus, vous pouvez même ajouter un formulaire de demande d'emploi à votre section carrière pour pourvoir les postes vacants dans votre hôtel.

En tant que propriétaire d'hôtel, vous adorerez le fait que WPForms vous permette d'accepter les téléchargements de fichiers, afin que les clients puissent télécharger leur preuve d'identité. Les candidats peuvent envoyer leur CV et lettre de motivation.

Vous adorerez également les addons proposés par ce plugin. Ainsi, par exemple, il existe une option "Enregistrer et continuer" qui permet aux utilisateurs d'enregistrer toutes les données qu'ils ont remplies dans le formulaire. Ils peuvent revenir plus tard et reprendre là où ils se sont arrêtés.

Un autre addon génial est User Journey. Cela vous permet de voir comment les visiteurs trouvent votre site Web, quelles pages ils visitent et toutes les autres étapes qu'ils effectuent avant de soumettre votre formulaire de réservation. Vous pouvez utiliser ces informations clés pour mieux optimiser vos efforts de marketing.

Nous aimons WPForms et l'utilisons sur notre propre site. Voici quelques raisons :

  • Modèles pour chaque type de formulaire dont vous avez besoin
  • Générateur de formulaires par glisser-déposer facile
  • Intégrations marketing avancées
  • Intégrations de paiement
  • Enquêtes et sondages
  • Segmentation des utilisateurs
  • Gestion des entrées
  • Notifications instantanées par e-mail
  • Protection anti-spam intégrée
  • E-mails de confirmation automatisés aux clients

Et ce n'est que pour nommer quelques points forts de ce plugin. WPForms a beaucoup à offrir et nous l'avons couvert en profondeur dans notre guide : WPForms Review : Est-ce que ça vaut le battage médiatique ? [Doit lire]

La raison pour laquelle nous avons choisi WPForms pour cette tâche est qu'il existe un formulaire de réservation d'hôtel prêt à l'emploi que vous pouvez ajouter à votre site Web en 2 minutes. Ceci est disponible avec le plan Pro.

Cependant, WPForms a une version allégée qui peut être téléchargée à partir du référentiel WordPress. Bien que vous puissiez créer gratuitement un formulaire de réservation simple avec ce plugin, vous n'obtiendrez pas de fonctionnalités essentielles pour votre hôtel comme la gestion des entrées pour afficher toutes vos réservations en un seul endroit.

Donc, à la place, nous vous recommandons d'obtenir au moins la version WPForms Basic à 49,50 $ par an. Cela vous permet de démarrer avec toutes les bonnes fonctionnalités, même si votre budget est serré.

Dans ce didacticiel, nous utiliserons WPForms Pro pour vraiment montrer de quoi ce plugin est capable. Commençons.

Comment créer un formulaire de réservation de chambre d'hôtel dans WordPress

Pour suivre, vous devez avoir un site WordPress configuré. Au cas où vous ne le feriez pas, voici un guide utile que vous pouvez utiliser pour créer un site WordPress : Comment créer un site Web à partir de zéro étape par étape).

Étape 1 : Obtenez WPForms

Tout d'abord, vous devrez vous inscrire pour un compte WPForms.

Cela vous donnera accès à votre propre tableau de bord de compte WPForms. Dans l'onglet Téléchargements , vous trouverez votre fichier de téléchargement de plugin avec votre clé de licence.

wpforms-pro-license

Vous devez télécharger le fichier du plugin et l'installer sur votre site WordPress. Vous n'avez jamais fait cela auparavant ? Pas de soucis, suivez notre guide simple sur la façon d'installer un plugin WordPress.

Une fois que vous avez installé et activé le plugin WPForms, ouvrez WPForms »Paramètres dans votre tableau de bord d'administration WordPress. Pour activer les fonctionnalités pro, vous devez entrer votre clé de licence ici.

WPForms license page

Cliquez sur le bouton Vérifier la clé et vous verrez le message de réussite de la vérification.

Vous êtes maintenant prêt à configurer votre formulaire de réservation d'hôtel.

Sous l' onglet WPForms »Ajouter un nouveau , vous verrez la bibliothèque de modèles. Tout d'abord, vous pouvez ajouter un nom à votre formulaire afin qu'il vous soit facile de l'identifier dans le tableau de bord WPForms.

Dans la barre de recherche disponible, tapez "hôtel" et vous verrez tous les modèles associés que vous pouvez utiliser.

hotel room booking template

Vous pouvez voir des démos de chaque modèle pour voir celui qui vous convient le mieux. Gardez à l'esprit que chaque modèle est facile à personnaliser afin que vous puissiez ajouter/supprimer/modifier des champs comme vous le souhaitez.

Lorsque vous sélectionnez un modèle, le générateur de formulaire visuel s'ouvre. Cela vous permet de modifier votre formulaire tel qu'il apparaîtra lorsqu'il sera en ligne sur votre site. Pas besoin de faire des allers-retours avec des aperçus pour savoir si vous le faites correctement.

Pour ajouter un nouveau champ, faites simplement glisser l'un des champs disponibles dans votre formulaire. C'est vraiment aussi simple que cela. Vous pouvez également faire glisser et déposer des champs existants pour réorganiser l'ordre des détails du formulaire.

WPForms drag and drop builder

WPForms vous permet d'ajouter :

  • Menus déroulants
  • Choix multiple
  • Cases à cocher
  • Nombres
  • Curseurs numériques

Selon le plan que vous avez sélectionné, vous aurez également des options pour ajouter des champs avancés comme les téléchargements de fichiers. Vous verrez également des champs de paiement.

payment fields

Cela permet aux utilisateurs de sélectionner leur chambre au tarif mentionné. Ils peuvent alors voir leur facture totale et effectuer le paiement en ligne pour confirmer leur réservation.

Pour ajouter des options de paiement, vous devrez installer et activer le module complémentaire d'intégration de paiement dont vous avez besoin, tel que Stripe, Authorize.net, Square ou PayPal. Suivez ce guide pour des étapes détaillées : Comment accepter les paiements Stripe. et Comment ajouter Square Payments à WordPress.

Ensuite, si vous avez besoin de personnaliser le texte d'un champ, sélectionnez le champ pour obtenir des options dans la barre des tâches de gauche.

edit field in wpforms

Vous pouvez modifier l'étiquette, la description et le format. Vous pouvez même marquer le champ comme obligatoire. De cette façon, si l'utilisateur n'a pas rempli son nom ou son adresse e-mail, il ne pourra pas soumettre le formulaire.

Maintenant, WPForms a l'air simple mais vous pouvez faire des choses vraiment sympas avec. Par exemple, si vous souhaitez ajouter un catalogue de chambres disponibles avec des images pour vraiment vendre votre hôtel, voici ce que vous devez faire.

Tout d'abord, sélectionnez le champ de formulaire Préférence de salle . Vous verrez une option "Utiliser les choix d'image" dans le panneau de gauche. Lorsque vous activez cette option, vous verrez des boutons vous permettant d'ajouter des images à chaque champ.

use images in form

Vous pouvez maintenant télécharger des images ici. WPForms recommande d'utiliser la même taille de 250 × 250 pixels. Cela garantit que le catalogue est magnifique sur tous les appareils.

Jetez un œil à notre exemple ci-dessous. Le formulaire est plus attrayant lorsque vous ajoutez une photo de la chambre à laquelle vos clients peuvent s'attendre lorsqu'ils réservent avec vous.

images-in-booking-form

Une fois que vous avez terminé de personnaliser votre formulaire, assurez-vous de cliquer sur le bouton Enregistrer en haut pour enregistrer toutes vos modifications.

Votre formulaire de réservation d'hôtel est maintenant prêt, mais avant de le publier, configurons quelques paramètres importants.

Étape 3 : Configurer les notifications de formulaire

Lorsqu'un utilisateur soumet le formulaire, vous pouvez lui envoyer une réponse automatisée par e-mail. Vous pouvez également envoyer à vous-même ou à votre équipe une alerte par e-mail concernant le nouvel abonné.

Sous l'onglet Paramètres » Notifications , vous verrez une notification par défaut déjà configurée. Cela envoie une copie de l'entrée du formulaire à l'adresse e-mail de l'administrateur.

admin email notification in wpforms

Il existe plusieurs façons d'utiliser ces notifications. Si vous souhaitez que le même e-mail aille dans votre boîte de réception ainsi que dans la boîte de réception du client, vous pouvez sélectionner "Afficher les balises actives" et choisir l'e-mail.

choose-user-email

Cela détectera automatiquement l'adresse e-mail renseignée dans le formulaire. Si vous ajoutez plusieurs adresses e-mail, il vous suffit de vous assurer qu'elles sont séparées par des virgules.

Vous pouvez également configurer des notifications distinctes à l'aide du bouton "Ajouter une nouvelle notification" en haut. Cela vous permet d'en créer un pour vous ou votre équipe et un autre pour le client.

admin email notification in wpforms

En dessous, vous pouvez modifier le message électronique pour le rendre plus personnalisé.

custom room booking email notification

Maintenant que vous avez configuré les notifications par e-mail, nous pouvons ensuite examiner les messages de confirmation qui apparaîtront sur votre site Web lui-même.

Sous l'onglet Confirmations , vous verrez un message déjà configuré pour vous. Celui-ci sera affiché sur votre site Web lorsqu'un utilisateur soumettra le formulaire.

onscreen room booking confirmation

Vous pouvez modifier ce qui se passe lorsque l'utilisateur soumet le formulaire ici. WPForms vous permet :

  • Afficher un message : Vous pourriez les remercier ou confirmer leur abonnement.
  • Afficher la page : vous pouvez afficher n'importe quelle page de votre site Web, par exemple une page de remerciement.
  • Rediriger vers l'URL : cela vous permet de les diriger vers une page Web tierce qui ne fait pas partie de votre site Web.
confirmation in wpforms

Il est très facile d'ajouter ces options, nous n'entrerons donc pas dans les détails ici. Nous avons couvert cela en profondeur dans notre guide : Comment configurer les bonnes notifications et confirmations de formulaire.

Étape 4 : Connectez-vous au marketing par e-mail

Vous pouvez connecter votre formulaire au marketing par e-mail et ajouter tous les nouveaux prospects à votre liste de contacts par e-mail.

Sous l'onglet Marketing , vous verrez les options d'intégration disponibles. Sélectionnez simplement votre fournisseur préféré et vous verrez une option pour installer et activer l'addon marketing pour ce fournisseur.

Une fois activé, vous pouvez sélectionner et cliquer sur le bouton Ajouter une nouvelle connexion . Ensuite, vous pouvez suivre les instructions à l'écran pour vous connecter à votre compte. Dans la plupart des cas, vous devrez saisir un code d'autorisation ou une clé API qui vous est fourni par le fournisseur de messagerie.

add new connection in wpforms

Vous pouvez également vous connecter à des plateformes de marketing de contenu et d'automatisation telles que HubSpot, Zapier et Uncanny Automator.

Votre formulaire est maintenant prêt à être mis en ligne.

Étape 5 : Publiez le formulaire de réservation de chambre d'hôtel

WPForms facilite incroyablement l'ajout du formulaire à n'importe quelle page, publication ou zone prête pour les widgets de votre site.

Dans le générateur de formulaires, vous verrez une option pour intégrer le formulaire en haut de la page. Cela facilite la sélection d'une page existante ou la création d'une nouvelle page pour ajouter le formulaire.

Embed WPForms

Vous pouvez également quitter l'éditeur ici et intégrer le formulaire à tout moment. Pour ce faire, ouvrez simplement une page ou publiez dans l'éditeur de blocs. Ajoutez un nouveau bloc et recherchez 'WPForms'.

Lorsque vous ajoutez ce bloc, vous verrez une mascotte WPForms avec un menu déroulant qui vous permet de sélectionner le formulaire optin que vous venez de créer.

add wpforms in block editor

Ce widget est disponible dans tous les constructeurs WordPress populaires comme SeedProd et Elementor. Si vous utilisez toujours l'éditeur classique, vous verrez un bouton qui vous permet de choisir et d'intégrer le formulaire.

Si vous souhaitez afficher le formulaire dans un pied de page, un en-tête ou une barre latérale, rendez-vous sur l'onglet Apparence » Widgets . Ici, vous pourrez ajouter le bloc WPForms à votre pied de page ou à votre barre latérale en utilisant le même widget.

C'est ça! Vous avez créé avec succès un formulaire de réservation de chambre d'hôtel pour votre site Web.

Maintenant, pour augmenter les conversions, vous pouvez consulter OptinMonster. Cet outil vous permet de créer de superbes popups, des boîtes de défilement, des tapis de bienvenue et des diapositives pour le site Web de votre hôtel. Vous pouvez l'utiliser pour obtenir plus de prospects et d'abonnés à votre newsletter et à vos promotions par e-mail.

Vous aimerez peut-être aussi TrustPulse pour le site de votre hôtel. Il vous permet d'afficher des notifications d'activité récente sur votre site dans de petites fenêtres contextuelles non intrusives.

trustpulse new homepage

Ainsi, par exemple, vous pouvez afficher qui a récemment réservé une chambre, combien de personnes consultent la page de réservation et combien de personnes ont réservé une chambre. Vous pouvez même afficher les derniers avis sur votre hôtel. Chaque fenêtre contextuelle est cliquable afin que vous puissiez ajouter un lien vers la page de réservation ou toute autre page sur laquelle vous souhaitez qu'ils atterrissent.

trustpulse review popups

TrustPulse vous permet également de créer des messages statiques pour attirer l'attention d'un utilisateur afin qu'il réserve sa chambre maintenant !

C'est tout ce que nous avons pour vous. Maintenant que vous savez comment créer un formulaire de réservation de chambre d'hôtel, vous pouvez explorer nos guides associés :

  • Comment créer un entonnoir de vente dans WordPress (Guide du débutant)
  • Comment obtenir plus d'avis en ligne pour développer votre entreprise WordPress
  • Comment configurer le suivi des formulaires WordPress dans Google Analytics

Ces articles vous aideront à dynamiser votre entreprise et à mieux comprendre ce qui fonctionne pour vous.