Point culminant du plugin Divi : Planifiez simplement des rendez-vous

L'une des méthodes les plus populaires pour planifier des réunions consiste à utiliser un formulaire de contact. Cela vous envoie le message sous forme d'e-mail, ce qui démarre une conversation par e-mail. Vous devrez ensuite répondre à l'e-mail, puis ils répondront, créant une conversation aller-retour. Cela fonctionne, mais ce n'est pas efficace.

Une meilleure option consiste à utiliser un plugin conçu pour la planification. Les plugins de planification peuvent gérer le calendrier et vous tenir, ainsi que vos clients, informés du rendez-vous. L'un de ces plugins, Simply Schedule Appointments, s'intègre à Divi pour créer la meilleure expérience de planification possible. Dans cet article, nous examinerons de près la planification de rendez-vous et verrons ce qu'elle peut faire.

Installation de Simply Schedule Rendez-vous

Téléchargez le plugin sur le site Web du développeur ou recherchez-le dans le tableau de bord des plugins WordPress. À installer:

1. Dans le tableau de bord WordPress, allez dans Plugins > Ajouter un nouveau
2. Recherchez simplement des rendez-vous
3. Cliquez sur Installer maintenant
4. Une fois le plugin installé, cliquez sur Activer

La première fois que vous sélectionnez Rendez-vous dans le tableau de bord WordPress, vous définissez un écran de configuration où vous pouvez utiliser l'aide ou configurer le plugin manuellement. Saisissez votre clé de licence, puis configurez vos préférences.

Passez en revue vos paramètres comme d'habitude. Cela inclut vos types de rendez-vous, la disponibilité, les options de planification, Google Agenda, les informations client, les notifications, etc. J'ai défini mon type de rendez-vous comme un appel téléphonique de consultation.

Simply Schedule Appointments permet aux utilisateurs de planifier un rendez-vous via votre site Web sans avoir besoin d'interagir avec vous. Les utilisateurs prennent rendez-vous en fonction de leur fuseau horaire. Des rappels leur sont envoyés automatiquement. Vous pouvez mettre en place une politique d'annulation et le plugin l'appliquera. Les utilisateurs peuvent reprogrammer facilement. Cela en fait un excellent choix à utiliser avec Divi.

Utiliser Simply Schedule Rendez-vous avec Divi

Normalement, vous devez utiliser un shortcode pour placer le formulaire de réservation sur votre site Web. Simply Schedule Appointments ajoute un nouveau module au Divi Builder appelé Appointment Booking.

Le module intègre le formulaire multi-pages dans votre mise en page Divi. La première page fournit des informations sur l'objet du formulaire, le fuseau horaire de l'utilisateur et un calendrier dans lequel il peut sélectionner la date et l'heure. Seules les dates auxquelles vous êtes disponible sont cliquables.

Le calendrier affiche chaque jour sous la forme d'un bouton dans un curseur avec une navigation pour vous emmener à la prochaine série de dates. La flèche de retour dans le coin supérieur gauche vous ramène à la page précédente. Les dates cliquables ont une bordure et changent de couleur au survol. La plupart de ces éléments peuvent être ajustés et stylisés dans le module.

Cliquer sur une date ouvre la page suivante affichant les heures disponibles.

Cliquer sur une heure ouvre la page suivante où vous pouvez entrer votre nom et votre e-mail pour prendre rendez-vous.

Une fois que l'utilisateur a pris le rendez-vous, il voit un écran de remerciement où il peut voir des informations sur le rendez-vous. Les informations incluent le type de rendez-vous, la date et l'heure avec le fuseau horaire, leur nom et leur adresse e-mail, ainsi qu'un bouton pour l'enregistrer dans leur calendrier. Cliquer sur le bouton du calendrier ouvre des options pour Google et autres. Ils peuvent également modifier, reprogrammer, annuler et programmer un nouveau rendez-vous au bas du formulaire.

Programmez simplement les paramètres du module de rendez-vous

Les réglages sont simples. Le module n'inclut pas les paramètres communs pour l'arrière-plan, la bordure, l'animation, etc. L'onglet Contenu comprend le type de réservation, qui vous permet de choisir les types de réservations à afficher. Les types de réservations disponibles sont ceux que vous avez configurés dans l'écran des paramètres du plugin. Mes options sont Tout choisir et Consultation téléphonique.

L'onglet Conception comprend la famille de polices, les couleurs et le remplissage. La famille de polices vous permet de choisir la police, l'épaisseur de la police et le style.

