Divi Plugin Highlight: Einfach Termine vereinbaren

Veröffentlicht: 2020-08-13

Eine der beliebtesten Methoden für die Planung von Besprechungen ist ein Kontaktformular. Dadurch wird die Nachricht als E-Mail an Sie gesendet, wodurch eine E-Mail-Konversation gestartet wird. Sie müssen dann auf die E-Mail antworten, und dann antworten sie, wodurch ein Hin- und Her-Gespräch entsteht. Es funktioniert, aber es ist nicht effizient.

Eine bessere Option ist die Verwendung eines Plugins, das für die Planung entwickelt wurde. Terminplanungs-Plugins können den Terminplan verwalten und Sie und Ihre Kunden über den Termin informieren. Ein solches Plugin, Simply Schedule Appointments, lässt sich in Divi integrieren, um das bestmögliche Planungserlebnis zu schaffen. In diesem Artikel werfen wir einen genauen Blick auf Simply Schedule Appointments und sehen, was damit möglich ist.

Einfach Termine planen installieren

Einfach Termine planen installieren

Laden Sie das Plugin von der Website des Entwicklers herunter oder suchen Sie im WordPress-Plugin-Dashboard danach. Installieren:

  1. Gehen Sie im WordPress-Dashboard zu Plugins > Neu hinzufügen
  2. Suche nach Einfach Termine vereinbaren
  3. Klicken Sie auf Jetzt installieren
  4. Sobald das Plugin installiert ist, klicken Sie auf Aktivieren

Einfach Termine planen installieren

Wenn Sie zum ersten Mal Termine im WordPress-Dashboard auswählen, legen Sie einen Einrichtungsbildschirm fest, in dem Sie die Hilfe verwenden oder das Plugin manuell einrichten können. Geben Sie Ihren Lizenzschlüssel ein und richten Sie dann Ihre Einstellungen ein.

Einfach Termine planen installieren

Gehen Sie Ihre Einstellungen wie gewohnt durch. Dazu gehören Ihre Terminarten, Verfügbarkeit, Planungsoptionen, Google Kalender, Kundeninformationen, Benachrichtigungen usw. Ich habe meine Terminart als Rückfragetelefon festgelegt.

Mit Simply Schedule Appointments können Benutzer einen Termin über Ihre Website vereinbaren, ohne mit Ihnen interagieren zu müssen. Benutzer vereinbaren Termine basierend auf ihrer Zeitzone. Erinnerungen werden automatisch an sie gesendet. Sie können eine Stornierungsrichtlinie einrichten und das Plugin wird sie durchsetzen. Benutzer können leicht umplanen. Dies macht es zu einer ausgezeichneten Wahl für die Verwendung mit Divi.

Einfache Terminvereinbarung mit Divi . verwenden

Einfache Terminvereinbarung mit Divi . verwenden

Normalerweise müssen Sie einen Shortcode verwenden, um das Buchungsformular auf Ihrer Website zu platzieren. Simply Schedule Appointments fügt dem Divi Builder ein neues Modul namens Terminbuchung hinzu.

Einfache Terminvereinbarung mit Divi . verwenden

Das Modul bettet das mehrseitige Formular in Ihr Divi-Layout ein. Die erste Seite enthält Informationen zum Zweck des Formulars, die Zeitzone des Benutzers und einen Kalender, in dem Datum und Uhrzeit ausgewählt werden können. Nur die Daten, die Sie verfügbar sind, sind anklickbar.

Der Kalender zeigt jeden Tag als Schaltfläche innerhalb eines Schiebereglers mit Navigation an, um Sie zum nächsten Datumssatz zu führen. Der Zurück-Pfeil in der oberen linken Ecke führt Sie zurück zur vorherigen Seite. Anklickbare Daten haben einen Rahmen und ändern die Farbe beim Schweben. Das meiste davon kann innerhalb des Moduls angepasst und gestylt werden.

