Wyróżnienie wtyczki Divi: po prostu zaplanuj spotkania

Jedną z najpopularniejszych metod umawiania spotkań jest formularz kontaktowy. Spowoduje to wysłanie wiadomości do Ciebie jako e-maila, który rozpocznie konwersację e-mailową. Następnie musisz odpowiedzieć na wiadomość e-mail, a następnie odpowiedzą, tworząc rozmowę w obie strony. Działa, ale nie jest wydajny.

Lepszą opcją jest użycie wtyczki przeznaczonej do planowania. Wtyczki do planowania mogą zarządzać harmonogramem i informować Ciebie i Twoich klientów o spotkaniu. Jedna z takich wtyczek, Simply Schedule Appointments, integruje się z Divi, aby stworzyć najlepszą możliwą jakość planowania. W tym artykule przyjrzymy się bliżej funkcji Simply Schedule Spotkania i zobaczymy, co może ona zrobić.

Instalacja aplikacji Simply Schedule Wizyty

Pobierz wtyczkę ze strony dewelopera lub wyszukaj ją w panelu wtyczek WordPress. Żeby zainstalować:

1. W panelu WordPress przejdź do Wtyczki > Dodaj nowy
2. Wyszukaj w prosty sposób umawiaj się na spotkanie
3. Kliknij Zainstaluj teraz
4. Po zainstalowaniu wtyczki kliknij Aktywuj

Gdy po raz pierwszy wybierzesz Spotkania w panelu WordPress, ustawisz ekran konfiguracji, na którym możesz skorzystać z pomocy lub ręcznie skonfigurować wtyczkę. Wprowadź swój klucz licencyjny, a następnie skonfiguruj swoje preferencje.

Przejrzyj swoje ustawienia jak zwykle. Obejmuje to typy spotkań, dostępność, opcje planowania, Kalendarz Google, informacje o klientach, powiadomienia itp. Ustawiłem typ spotkania jako rozmowę telefoniczną konsultacyjną.

Po prostu zaplanuj spotkania pozwala użytkownikom zaplanować spotkanie za pośrednictwem Twojej witryny bez konieczności interakcji z Tobą. Użytkownicy umawiają spotkania na podstawie swojej strefy czasowej. Przypomnienia są do nich wysyłane automatycznie. Możesz ustawić zasady anulowania, a wtyczka będzie je egzekwować. Użytkownicy mogą łatwo zmienić termin. To sprawia, że ​​jest to doskonały wybór do użycia z Divi.

Korzystanie z funkcji Simply Schedule spotkania z Divi

Zwykle musisz użyć skrótu, aby umieścić formularz rezerwacji na swojej stronie internetowej. Simply Schedule Appointments dodaje nowy moduł do Divi Builder o nazwie Rezerwacja wizyty.

Moduł osadza wielostronicowy formularz w układzie Divi. Pierwsza strona zawiera informacje o tym, do czego służy formularz, strefa czasowa użytkownika oraz kalendarz, w którym można wybrać datę i godzinę. Klikać można tylko te daty, które są dostępne.

Kalendarz wyświetla każdy dzień jako przycisk w suwaku z nawigacją, aby przejść do następnego zestawu dat. Strzałka wstecz w lewym górnym rogu powoduje powrót do poprzedniej strony. Klikalne daty mają obramowanie i zmieniają kolor po najechaniu kursorem. Większość z nich można dostosować i stylizować w module.

Kliknięcie daty otwiera następną stronę z dostępnymi godzinami.

Kliknięcie godziny otwiera następną stronę, na której możesz wpisać swoje imię i adres e-mail, aby zarezerwować spotkanie.

Gdy użytkownik zarezerwuje spotkanie, zobaczy ekran z podziękowaniem, na którym może zobaczyć informacje o spotkaniu. Informacje obejmują typ spotkania, datę i godzinę ze strefą czasową, ich nazwę i adres e-mail oraz przycisk do zapisania ich w kalendarzu. Kliknięcie przycisku kalendarza otwiera opcje dla Google i innych. Mogą również edytować, zmieniać harmonogram, anulować i planować nowe spotkanie na dole formularza.

Po prostu zaplanuj ustawienia modułu spotkania

Ustawienia są proste. Moduł nie zawiera wspólnych ustawień tła, obramowania, animacji itp. Zakładka Treść zawiera typ rezerwacji, który pozwala wybrać, jakie typy rezerwacji będą wyświetlane. Dostępne typy rezerwacji to te, które zostały skonfigurowane na ekranie ustawień wtyczki. Moje opcje to Wybierz wszystko i Połączenie telefoniczne konsultacyjne.

Karta Projekt zawiera rodzinę czcionek, kolory i dopełnienie. Rodzina czcionek pozwala wybrać czcionkę, grubość i styl czcionki.

