Comment créer un formulaire de réservation sur votre site WordPress sans effort ?

Publié: 2023-11-28

Créer un formulaire de réservation sur un site WordPress implique souvent des étapes complexes qui déroutent les propriétaires de sites Web. Mais disposer d'un formulaire de réservation est nécessaire pour votre site, surtout si votre activité concerne les services, car vos clients peuvent facilement sélectionner leurs services préférés.

Dans cet article, je vais vous montrer comment créer rapidement et facilement un formulaire de réservation sur un site Web WordPress avec MetForm grâce auquel vous pouvez permettre à vos clients de faire toutes sortes de réservations.

De la planification de rendez-vous et de réunions en ligne à la réalisation de réservations, MetForm vous permettra de créer des formulaires de réservation pour tous ces types de réservations.

Contenus [cacher
1 avantages de créer un formulaire de réservation sur votre site Web
2 Comment créer un formulaire de réservation sur un site Web WordPress avec MetForm ?
2.1 Étape 1 : Installer et activer MetForm
2.2 Étape 2 : titrez votre page et passez à la fenêtre Elementor
2.3 Étape 3 : Glissez-déposez le widget MetForm
2.4 Étape 4 : Sélectionnez un nouveau modèle de formulaire de réservation avec Elementor
2.5 Modifier et personnaliser le modèle de formulaire de réservation MetForm
2.6 Mettre à jour, fermer la fenêtre et publier la page
2.7 Afficher le formulaire de réservation en direct sur la page
3 Choisissez le modèle de formulaire de réservation et insérez-le dans la page/la publication (alternative)
3.1 Étape 1 : Créer un nouveau formulaire de réservation
3.2 Étape 2 : Insérer le modèle de formulaire de réservation
4C'est votre tour

Avantages de créer un formulaire de réservation sur votre site Web

L'ajout d'un formulaire de réservation à votre site Web peut faciliter le processus de communication. Clients, partenaires et participants à l'événement peuvent vous contacter sans aucune complexité.

Les avantages suivants vous obligent à ajouter une réservation à votre site Web WordPress :

  • Libérez le temps de vos employés en automatisant le processus de réservation
  • Créez un push instantané pour les clients lorsqu'ils sont d'humeur à acheter
  • Fournir aux clients un accès 24h/24 et 7j/7 pour prendre rendez-vous ou réserver
  • Évitez le goulot d'étranglement du système de réservation par téléphone et rationalisez l'expérience client
  • Planifiez vos ressources de manière ordonnée et efficace avec les informations de réservation enregistrées
  • Assurer la confidentialité et un support client de premier ordre
  • Les risques de non-présentation sont faibles, car la plupart des systèmes de réservation en ligne envoient plusieurs e-mails et notifications.
  • Augmentez vos ventes et augmentez vos revenus annuels
Explorez les fonctionnalités de MetForm

Comment créer un formulaire de réservation sur un site Web WordPress avec MetForm ?

Créer un formulaire de réservation avec MetForm se fait sans effort car vous devez suivre quelques étapes simples pour faire le travail. Ici, je vais vous expliquer comment créer un formulaire de réservation sur un site Web WordPress avec MetForm plus facilement que jamais.

Étape 1 : Installer et activer MetForm

Dès le début, visitez votre tableau de bord WordPress et procédez à l'installation et à l'activation de MetForm et Elementor . Pour cela, accédez à « Plugins » dans la barre latérale et cliquez sur « Ajouter un nouveau ». Après cela, installez d'abord Elementor à partir des fichiers téléchargés ou directement depuis la barre de recherche.

Une fois Elementor installé, passez à l’installation de MetForm dans le même processus. Si ces plugins sont déjà installés sur votre site Web, ignorez cette étape et passez à l'étape suivante.

Installez et activez MetForm – Comment créer un formulaire de réservation dans WordPress

Étape 2 : titrez votre page et passez à la fenêtre Elementor

Maintenant, passez à « Pages » dans la barre latérale et sélectionnez « Ajouter un nouveau » pour accéder à une nouvelle page. Ensuite, ajoutez un titre approprié à la page et cliquez sur « Modifier avec Elementor » pour passer à la fenêtre Elementor.

Titrez votre page

Étape 3 : glissez et déposez le widget MetForm

Il est temps d'utiliser le widget MetForm pour créer votre formulaire de réservation. Recherchez le widget dans le champ de recherche, puis faites-le glisser et déposez-le dans le champ spécifié. Aucun contenu n'apparaîtra avec l'action par défaut.

Glissez et déposez le widget MetForm

Étape 4 : Sélectionnez un nouveau modèle de formulaire de réservation avec Elementor

Sélectionner un nouveau modèle de formulaire de réservation directement avec Elemetor est un jeu d'enfant.

  • Cliquez sur le bouton « Modifier le formulaire », menant à la fenêtre de création de formulaire.
  • Cliquez sur « Nouveau » et recherchez le modèle de formulaire de réservation.
  • Nommez le modèle de formulaire et cliquez sur « Modifier le formulaire ».
Sélectionnez un nouveau modèle de formulaire de réservation avec Elementor

Modifier et personnaliser le modèle de formulaire de réservation MetForm

MetForm propose 3 contrôles pour personnaliser le champ de saisie, les boutons et la mise en page complète pour tous les types de formulaires. Les onglets Contenu, Style et Avancé vous permettent de personnaliser de manière illimitée votre formulaire de réservation.

Personnalisation du contenu

  • Masquer/afficher l'étiquette du champ
  • Définissez la position de l'étiquette selon vos préférences
  • Modifier le texte de l'espace réservé
  • Conserver un champ facultatif ou obligatoire
  • Insérer un message d'avertissement
  • Saisissez votre texte d'aide
  • Définir le type de validation via la longueur des mots, la longueur des caractères ou en fonction d'une expression
Personnalisation du contenu

Personnalisation du style

  • Modifiez la couleur de l'étiquette, le remplissage, la typographie, etc.
  • Modifiez la couleur d'entrée, la bordure, la largeur, le type d'arrière-plan, etc.
  • Ajustez la couleur et la typographie de votre texte d'espace réservé.
  • Stylisez la couleur, la typographie et le remplissage du texte d’aide.
Personnalisation du style

Personnalisation avancée

  • Définir la marge, la largeur, le remplissage et la position de la mise en page
  • Ajouter plusieurs effets de mouvement pour les champs de saisie
  • Personnaliser l'arrière-plan du formulaire
  • Définir la réactivité de l'appareil sur la page d'aperçu et en direct
  • Transformez les champs de saisie grâce à des actions telles que la rotation, l'inclinaison, la mise à l'échelle, le décalage et le retournement
  • Incluez du CSS supplémentaire et bien d’autres
Personnalisation avancée

Mettre à jour et fermer la fenêtre et publier la page

Il est temps de publier la page. Pour cela, vous devez mettre à jour les modifications et fermer la sous-fenêtre. Cliquez sur le bouton « Mettre à jour et fermer » dans le coin supérieur droit et votre fenêtre principale apparaîtra immédiatement avec le formulaire de réservation créé.

Mettre à jour et fermer la fenêtre

Une fois que vous avez appuyé sur le bouton « Mettre à jour et fermer », la sous-fenêtre se fermera et la fenêtre principale apparaîtra. Appuyez sur le bouton « Publier » en bas de la barre latérale.

Publier la page

Consultez le formulaire de réservation en direct sur la page

Instantanément après avoir publié la page, un message « Afficher » apparaîtra vous demandant de visualiser la page. Mais vous pouvez également ouvrir la page depuis la liste « Pages ». Recherchez votre page publiée dans la liste et consultez immédiatement le formulaire de réservation sur la page.

Consultez le formulaire de réservation en direct sur la page

Choisissez le modèle de formulaire de réservation et insérez-le dans la page/la publication (alternative)

De manière simple, vous pouvez créer et insérer le formulaire de réservation. Naviguez d’abord dans MetForm à partir de la barre latérale, puis sélectionnez « Formulaires ».

Sélectionnez des formulaires dans MetForm

Étape 1 : Créer un nouveau formulaire de réservation

  • Cliquez sur « Ajouter un nouveau »
  • Entrez un nom de formulaire approprié
  • Ajustez les paramètres à partir des onglets si nécessaire
  • Cliquez sur « Modifier le contenu »
Créer un nouveau formulaire de réservation

Avec cela, vous serez immédiatement dirigé vers la fenêtre Elementor. Maintenant, vous devez procéder à l’insertion du modèle de formulaire.

Étape 2 : Insérez le modèle de formulaire de réservation

Une fois un nouveau formulaire créé, vous pouvez insérer le modèle de formulaire de réservation à l'aide d'Elementor ou d'un shortcode. Avec l'Elementor, j'ai déjà montré le processus ci-dessus. Pour une meilleure compréhension, les étapes sont résumées ci-dessous :

Insérez le formulaire de réservation avec Elementor :

  • Recherchez le widget MetForm dans la barre de recherche
  • Glissez et déposez le widget dans le bloc
  • Cliquez sur « Modifier le formulaire »
  • Sélectionnez le modèle de formulaire de réservation
  • Cliquez sur le bouton Mettre à jour et fermer  
  • Appuyez sur le bouton « Publier »

Insérez le formulaire de réservation avec un shortcode

Maintenant, accédez à MetForm > Forms . Vous pouvez repérer un shortcode à côté du nom du formulaire. Copiez et collez le shortcode dans un bloc ou vous pouvez le faire avec le widget shortcode d'elemotor.

Copiez et collez le Shortcode :

  • Copiez le shortcode de votre formulaire de réservation
  • Collez le shortcode dans le bloc dans lequel vous souhaitez insérer le formulaire
  • Cliquez sur « Publier » pour visualiser le formulaire
Copiez et collez le shortcode et affichez le formulaire

Utiliser le widget de code court :

  • Copiez le shortcode de votre formulaire de réservation comme indiqué ci-dessus
  • Ouvrez la page ou publiez avec Elementor
  • Recherchez le widget Shortcode
  • Faites-le glisser et déposez-le sur la page
  • Collez le shortcode dans le champ shortcode
  • Cliquez sur « Publier »
Utilisez le widget shortcode et affichez le formulaire

C'est ton tour

Je vous ai expliqué comment créer un formulaire de réservation dans WordPress avec Metform selon 2 méthodes différentes . Les deux méthodes suivent des étapes simples que vous pouvez suivre sans effort.

Alors préparez-vous à créer un formulaire de réservation avec MetForm sur votre site Web WordPress et laissez vos clients planifier des rendez-vous ou les participants réserver pour des événements en toute simplicité.