Evidenziazione del plug-in Divi: pianifica semplicemente gli appuntamenti

Uno dei metodi più popolari per la pianificazione delle riunioni è attraverso un modulo di contatto. Questo ti invia il messaggio come e-mail, che avvia una conversazione e-mail. Dovrai quindi rispondere all'e-mail e loro risponderanno, creando una conversazione avanti e indietro. Funziona, ma non è efficiente.

Un'opzione migliore è utilizzare un plug-in progettato per la pianificazione. I plug-in di pianificazione possono gestire la pianificazione e tenere informati te e i tuoi clienti sull'appuntamento. Uno di questi plugin, Simply Schedule Appointments, si integra con Divi per creare la migliore esperienza di pianificazione possibile. In questo articolo, daremo un'occhiata da vicino a Simply Schedule Appuntamenti e vedremo cosa può fare.

Installazione Semplicemente Pianifica Appuntamenti

Scarica il plug-in dal sito Web dello sviluppatore o cercalo nella dashboard dei plug-in di WordPress. Installare:

1. Nella dashboard di WordPress, vai su Plugin > Aggiungi nuovo
2. Cerca semplicemente pianifica gli appuntamenti
3. Fare clic su Installa ora
4. Una volta installato il plug-in, fai clic su Attiva

La prima volta che selezioni Appuntamenti nella dashboard di WordPress imposterai una schermata di configurazione in cui potrai utilizzare l'aiuto o configurare manualmente il plug-in. Inserisci la tua chiave di licenza e poi imposta le tue preferenze.

Passa attraverso le tue impostazioni normalmente. Ciò include i tipi di appuntamento, la disponibilità, le opzioni di pianificazione, Google Calendar, le informazioni sui clienti, le notifiche, ecc. Ho impostato il mio tipo di appuntamento come una telefonata di consultazione.

Simply Schedule Appuntamenti consente agli utenti di pianificare un appuntamento tramite il tuo sito Web senza bisogno di interagire con te. Gli utenti prendono appuntamenti in base al loro fuso orario. I promemoria vengono inviati loro automaticamente. Puoi impostare una politica di cancellazione e il plug-in la applicherà. Gli utenti possono riprogrammare facilmente. Questo lo rende una scelta eccellente da usare con Divi.

Utilizzo di Simply Schedule Appuntamenti con Divi

Normalmente, dovresti utilizzare uno shortcode per inserire il modulo di prenotazione sul tuo sito web. Simply Schedule Appointments aggiunge un nuovo modulo al Divi Builder chiamato Appointment Booking.

Il modulo incorpora il modulo multipagina nel layout Divi. La prima pagina fornisce informazioni sullo scopo del modulo, il fuso orario dell'utente e un calendario in cui è possibile selezionare la data e l'ora. Solo le date in cui sei disponibile sono cliccabili.

Il calendario mostra ogni giorno come un pulsante all'interno di un dispositivo di scorrimento con la navigazione per portarti alla prossima serie di date. La freccia indietro nell'angolo in alto a sinistra ti riporta alla pagina precedente. Le date cliccabili hanno un bordo e cambiano colore al passaggio del mouse. La maggior parte di questo può essere regolato e stilizzato all'interno del modulo.

Cliccando su una data si apre la pagina successiva che mostra gli orari disponibili.

Facendo clic su un orario si apre la pagina successiva in cui è possibile inserire il proprio nome e la propria email per prenotare l'appuntamento.

Una volta che l'utente prenota l'appuntamento, vede una schermata di ringraziamento in cui possono vedere le informazioni sull'appuntamento. Le informazioni includono il tipo di appuntamento, la data e l'ora con il fuso orario, il nome e l'e-mail e un pulsante per salvarlo nel calendario. Facendo clic sul pulsante del calendario si aprono le opzioni per Google e Altro. Possono anche modificare, riprogrammare, annullare e programmare un nuovo appuntamento nella parte inferiore del modulo.

Pianifica semplicemente le impostazioni del modulo di appuntamento

Le impostazioni sono semplici. Il modulo non include le impostazioni comuni per sfondo, bordo, animazione, ecc. La scheda Contenuto include Tipo di prenotazione, che ti consente di scegliere quali tipi di prenotazioni verranno visualizzati. I tipi di prenotazioni disponibili sono quelli che hai impostato nella schermata delle impostazioni per il plugin. Le mie opzioni sono Scegli tutto e Chiamata telefonica di consultazione.

La scheda Design include famiglia di caratteri, colori e spaziatura interna. Font Family ti consente di scegliere il carattere, il peso del carattere e lo stile.