Kolory obejmują kolor akcentu i kolor tła. Kolor akcentu dotyczy strzałki wstecz, ikony ołówka i stanu daty po najechaniu kursorem.

Wypełnienie jest kontrolowane za pomocą suwaka i można wybrać jednostkę dopełnienia. Wybierz jedną z 5 opcji, w tym piksel i procent.

Z każdej strony dodawana jest wyściółka. Nie wyświetla dopełnienia w programie Visual Builder. Oto jak wygląda 100px na aktywnej stronie.

Karta Zaawansowane zawiera ustawienia identyfikatora i klas CSS, niestandardowego CSS, widoczności, przejść, pozycji i efektów przewijania.

Moduł jest responsywny, więc ułoży daty, jeśli kolumna nie jest wystarczająco szeroka, aby wyświetlić pełną szerokość.

Nie ma zbyt wielu dostosowań, ale wystarczy zintegrować formularz ze swoją witryną Divi. Na przykład nie zawiera cienia dla modułu. Dodałem to tutaj w rzędzie. Działa to doskonale w przypadku pojedynczego wiersza kolumny bez innych modułów.

Domyślny styl formularza

Możesz również stylizować formularz z ekranu Ustawienia w menu pulpitu nawigacyjnego lub z samego modułu. Możesz dostosować kolor akcentu, kolor tła, rodzinę czcionek, dopełnienie, włączyć tryb kontrastu i użyć niestandardowego CSS. Będzie to domyślny styl używany w formularzach, chyba że stylizujesz je w modułach.

Lista nadchodzących spotkań

Gdy ktoś umówi się na spotkanie za pomocą formularza Divi, zobaczysz je na liście spotkań w menu pulpitu nawigacyjnego. Możesz filtrować tę listę, eksportować ją i wyświetlać spotkania według zbliżającego się, przeszłego lub określonego zakresu dat. Kliknięcie jednego otwiera zestaw opcji, aby go anulować lub zobaczyć szczegóły.

Po prostu zaplanuj spotkania Divi — przykład

W tym przykładzie zastąpiłem formularz kontaktowy na stronie kontaktowej pakietu układu Renovation modułem Simply Schedule Appointments. Używając kolorów z układu, zmieniłem tło na pogrubiony żółty, a kolor akcentujący na czarny.

To jest druga strona. Wyświetla dostępne godziny. Po najechaniu kursorem przycisk zmienia kolor na czarny.

To jest formularz do wpisania swojego imienia i adresu e-mail. Tło formularza z polami jest białe. Ta część formularza nie jest regulowana w zwykłych ustawieniach. Ładnie się wyróżnia i świetnie wygląda z układem.

Oto formularz z podziękowaniem. Wyświetla również białe tło. Jego rozmiar został zmieniony, aby umieścić wszystkie łącza na ekranie i nadal wygląda świetnie na małej przestrzeni.

Cena

Dostępnych jest kilka wersji Simply Schedule Appointments. Moduł Divi jest w każdej wersji, w tym w wersji darmowej. Wersje płatne obejmują integracje z Kalendarza Google, PayPal, Google Analytics, Gravity Forms, Facebook Pixel, Mailchimp, Stripe i innych. Opcje zakupu obejmują:

• Bezpłatnie – zawiera moduł Divi
• Plus – 99 USD, obejmuje Kalendarz Google, pola niestandardowe, integrację Mailchimp, zajęcia i wydarzenia grupowe
• Profesjonalny – 199 USD, dodaje płatności, webhooki, przypomnienia e-mail, śledzenie celów, wsparcie na żywo

Końcowe myśli

Oto nasze spojrzenie na Simply Schedule Spotkania dla Divi. Wtyczka dobrze współpracuje z Divi. Uważam, że moduł jest prosty w użyciu. Brakuje mu wielu funkcji stylizacyjnych, które są standardowe w modułach Divi. Niektóre stylizacje można wykonać w CSS. Chciałbym zobaczyć z powrotem dodane standardowe ustawienia, takie jak kolor czcionki, obramowanie, cień pola itp. Udało mi się uzyskać ładną stylizację pasującą do moich układów.

Moduł działa świetnie. Dobrze się zmienia. Formularze są proste i intuicyjne dla użytkowników. Pulpit nawigacyjny działa tak samo, niezależnie od tego, czy używasz skrótów, czy modułu Divi. Jeśli jesteś zainteresowany korzystaniem z wtyczki do planowania w Divi, Simply Schedule Appointments może być wtyczką, której potrzebujesz.

Chcemy usłyszeć od Ciebie. Czy wypróbowałeś Simply Schedule Wizyty z Divi? Daj nam znać, co o tym myślisz w komentarzach.

Polecany obraz za pośrednictwem VectorKnight / shutterstock.com