Einfache Terminvereinbarung mit Divi . verwenden

Ein Klick auf ein Datum öffnet die nächste Seite mit den verfügbaren Zeiten.

Einfache Terminvereinbarung mit Divi . verwenden

Wenn Sie auf eine Uhrzeit klicken, wird die nächste Seite geöffnet, auf der Sie Ihren Namen und Ihre E-Mail-Adresse eingeben können, um den Termin zu buchen.

Einfache Terminvereinbarung mit Divi . verwenden

Sobald der Benutzer den Termin gebucht hat, wird ihm ein Dankeschön-Bildschirm angezeigt, auf dem er Informationen zum Termin sehen kann. Zu den Informationen gehören die Art des Termins, Datum und Uhrzeit mit Zeitzone, Name und E-Mail sowie eine Schaltfläche zum Speichern in ihrem Kalender. Durch Klicken auf die Kalenderschaltfläche werden Optionen für Google und andere geöffnet. Sie können auch unten im Formular einen Termin bearbeiten, verschieben, stornieren und einen neuen Termin vereinbaren.

Moduleinstellungen für Termin einfach planen

Moduleinstellungen für Termin einfach planen

Die Einstellungen sind einfach. Das Modul enthält nicht die allgemeinen Einstellungen für Hintergrund, Rahmen, Animation usw. Die Registerkarte Inhalt enthält den Buchungstyp, mit dem Sie auswählen können, welche Buchungstypen angezeigt werden. Die verfügbaren Buchungsarten sind diejenigen, die Sie im Einstellungsbildschirm für das Plugin eingerichtet haben. Meine Optionen sind Alles auswählen und Rückfragetelefon.

Moduleinstellungen für Termin einfach planen

Die Registerkarte Design enthält Schriftfamilie, Farben und Auffüllung. Mit der Schriftfamilie können Sie die Schriftart, die Schriftstärke und den Stil auswählen.

Moduleinstellungen für Termin einfach planen

Farben umfasst die Akzentfarbe und die Hintergrundfarbe. Die Akzentfarbe gilt für den Zurück-Pfeil, das Bleistiftsymbol und den Schwebezustand des Datums.

Moduleinstellungen für Termin einfach planen

Die Polsterung wird über einen Schieberegler gesteuert und Sie können die Polstereinheit auswählen. Wählen Sie zwischen 5 Optionen, einschließlich Pixel und Prozentsatz.

Moduleinstellungen für Termin einfach planen

Die Polsterung wird an jeder Seite hinzugefügt. Es zeigt die Auffüllung im Visual Builder nicht an. So sieht 100px auf der Live-Seite aus.

Moduleinstellungen für Termin einfach planen

Die Registerkarte Erweitert enthält Einstellungen für CSS-ID und -Klassen, benutzerdefiniertes CSS, Sichtbarkeit, Übergänge, Position und Bildlaufeffekte.

Moduleinstellungen für Termin einfach planen

Das Modul reagiert, sodass die Daten gestapelt werden, wenn die Spalte nicht breit genug ist, um die volle Breite anzuzeigen.

Moduleinstellungen für Termin einfach planen

Es gibt nicht viele Anpassungen, aber es reicht aus, das Formular in Ihre Divi-Website zu integrieren. Es enthält beispielsweise keinen Boxschatten für das Modul. Ich habe es hier in der Zeile hinzugefügt. Dies funktioniert hervorragend für eine einspaltige Zeile ohne andere Module.

Standard-Styling für das Formular

Standard-Styling für das Formular

Sie können das Formular auch über den Einstellungsbildschirm im Dashboard-Menü oder über das Modul selbst gestalten. Sie können Akzentfarbe, Hintergrundfarbe, Schriftfamilie, Auffüllung anpassen, den Kontrastmodus aktivieren und benutzerdefiniertes CSS verwenden. Dies ist der Standardstil, den die Formulare verwenden, es sei denn, Sie formatieren sie innerhalb der Module.

