Comment créer un formulaire de réservation en ligne wordpress pour les hôtels?
Voulez – vous créer un formulaire de réservation en ligne wordpress pour votre hôtel? Saute dedans. Les formulaires de réservation en ligne dans WordPress sont utilisés pour réserver à l’avance des chambres d’hôtel, des séjours, des rendez – vous, etc. Pour survivre dans un monde en réseau compétitif, une bonne présence est nécessaire. Si vous possédez un hôtel, vous avez besoin d’esthétique. Un formulaire de réservation préparé répond à vos besoins commerciaux. Dans cet article, nous vous montrerons comment créer un formulaire de réservation d’hôtel en ligne dans WordPress. De plus, nous vous montrerons comment intégrer les formulaires dans votre calendrier afin que vous puissiez en faire plus.
Résumé Pourquoi avez – vous besoin d’un formulaire de réservation d’hôtel en ligne WordPress? Comment créer un formulaire de réservation d’hôtel en ligne WordPress? Étape: 1 installer Everest forms Étape 2: installer Everest forms pro et Add – ons 1. Installez Everest forms pro sur le site 2. Installer style customizer et zapier add – ons Étape 3: créer le formulaire de réservation d’hôtel en ligne WordPress 1. Commencez par le modèle 2. Ajouter et organiser les champs 3. Options de champ Étape 4: personnaliser le formulaire de réservation d’hôtel en ligne WordPress Étape 5: modifier les paramètres du formulaire de réservation d’hôtel en ligne 1. Configurer les paramètres généraux 2. Configurer les paramètres de courriel Étape 6: publier le formulaire de réservation en ligne wordpress pour l’hôtel Étape 7: intégrer votre formulaire de réservation avec Google Calendar 1. Créer Zap 2. Paramètres de déclenchement 3. Test trigger 4. Pourquoi un formulaire de réservation d’hôtel en ligne WordPress est – il nécessaire pour configurer l’opération Packaging? Dans un monde où il y a Internet dans la plupart des coins du monde, vous ne voulez pas que vos clients passent
Visite personnelle, téléphone ou courriel. Ils ne peuvent tout simplement pas vous réconforter, ni garantir que vos clients seront en mesure de faire une bonne réservation.
Cependant, si votre entreprise dispose d’un site Web, vous pouvez vous assurer de réserver auprès de vos clients. Tout ce que vous avez à faire est de créer, modifier et télécharger un formulaire de réservation de restaurant. Ensuite, Intégrez – le au calendrier. Par conséquent, vous et vos clients serez informés de chaque réservation réussie. Vous aurez toujours un calendrier pour voir les réservations et faire plus. Il s’agira d’économiser du temps et de simplifier la gestion des réservations afin d’assurer la sécurité des réservations des clients et d’accroître votre influence sur les affaires et en ligne. Dans cet article, nous en discuterons ensemble.
Comment créer un formulaire de réservation d’hôtel en ligne WordPress? Le concept de création d’un formulaire de réservation d’hôtel en ligne dans WordPress est simple. Créez un module WordPress, téléchargez – le et Intégrez – le dans votre calendrier. Bien sûr, vous utiliserez une plateforme idéale pour les débutants. Mais il y a beaucoup de petites étapes que vous pourriez avoir besoin d’aide. Il est toujours bon d’avoir une bonne compréhension de la façon de faire quelque chose avant de le faire réellement. Voici un guide étape par étape pour créer un formulaire de réservation de restaurant en ligne pour WordPress.
Tout d’abord, vous devez sélectionner un plugin pour créer un formulaire de réservation d’hôtel en ligne pour le site WordPress. Choisir un plugin peut être difficile dans WordPress, et nous l’avons déjà fait. C’est pourquoi nous avons choisi le meilleur plugin pour créer un formulaire de réservation en ligne pour votre site WordPress. Everest forms, simple Drag – and – drop module Builder est le meilleur plug – in de création de module que vous pouvez obtenir. C’est parfait.
Débutant et bon dossier. Il vous permet de créer facilement un formulaire de contact, un sondage en ligne, un formulaire de réservation ou tout type de formulaire en ligne.
Si vous avez besoin d’aide, Everest Morphology offre un soutien exceptionnel. Nous ne pouvons pas parler de toutes les fonctions ici. Explorons nos formulaires de réservation d’hôtel en ligne lorsque nous les créons dans WordPress. Étape: 1 installer le formulaire Everest nous devons installer le formulaire Everest avant de commencer à créer le formulaire de réservation de restaurant. Ainsi, tout d’abord, accédez au tableau de bord WordPress.
Ensuite, allez au plug – in > > Ajouter un nouveau plug – in.
Dans la barre de recherche de la Bibliothèque plug – in, tapez les formulaires Everest. Ceci vous apportera le module Everest et les plug – ins associés. Appuyez sur installer dans le panneau formulaires Everest.
Après avoir installé Everest forms, cliquez sur le bouton activer dans le panneau pour l’activer.
Terminé! Le formulaire Everest est activé. Vous êtes encore plus près de créer un formulaire de réservation d’hôtel en ligne pour le site WordPress.
Étape 2: installez Everest forms pro et Add – ons vous venez d’installer une version gratuite d’Everest forms. C’est un outil utile si vous voulez créer un formulaire de demande d’emploi, un formulaire de contact, etc. Mais nous voulons faire plus avec ce module, par exemple en l’intégrant aux services de paiement et à d’autres applications Web. Nous avons donc besoin d’une version professionnelle du formulaire Everest.
Pour installer une version professionnelle des formulaires Everest, allez à la page prix des formulaires Everest. Vous y trouverez quatre étages différents: personnel, plus, professionnel et agent. Toutes les caractéristiques morphologiques du Mont Everest sont incluses dans le programme professionnel et peuvent être utilisées dans un maximum de 25 sites. Il nous faut un plan professionnel.
Une fois que vous aurez entré les informations requises, vous créerez également un compte wpeverest. Tous les plug – ins et plug – ins avancés et
Morphologie de l’Everest. Dans la section téléchargement, téléchargez deux add – ons: style customizer et zapier.
Ensuite, allez sur le tableau de bord WordPress. Ensuite, allez au plug – in > > Ajouter un nouveau > > charger le plug – in. Libérez le fichier zip de l’add – in que vous avez téléchargé ici, puis appuyez sur le bouton Installer maintenant. Enfin, activez le plug – in en cliquant sur le bouton activer le plug – in. Félicitations. Vous avez installé avec succès les add – ins requis. Vous pouvez enfin commencer à créer le formulaire de réservation d’hôtel WordPress Online.
Étape 3: créer un formulaire de réservation d’hôtel en ligne WordPress maintenant que tout est réglé, nous pouvons utiliser le générateur de formulaires glisser – déposer pour créer un formulaire de réservation d’hôtel en ligne 1. Sur le tableau de bord WordPress, vous devriez maintenant voir un nouvel onglet, le formulaire Everest, ajouté au menu du tableau de bord. Lorsque vous passez le curseur au – dessus, vous verrez plusieurs options affichées à droite. Cliquez sur Ajouter une nouvelle option.
Ceci vous mènera à la page modèle de formulaire Everest. Il y a une douzaine de modèles à découvrir.
Faites défiler vers le bas pour voir le modèle qui vous convient le mieux. Comme nous discutons du formulaire de réservation d’hôtel en ligne pour le site WordPress, nous avons choisi le modèle de réservation d’hôtel. Passez le curseur sur le modèle et vous verrez deux options: démarrer et prévisualiser. Cliquez sur démarrer.
On vous demandera maintenant d’entrer le nom du formulaire de réservation. Donnez – lui un nom que vous aimez et cliquez sur continuer.
Bienvenue dans l’éditeur de modules du plug – in Everest forms. Vous trouverez ici de nombreuses options pour personnaliser votre formulaire de réservation en ligne.
Sur votre gauche, vous pouvez voir plusieurs champs que vous pouvez ajouter au formulaire d’abonnement. Les champs du formulaire sont affichés à droite. Les champs que vous pouvez ajouter au formulaire sont divisés en différentes sections.
Champ général champ avancé champ paiement champ enquête le champ contient tous les champs dont vous avez besoin dans le formulaire, y compris la date \/ heure, les sélections multiples, la signature, la barre de défilement de la plage, etc. Lorsque vous créez des formulaires de réservation d’hôtel en ligne, n’hésitez pas à les consulter. 2. Ajouter et organiser des champs pour ajouter des champs, il suffit de faire glisser et de déposer les champs à droite. Par exemple, nous aimerions savoir quand réserver. Ensuite, nous ferons simplement glisser le champ date \/ heure dans le champ avancé et le relâcherons à droite.
Si vous devez ajouter une ligne au formulaire. Cliquez sur le bouton Ajouter une ligne en bas de la Section de droite.
Si vous devez ajouter deux éléments à une ligne, passez le curseur sur une ligne spécifique. Dans le coin supérieur droit de la ligne, vous verrez deux icônes, un panier et un crayon. Cliquez sur l’icône crayon.
Lorsque vous cliquez sur l’icône crayon, les paramètres de ligne de la ligne sont affichés dans la liste déroulante. Où vous pouvez sélectionner le nombre de colonnes pour la ligne.
Si vous devez réorganiser la ligne, passez le curseur sur la ligne. Vous verrez des lignes pointillées autour de la ligne. Faites glisser la ligne en cliquant sur une position près de la ligne extérieure et placez – la à l’endroit désiré.
Cependant, si vous devez Réarranger les champs sur d’autres lignes, faites glisser les champs en cliquant sur la ligne interne où ils se trouvent. Mettez – le dans l’équipe qui lui convient. C’est ainsi que vous pouvez ajouter et organiser différents champs dans le formulaire de réservation d’hôtel en ligne du site WordPress. 3. Options de champ nous avons maintenant ajouté plusieurs champs au formulaire de réservation en ligne du site WordPress. Il est temps de modifier les propriétés de ces champs. Dans la partie gauche de la fenêtre de l’éditeur de modules, vous pouvez voir deux onglets: ajouter cam
Pi et options de champ. Cliquez sur l’onglet options de champ. Vous verrez ici plusieurs options pour configurer la fonctionnalité des champs de formulaire. Pour configurer un champ, cliquez dessus et vous verrez les options de champ pour ce champ particulier.
Les options de champ les plus courantes sont l’étiquette, la méta – clé, la description, l’étiquette cachée, le champ requis et le message de champ requis. L’option Étiquette est utilisée pour le nom du champ. La métaclé est le nom du champ dans la base de données. L’option description décrit vos champs aux visiteurs. L’option souhaitée est une case à cocher. Sélectionnez – le pour rendre ce champ obligatoire. De plus, le message champs obligatoires est utilisé lorsque l’utilisateur tente de soumettre un formulaire sans remplir de champs.
L’option masquer les étiquettes se trouve dans la section options avancées. Sélectionnez cette option pour masquer l’étiquette du champ. Une autre option courante dans les options avancées est le texte du substituant. Le texte du substituant est le texte affiché dans le champ avant que l’utilisateur ne fournisse les données.
Les autres champs que vous pourriez aimer sont les classes CSS et la logique conditionnelle. Si vous connaissez CSS, vous pouvez faire plus dans ce domaine en utilisant les options de classe CSS.
La logique conditionnelle est utilisée pour ajouter des fonctionnalités intéressantes aux champs. Lorsque vous sélectionnez l’option activer la logique conditionnelle, vous verrez l’option règles conditionnelles.
Ces options vous permettent de choisir d’afficher ou de masquer d’autres champs avec des valeurs spécifiques. Par exemple, dans le modèle de formulaire de réservation d’hôtel, le champ d’adresse de réception n’apparaît que lorsque vous cliquez sur Oui, s’il vous plaît. \
GEO 4: personnaliser le formulaire de réservation d’hôtel en ligne WordPress vous avez ajouté et configuré des champs pour le formulaire de réservation d’hôtel en ligne ou pour le site WordPress. Mais ce n’est pas le seul changement que vous pouvez apporter au formulaire de réservation. Vous pouvez également personnaliser l’apparence. La forme de l’Everest vous offre un grand choix. Prends – le. La forme de l’Everest… La montagne du choix? Pour commencer à personnaliser votre formulaire d’abonnement en ligne, cliquez sur l’icône concepteur de formulaire dans le coin inférieur droit de la fenêtre de l’éditeur de formulaire.
Personnellement, nous pensons que le module lui – même semble bon. Mais vous pouvez l’améliorer en offrant des options. Pour simplifier les choses, Everest forms offre une interface comme WordPress customizer.
À gauche se trouve le menu personnalisé. Voici les options pour personnaliser le style de formulaire. À droite, il y a un aperçu en direct du module. Oui, vous pouvez voir les modifications apportées au formulaire en temps réel.
Bien sûr, nous ne couvrirons pas chaque option dans chaque onglet. Nous en laisserons pour explorer. De plus, si nous lisons cet article, cela prendra beaucoup de temps. Nous ne traiterons donc que des questions communes et importantes. La première option que vous verrez est l’option modèle. Vous pouvez cliquer sur le bouton Modifier pour passer de la mise en page classique à la mise en page par défaut.
Après cela, il y aura des cartes à différentes fins. Le premier onglet est form wrapper. Cette option façonne l’arrière – plan, la police et la bordure du formulaire.
Dans l’onglet shell du module, vous verrez des options pour sélectionner la largeur, la police, la couleur et l’image de fond, le type de bordure, le rayon, et plus encore. Vous pouvez également modifier le remplissage et les marges du formulaire.
Après l’onglet boîtier du module, il y a des onglets pour les composants individuels du module, tels que les étiquettes du module, les sous – étiquettes du module
Ou envoyé correctement.
Si vous faites défiler vers le bas, vous pouvez voir plus d’options. Avec l’option rediriger vers, vous pouvez rediriger l’utilisateur vers une page spécifique après avoir soumis le formulaire. Vous pouvez également modifier la disposition du formulaire et la conception de la classe CSS. Les options suivantes se rapportent au bouton soumettre. Vous pouvez également modifier le texte dans le bouton soumettre pendant le traitement. Vous pouvez même appliquer la logique conditionnelle au bouton soumettre.
La section aperçu porte principalement sur la situation avant la publication du formulaire de réservation d’hôtel en ligne. 2. Après avoir configuré le formulaire de soumission des paramètres de courriel, votre option sera traitée dans la section courriel. Pour commencer à configurer les paramètres du courriel, cliquez sur la section courriel.
Dans la section E – mail, vous pouvez configurer les notifications par e – mail lorsque quelqu’un remplit le formulaire de réservation.
En haut, vous verrez le bouton on \/ off pour la notification par courriel. Par conséquent, vous pouvez entrer le nom de la notification dans un champ.
L’option adresse du destinataire se rapporte au courriel auquel l’avis sera envoyé. Par défaut, sa valeur de code Court est {admin _ email}. Cela signifie que la notification sera envoyée à l’Administrateur du site. Dans l’option nom du formulaire, saisissez le nom du formulaire à afficher dans la notification.
Ces deux paramètres sont utilisés pour les notifications par courriel que vous recevez. Maintenant, pour les courriels, vos visiteurs recevront le formulaire une fois qu’il aura été soumis avec succès. Dans l’option adresse de l’expéditeur, saisissez un courriel pour envoyer un message aux visiteurs. De plus, dans les options de réponse, sélectionnez la personne qui recevra le message. Vous ne savez toujours pas quelle est l’adresse électronique du visiteur. Par conséquent, dans ce cas, nous utiliserons un code court. Appuyez sur le raccourci à droite. Maintenant, faites défiler vers le bas et vous verrez une option appelée courriel de l’utilisateur. Cliquez dessus. Le Code Court a été appliqué et le courriel va maintenant à n’importe quelle adresse que vous avez
Pour vos visiteurs.
Ensuite, dans l’option sujet de courriel, saisissez le sujet du courriel que vous souhaitez envoyer aux visiteurs. Ensuite, dans la section courriel, tapez votre message. Par défaut, il a un code court {tous les champs}. Cela signifie que vos visiteurs verront tous les champs du formulaire qu’ils remplissent à nouveau. Oui, vous pouvez appliquer la logique conditionnelle au courriel en utilisant l’option activer la logique conditionnelle.
Si vous souhaitez configurer plus d’un courriel, vous pouvez utiliser le bouton bleu ajouter un nouveau courriel dans l’onglet paramètres du courriel à gauche.
On vous demandera de prendre un surnom pour votre courriel. Numéro, puis cliquez sur OK.
Les paramètres de courriel sont les mêmes pour ce courriel. Par conséquent, vous pouvez facilement configurer n’importe quel nombre de courriels que vous ajoutez. Enfin, n’oubliez pas d’appuyer sur le bouton Enregistrer en haut à droite pour enregistrer le formulaire de réservation en ligne de l’hôtel.
Vous venez de configurer une réponse automatique pour les notifications par courriel et les formulaires d’abonnement. Vous n’avez pas à répondre manuellement à toutes les soumissions que le Sommet de l’Everest a faites pour vous.
Étape 6: publier le formulaire de réservation en ligne WordPress de l’hôtel le formulaire de réservation en ligne de l’hôtel est prêt. Maintenant, il est prêt à voir la lumière du monde extérieur, prêt à donner de l’espoir aux visiteurs. Ensuite, donnez – leur un espace confortable sur votre site pour interagir avec vos visiteurs. Tout d’abord, nous avons créé une page dédiée au nouveau formulaire d’abonnement. Pour ce faire, allez à la page > > Ajouter un nouveau contenu sur le tableau de bord WordPress.
Bienvenue dans l’éditeur WordPress Gutenberg. Ici, donnez un titre approprié à votre page et ajoutez quelque chose que vous aimez.
Pour ajouter un formulaire, cliquez sur le bouton plus à droite de la page.
Vous verrez une grille contenant tous les blocs que vous pouvez ajouter à la page. Cliquez sur le module Everest. Oui, e
Verest forms crée ici un bloc pour ajouter le formulaire à la page.
Une fois cliqué, vous verrez le bloc de formulaire Everest ajouté à la page. Cliquez sur le bouton sélectionner les options de formulaire et sélectionnez le formulaire.
Votre formulaire s’applique maintenant à cette page.
Enfin, appuyez sur le bouton publier en haut à droite pour publier une page avec un formulaire de réservation d’hôtel en ligne.
Étape 7: intégrer le formulaire de réservation à Google Calendar et créer et configurer un formulaire de réservation en ligne pour votre hôtel, vous serez avisé de tout formulaire de soumission. Si le nombre de visiteurs est contrôlé, le formulaire de réservation est suffisant. Cependant, si vous avez un grand nombre de visiteurs, vous ne pouvez pas vérifier chaque notification. Dans cet esprit, le formulaire Everest vous permet de vous connecter au calendrier Google afin que vous puissiez gérer toutes vos réservations en un seul endroit. Intégration avec Google Calendar via le plug – in zapier dans le formulaire Everest. Nous avons installé des add – ons. Commençons par ça. 1. Créez d’abord ZAP et allez au tableau de bord zapier.
Si vous n’avez pas de compte zapier, continuez à en créer un. Vous ne voulez pas manquer une excellente application Web. Dans zapier, cliquez sur l’onglet zaps dans le menu de gauche.
Ceci vous mènera à la liste de tous les Zap. Zap est une fonction Web qui relie deux applications. Si vous n’avez pas de Zap, cliquez sur le bouton bleu créer un nouveau Zap. Vous pouvez également cliquer sur le bouton créer Zap en noir dans le coin supérieur gauche.
Bienvenue dans la fenêtre de l’éditeur Zap. 2. Définissez le déclencheur dans la fenêtre de l’éditeur Zap. Vous définissez le déclencheur et l’opération pour votre Zap. Dans zapier, le déclencheur est la cause et l’action est le résultat. D’abord, nommez votre Zap dans le coin supérieur gauche. On va appuyer sur la détente. Intégrer les formulaires d’abonnement via webhook. Le crochet réseau est Fu
Information en temps réel entre deux applications Web. Donc, notre déclencheur à zapier doit être webhook. Continuez à rechercher les webhooks sous l’option app event.
Cliquez sur l’option zapier webhook. Il est temps de définir l’événement de déclenchement qui va démarrer votre Zap. Réglez l’événement de déclenchement sur le crochet de capture. Parce que nous voulons obtenir des informations à partir du formulaire de réservation.
Ensuite, appuyez sur le bouton bleu continuer.
Réglez le déclencheur maintenant. Vous verrez une URL de webhook personnalisée sous l’option activateur de configuration. Copiez – le. Ensuite, appuyez sur le bouton Enregistrer et continuer.
Nous devons coller cette URL webhook dans le formulaire d’abonnement afin que webhook fonctionne correctement. Puis allez sur le tableau de bord WordPress. Psst: créez un nouvel onglet afin que vous ne manquiez pas le travail que vous avez fait dans le module zapier go to Everest > > tous les modules. Cliquez sur le nom du formulaire de réservation en ligne de l’hôtel. Ensuite, cliquez sur l’onglet intégration dans la barre supérieure de la fenêtre de l’éditeur de formulaires.
Ici, vous verrez zapier ajouté à votre onglet intégration. Sélectionnez activer l’option zapier. Et collez l’URL webhook copiée de zapier dans l’option URL webhook. Enfin, appuyez sur le bouton Enregistrer en haut à droite pour enregistrer les modifications apportées au formulaire.
Webhook va maintenant devenir un moyen d’intégrer les formulaires de réservation en ligne et les calendriers Google. Il est temps de tester le déclencheur. De cette façon, zapier vérifiera si votre webhook saisit et transmet les informations contenues dans le formulaire d’abonnement. Mais nous n’avons pas encore fourni d’informations sur le formulaire de réservation. Ensuite, demandez à quelqu’un d’autre de remplir le formulaire sur votre site Web ou de le faire vous – même. Une fois le formulaire soumis, vous pouvez appuyer sur le bouton test trigger sur zapier.
N’oubliez pas: Vous devez coller l’URL du webhook dans
Laisse zapier l’attraper. Une fois que vous appuyez sur le bouton test Trigger, vous verrez zapier dire: Nous avons trouvé une demande! Vous verrez également le formulaire d’information. Vos déclencheurs ne sont pas configurés et testés. Appuyez sur le bouton continuer.
Votre déclencheur a été configuré et testé. Il est temps d’agir. 4. Opération de configuration pour commencer l’opération de configuration, sélectionnez une application. Choisissez Google Calendar cette fois. Sous les événements d’action, vous pouvez sélectionner plusieurs options, telles que l’ajout rapide d’événements, la création d’événements détaillés, la mise à jour d’événements, et plus encore. Pour simplifier les choses, Ajoutons rapidement des événements et appuyez sur continuer.
Sélectionnez le compte Google Calendar pour lequel vous souhaitez ajouter une activité. Puis appuyez sur Save pour continuer.
Il est temps de régler l’opération. Sélectionnez le calendrier et décrivez l’événement. Vous pouvez choisir la valeur du champ formulaire d’abonnement comme nom de visiteur décrivant l’événement. Enfin, appuyez sur Save et continuez à tester votre action.
Cliquez sur le bouton essayer et continuez à tester votre action.
Lorsque vous cliquez dessus, zapier ajoute un événement à votre calendrier Google. Va voir. Les détails de l’activité seront affichés dans zapier.
Enfin, appuyez sur le bouton activer Zap pour compléter la configuration Zap.
Félicitations. Votre formulaire de réservation en ligne pour votre hôtel WordPress est maintenant intégré au calendrier Google. Chaque fois que quelqu’un soumet un formulaire, zapier ajoute un nouvel événement à votre calendrier Google. Vous pouvez maintenant voir toutes les soumissions directement à partir du calendrier.
Vous pouvez utiliser le plugin pour créer un formulaire de réservation en ligne wordpress pour votre hôtel, comme le formulaire Everest. Everest forms est un puissant générateur de modules qui vous permet de créer n’importe quel type de module. Vous pouvez intégrer des modules à un grand nombre d’applications en ligne en ajoutant des composants
Disponible dans le module Everest. L’intégration des formulaires de réservation en ligne avec les calendriers Google se fait via le plug – in zapier. Zapier fournira un crochet Web pour saisir les informations du formulaire de réservation et les envoyer à Google Calendar. Tu en sais un peu plus qu’avant. Si vous êtes d’accord, envisagez de partager cet article. Laissez – moi faire le tour du monde. De plus, si vous souhaitez créer d’autres types de formulaires, consultez nos autres articles. Que diriez – vous d’écrire un article sur la façon de créer un formulaire de demande d’emploi dans WordPress.