Colori include il colore principale e il colore di sfondo. Il colore dell'accento si applica alla freccia indietro, all'icona a forma di matita e allo stato al passaggio del mouse della data.

L'imbottitura è controllata da un cursore e puoi scegliere l'unità di imbottitura. Scegli tra 5 opzioni tra cui pixel e percentuale.

L'imbottitura viene aggiunta su ogni lato. Non visualizza il riempimento in Visual Builder. Ecco come appare 100px sulla pagina live.

La scheda Avanzate include le impostazioni per l'ID CSS e le classi, CSS personalizzato, visibilità, transizioni, posizione ed effetti di scorrimento.

Il modulo è reattivo, quindi impilerà le date se la colonna non è sufficientemente ampia da visualizzare l'intera larghezza.

Non ci sono molte regolazioni, ma è sufficiente integrare il modulo nel tuo sito Divi. Ad esempio, non include l'ombra del riquadro per il modulo. L'ho aggiunto qui nella riga. Funziona benissimo per una riga a colonna singola senza altri moduli.

Stile predefinito per il modulo

Puoi anche modellare il modulo dalla schermata Impostazioni nel menu della dashboard o dal modulo stesso. Puoi regolare il colore dell'accento, il colore di sfondo, la famiglia di caratteri, il riempimento, abilitare la modalità di contrasto e utilizzare CSS personalizzati. Questo sarà lo stile predefinito utilizzato dai moduli a meno che non li stili all'interno dei moduli.

Elenco dei prossimi appuntamenti

Una volta che qualcuno ha fissato un appuntamento tramite il modulo Divi, lo vedrai nell'elenco degli appuntamenti nel menu della dashboard. Puoi filtrare questo elenco, esportarlo e vedere gli appuntamenti per imminente, passato o un determinato intervallo di date. Facendo clic su uno si apre una serie di opzioni per annullarlo o visualizzare i dettagli.

Pianifica semplicemente gli appuntamenti Divi Esempio

Per questo esempio, ho sostituito il modulo di contatto nella pagina dei contatti del pacchetto di layout Renovation con il modulo Simply Schedule Appuntamenti. Usando i colori del layout, ho reso lo sfondo di un giallo intenso e ho reso l'accento nero.

Questa è la seconda pagina. Visualizza gli orari disponibili. Il pulsante diventa nero al passaggio del mouse.

Questo è il modulo per inserire il tuo nome e la tua email. Lo sfondo del modulo con i campi è bianco. Questa parte del modulo non è regolabile nelle impostazioni normali. Si distingue bene e ha un bell'aspetto con il layout.

Ecco il modulo di ringraziamento. Visualizza anche uno sfondo bianco. È stato ridimensionato per posizionare tutti i collegamenti sullo schermo e ha ancora un bell'aspetto nel piccolo spazio.

Prezzo

Sono disponibili diverse versioni di Simply Schedule Appuntamenti. Il modulo Divi è in ogni versione inclusa la versione gratuita. Le versioni a pagamento includono integrazioni da Google Calendar, PayPal, Google Analytics, Gravity Forms, Facebook Pixel, Mailchimp, Stripe e altro. Le opzioni di acquisto includono:

• Gratuito – include il modulo Divi
• Inoltre - $ 99, include Google Calendar, campi personalizzati, integrazione Mailchimp, lezioni ed eventi di gruppo
• Professionale: $ 199, aggiunge pagamenti, webhook, promemoria via e-mail, traccia obiettivi, supporto live

Pensieri finali

Questo è il nostro sguardo su Simply Schedule Appuntamenti per Divi. Il plugin funziona bene con Divi. Ho trovato il modulo semplice da usare. Mancano molte delle caratteristiche di stile che sono standard nei moduli Divi. Alcuni degli stili potrebbero essere fatti in CSS. Mi piacerebbe vedere le impostazioni standard aggiunte di nuovo come il colore del carattere, il bordo, l'ombra della scatola, ecc. Sono stato in grado di ottenere uno stile carino per adattarsi ai miei layout.

Il modulo funziona benissimo. Si ridimensiona bene. I moduli sono semplici e intuitivi per gli utenti. La dashboard funziona allo stesso modo indipendentemente dal fatto che tu stia utilizzando o meno gli shortcode o il modulo Divi. Se sei interessato a utilizzare un plug-in di pianificazione con Divi, Simply Schedule Apppointments potrebbe essere il plug-in di cui hai bisogno.

Vogliamo sentire da voi. Hai provato Simply Schedule Appuntamenti con Divi? Fateci sapere cosa ne pensate nei commenti.

Immagine in primo piano tramite VectorKnight / shutterstock.com