W artykule:
Czy potrzebujesz ludzi, aby wybrać datę, gdy wypełnią formularz na twojej stronie?
Być może chcesz wiedzieć dobry czas, aby do nich zadzwonić, a może chcesz zebrać informacje, takie jak data urodzenia, itp. W tym może pomóc pole wyboru daty.
W tym artykule pokażemy, jak utworzyć formularz WordPress za pomocą selektora daty.
Tworzenie formularza WordPress z selektorem daty
W tym samouczku będziemy używać WPForms. Jest to jedna z najlepszych wtyczek formularzy kontaktowych i możesz jej używać do różnych form.
Musisz zainstalować i aktywować wtyczkę WPForms na swojej stronie. Jeśli nie wiesz, jak to zrobić, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywowaniu wtyczki przejdź do WPForms ” Dodaj Nowy w panelu WordPress.
Pojawi się kreator WPForms. Najpierw wpisz nazwę formularza. Następnie najedź kursorem myszy na szablon i kliknij przycisk, aby go wybrać. Użyjemy prostego szablonu formularza kontaktowego.
WPForms automatycznie utworzy formularz za pomocą tego szablonu. Oto domyślny prosty formularz kontaktowy.
Możesz teraz edytować formularz w dowolny sposób.
Dodajmy pole wyboru daty.
W kreatorze formularzy w prawej kolumnie zobaczysz wszystkie pola, które możesz dodać do formularza. Przewiń w dół do sekcji Fancy Fields, a zobaczysz pole Data / Godzina.
Przeciągnij i upuść pole w wybranym miejscu w formularzu. Umieściliśmy go tuż pod polem e-mail w naszym formularzu.
Następnie kliknij pole, aby je edytować. Spowoduje to wyświetlenie zakładki „opcje pola” po lewej stronie ekranu.
Możesz zmienić etykietę pola, która domyślnie ma wartość 'Data / Godzina’. Użyjemy „preferowanego czasu na rozmowę telefoniczną”dla naszego pola.
Format pola można również zmienić za pomocą rozwijanego menu Format. Na przykład, możesz chcieć użyć tylko daty i nie ma czasu, na przykład dla pola Data urodzenia.
Możesz również zaznaczyć Wymagane pole, jeśli chcesz, aby było to pole obowiązkowe. Oznacza to, że użytkownik będzie musiał wybrać datę i godzinę, zanim będzie mógł przesłać formularz.
Możesz dodać również inne nowe pola, których chcesz użyć. Wystarczy kliknąć zakładkę „Dodaj pola”, a następnie przeciągnąć i upuścić pole na swoje pole. Aby edytować pole, wystarczy na nie kliknąć.
Ustawianie zaawansowanych opcji dla selektora dat
Domyślnie selektor daty w formularzu będzie kalendarzem z rozwijanym czasem obok niego. Użytkownik po prostu kliknie dzień, aby wybrać tę datę.
Lista rozwijana czasu domyślnie jest ustawiona na 12-godzinny zegar z 30-minutowymi interwałami, w ten sposób:
Możesz zmienić sposób działania selektora dat. Jest to łatwe do zrobienia w WPForms. Na karcie Opcje pola przewiń w dół do Opcji Zaawansowanych.
Następnie kliknij strzałkę, aby otworzyć tę sekcję.
Tutaj możesz wprowadzić wiele zmian. Na przykład możesz zmienić format daty. Wartość domyślna to mm / dd / RRRR.
Możesz także przełączyć się z selektora daty NA rozwijaną datę, jeśli wolisz. W takim przypadku użytkownik wybiera miesiąc, dzień i rok z rozwijanych pól, takich jak ta:
Można również zmienić selektor czasu. Domyślnie jest to zegar 12-godzinny, ale możesz go przełączyć na zegar 24-godzinny, jeśli wolisz. Możesz również zmienić odstępy na 15 minut lub 1 godzinę zamiast 30 minut.
Gdy już wypełnisz formularz, możesz go zapisać, klikając przycisk Zapisz w prawym górnym rogu.
Możesz również skonfigurować swój formularz tak, aby osoba wypełniająca formularz otrzymała kopię przesłanych danych.
Może to być pomocne, na przykład, jeśli planują z tobą połączenie. Będą mieli zapis e-mailowy o czasie połączenia, który zarezerwowali.
Możesz to zrobić, postępując zgodnie z instrukcjami w naszym samouczku na temat tworzenia formularza kontaktowego z wieloma odbiorcami.
Dodanie formularza do Twojej strony
Możesz dodać formularz do istniejącej strony (lub posta) w swojej witrynie lub utworzyć nową. Aby utworzyć nową stronę, przejdź do Strony ” Dodaj Nowy w panelu WordPress.
Następnie musisz dodać nowy blok do swojej strony. Kliknij ( + ), aby dodać blok, a następnie wybierz blok WPForms. Możesz go znaleźć w sekcji Widżety lub wyszukać za pomocą paska wyszukiwania.
Następnie musisz wybrać formularz z rozwijanego menu WPForms, w ten sposób:
To wszystko, co musisz zrobić. Możesz teraz opublikować swoją stronę, a formularz będzie dostępny na twojej stronie. Powinno wyglądać mniej więcej tak:
Uwaga: Stylizacja formularza zależy od używanego motywu WordPress.
Wszystkie formularze utworzone za pomocą WPForms są przyjazne dla urządzeń mobilnych po wyjęciu z pudełka i będą działać na wszystkich urządzeniach mobilnych. Narzędzie wpforms Date-picker jest również przyjazne dla urządzeń mobilnych i działa na wszystkich rozmiarach ekranu.
Zawsze dobrym pomysłem jest przetestowanie formularza, aby upewnić się, że działa zgodnie z oczekiwaniami. Jeśli nie otrzymujesz wiadomości e-mail, ale masz pewność, że ustawienia powiadomień są poprawne, nasz artykuł o tym, jak rozwiązać problem z WordPress, który nie wysyła wiadomości e-mail, powinien pomóc.
Możesz wprowadzić zmiany w formularzu, przechodząc do WPForms ” Wszystkie Formularze. Następnie wystarczy kliknąć tytuł formularza lub link Edytuj pod tytułem, aby go edytować.
Po zapisaniu formularza zostanie on automatycznie zaktualizowany w witrynie.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak utworzyć formularz WordPress za pomocą datepicker. Możesz również zapoznać się z naszymi artykułami na temat blokowania spamu w formularzach kontaktowych w WordPress oraz śledzenia i ograniczania porzucania formularzy w WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