Les couleurs incluent la couleur d'accentuation et la couleur d'arrière-plan. La couleur d'accentuation s'applique à la flèche de retour, à l'icône de crayon et à l'état de survol de la date.

Le rembourrage est contrôlé par un curseur et vous pouvez choisir l'unité de rembourrage. Choisissez entre 5 options, y compris le pixel et le pourcentage.

Le rembourrage est ajouté de chaque côté. Il n'affiche pas le remplissage dans le Visual Builder. Voici à quoi ressemble 100px sur la page en direct.

L'onglet Avancé comprend des paramètres pour l'ID et les classes CSS, le CSS personnalisé, la visibilité, les transitions, la position et les effets de défilement.

Le module est réactif, il empilera donc les dates si la colonne n'est pas assez large pour s'afficher en pleine largeur.

Il n'y a pas beaucoup de réglages, mais il suffit d'intégrer le formulaire dans votre site Divi. Par exemple, il n'inclut pas l'ombre de la boîte pour le module. Je l'ai ajouté ici dans la rangée. Cela fonctionne très bien pour une seule ligne de colonne sans aucun autre module.

Style par défaut du formulaire

Vous pouvez également styliser le formulaire à partir de l'écran Paramètres dans le menu du tableau de bord ou à partir du module lui-même. Vous pouvez ajuster la couleur d'accentuation, la couleur d'arrière-plan, la famille de polices, le remplissage, activer le mode de contraste et utiliser un CSS personnalisé. Ce sera le style par défaut que les formulaires utiliseront, sauf si vous les stylisez dans les modules.

Liste des rendez-vous à venir

Une fois que quelqu'un a pris rendez-vous via votre formulaire Divi, vous le verrez dans votre liste de rendez-vous dans le menu du tableau de bord. Vous pouvez filtrer cette liste, l'exporter et voir les nominations par date à venir, passée ou selon une certaine plage de dates. Cliquer sur l'un ouvre un ensemble d'options pour l'annuler ou voir les détails.

Planifiez simplement des rendez-vous Divi Exemple

Pour cet exemple, j'ai remplacé le formulaire de contact dans la page contact du pack de mise en page Rénovation par le module Simplement Planifier des Rendez-vous. En utilisant les couleurs de la mise en page, j'ai rendu l'arrière-plan jaune vif et la couleur d'accentuation noire.

Ceci est la deuxième page. Il affiche les heures disponibles. Le bouton devient noir au survol.

Ceci est le formulaire pour entrer votre nom et votre email. Le fond du formulaire avec les champs est blanc. Cette partie du formulaire n'est pas réglable dans les paramètres normaux. Il se démarque bien et a fière allure avec la mise en page.

Voici le formulaire de remerciement. Il affiche également un fond blanc. Il a été redimensionné pour placer tous les liens sur l'écran et a toujours fière allure dans le petit espace.

Prix

Il existe plusieurs versions de Simply Schedule Appointments. Le module Divi est dans chaque version y compris la version gratuite. Les versions payantes incluent des intégrations de Google Calendar, PayPal, Google Analytics, Gravity Forms, Facebook Pixel, Mailchimp, Stripe, etc. Les options d'achat comprennent :

• Gratuit – comprend le module Divi
• Plus - 99 $, comprend Google Calendar, les champs personnalisés, l'intégration Mailchimp, les cours et les événements de groupe
• Professionnel - 199 $, ajoute des paiements, des webhooks, des rappels par e-mail, des objectifs de suivi, une assistance en direct

Mettre fin aux pensées

C'est notre regard sur Simply Schedule Appointments for Divi. Le plugin fonctionne bien avec Divi. J'ai trouvé le module simple à utiliser. Il manque de nombreuses fonctionnalités de style standard dans les modules Divi. Certains styles pourraient être réalisés en CSS. J'aimerais voir les paramètres standard ajoutés, tels que la couleur de la police, la bordure, l'ombre de la boîte, etc. J'ai pu obtenir un style agréable pour s'adapter à mes mises en page.

Le module fonctionne très bien. Il redimensionne bien. Les formulaires sont simples et intuitifs pour les utilisateurs. Le tableau de bord fonctionne de la même manière que vous utilisiez ou non les shortcodes ou le module Divi. Si vous souhaitez utiliser un plugin de planification avec Divi, Simply Schedule Appointments pourrait être le plugin dont vous avez besoin.

Nous voulons de vos nouvelles. Avez-vous essayé Simply Schedule Rendez-vous avec Divi ? Dites-nous ce que vous en pensez dans les commentaires.

Image en vedette via VectorKnight / shutterstock.com