Liste der nächsten Termine

Liste der nächsten Termine

Sobald jemand über Ihr Divi-Formular einen Termin vereinbart, wird dieser in Ihrer Terminliste im Dashboard-Menü angezeigt. Sie können diese Liste filtern, exportieren und Termine nach anstehenden, vergangenen oder einem bestimmten Datumsbereich anzeigen. Wenn Sie auf eine Schaltfläche klicken, werden eine Reihe von Optionen geöffnet, um sie abzubrechen oder Details anzuzeigen.

Einfach Termine vereinbaren Divi-Beispiel

Einfach Termine vereinbaren Divi-Beispiel

In diesem Beispiel habe ich das Kontaktformular auf der Kontaktseite des Renovierungs-Layoutpakets durch das Modul Einfach Termine vereinbaren ersetzt. Mit Farben aus dem Layout habe ich den Hintergrund kräftig gelb gemacht und die Akzentfarbe schwarz gemacht.

Einfach Termine vereinbaren Divi-Beispiel

Dies ist die zweite Seite. Es zeigt die verfügbaren Zeiten an. Beim Schweben wird die Schaltfläche schwarz.

Einfach Termine vereinbaren Divi-Beispiel

Dies ist das Formular, um Ihren Namen und Ihre E-Mail-Adresse einzugeben. Der Hintergrund des Formulars mit den Feldern ist weiß. Dieser Teil des Formulars ist in den regulären Einstellungen nicht einstellbar. Es fällt schön auf und sieht gut aus mit dem Layout.

Einfach Termine vereinbaren Divi-Beispiel

Hier ist das Dankesformular. Außerdem wird ein weißer Hintergrund angezeigt. Es wurde in der Größe angepasst, um alle Links auf dem Bildschirm zu platzieren, und sieht auf kleinem Raum immer noch gut aus.

Preis

Es sind mehrere Versionen von Simply Schedule Appointments verfügbar. Das Divi-Modul ist in jeder Version enthalten, einschließlich der kostenlosen Version. Die kostenpflichtigen Versionen beinhalten Integrationen von Google Kalender, PayPal, Google Analytics, Gravity Forms, Facebook Pixel, Mailchimp, Stripe und mehr. Zu den Kaufoptionen gehören:

  • Kostenlos – inklusive Divi-Modul
  • Plus – $99, beinhaltet Google Kalender, benutzerdefinierte Felder, Mailchimp-Integration, Kurse und Gruppenveranstaltungen
  • Professionell – 199 US-Dollar, fügt Zahlungen, Webhooks, E-Mail-Erinnerungen, Ziele verfolgen, Live-Support hinzu

Gedanken beenden

Das ist unser Blick auf Einfach Termine für Divi vereinbaren. Das Plugin funktioniert gut mit Divi. Ich fand das Modul einfach zu bedienen. Es fehlen viele der Styling-Funktionen, die in Divi-Modulen standardmäßig vorhanden sind. Einige der Stylings können in CSS vorgenommen werden. Ich würde gerne die Standardeinstellungen wie Schriftfarbe, Rahmen, Kastenschatten usw. wieder hinzugefügt sehen. Ich konnte ein schönes Styling bekommen, das zu meinen Layouts passt.

Das Modul funktioniert super. Es lässt sich gut skalieren. Die Formulare sind für Benutzer einfach und intuitiv. Das Dashboard funktioniert gleich, unabhängig davon, ob Sie die Shortcodes oder das Divi-Modul verwenden oder nicht. Wenn Sie daran interessiert sind, ein Terminplanungs-Plugin mit Divi zu verwenden, könnte Simply Schedule Appointments das Plugin sein, das Sie brauchen.

Wir wollen von dir hören. Haben Sie schon einmal versucht, Termine mit Divi einfach zu vereinbaren? Lassen Sie uns in den Kommentaren wissen, was Sie davon halten.

Ausgewähltes Bild über VectorKnight / shutterstock.com