Wypełnij listę kontrolną testowania formularza (Zapobiegaj błędom + utraconym wpisom)

Szukasz kompletnej listy kontrolnej do testowania formularzy, aby zapobiec błędom i utracie danych?

Formularz online to bardzo wygodne narzędzie do zbierania przydatnych informacji od Twoich klientów.

Ale możesz dobrze wykorzystać swój formularz i zbierać dokładne wpisy tylko wtedy, gdy wszystko działa idealnie.

W tym poście zalecimy listę kontrolną testowania formularzy, która pomoże Ci zapobiegać błędom i upewnić się, że Twoje formularze działają zgodnie z przeznaczeniem.

Utwórz teraz idealny formularz WordPress

Co to jest testowanie formularzy?

Testowanie formularzy to uporządkowany proces sprawdzania funkcjonalności, doświadczenia użytkownika i ogólnej skuteczności formularza internetowego.

Niektóre kluczowe komponenty, które marketerzy sprawdzają podczas testów formularzy, obejmują:

• Formaty pól
• Walidacji danych
• Wezwania do działania
• Reakcja formularza
• I więcej.

Standardową praktyką jest systematyczne testowanie formularza przed opublikowaniem go w witrynie. Zepsuty formularz nie tylko nie zbiera potrzebnych informacji od odwiedzających, ale także słabo odzwierciedla Twoją markę.

Przygotowaliśmy listę kontrolną testowania formularzy, do której możesz się odwoływać podczas tworzenia nowego formularza online dla swojej witryny.

Kompletna lista kontrolna testowania formularza online

Oto nasza zalecana lista kontrolna testowania formularzy, której możesz użyć podczas tworzenia formularzy dla swojej witryny:

1. Szybkie wskazówki dotyczące udanego testowania formularzy
   • Często zapisuj postępy i twórz wiele kopii zapasowych
   • Wyświetl podgląd formularza
2. Testy funkcjonalności formularzy
   • Czy walidacje pól formularza są dokładne?
   • Czy wpisy formularza są zapisywane prawidłowo?
   • Czy możesz otrzymywać wiadomości e-mail z powiadomieniem o formularzu?
   • Czy warunki działają zgodnie z oczekiwaniami?
   • Czy CAPTCHA zachowuje się prawidłowo?
   • Czy integracje są prawidłowo skonfigurowane?
   • Czy przechodzą płatności testowe?
3. Formularz testów doświadczenia użytkownika
   • Czy formularz jest za długi?
   • Czy jasno określiłeś cel i instrukcje formularza?
   • Czy twoje potwierdzenia formularza są pouczające?
   • Czy formularz jest przyjazny dla urządzeń mobilnych?
   • Czy użytkownik może wyświetlić podgląd wpisu przed i/lub po przesłaniu?

Zamierzamy zastosować tę listę kontrolną do formularzy utworzonych za pomocą WPForms. Chociaż możesz zastosować tę samą listę kontrolną do formularzy utworzonych za pomocą innych konstruktorów, WPForms ma wiele przydatnych funkcji, dzięki którym ten proces jest naprawdę szybki i dokładny.

1. Szybkie wskazówki dotyczące udanego testowania formularza

Zanim zaczniesz testować, omówmy kilka ważnych wskazówek, aby zapewnić płynny proces testowania.

Często zapisuj postępy i twórz wiele kopii zapasowych

Budowanie formy często bywa czynnością nieco eksperymentalną. Nie zawsze możesz być pewien, gdzie umieścić dane pole, jak powinno się je nazwać i jaki układ formularza byłby idealny.

Z tego powodu dobrą praktyką jest częste zapisywanie formularza podczas jego tworzenia.

WPForms sprawia, że ​​testowanie formularzy jest bardzo wygodne, przechowując rejestr wszystkich zmian, które Ty lub ktokolwiek inny w Twoim zespole wprowadził do formularza.

Dzięki funkcji Wersje formularzy WPForms zapisuje wersję formularza w bieżącym stanie za każdym razem, gdy naciśniesz Zapisz .

Możesz skorzystać z tej funkcji, aby eksperymentować z różnymi wersjami formularzy bez konieczności tworzenia za każdym razem nowego formularza od podstaw.

Pozwala także szybko cofnąć błędy, ponieważ jednym kliknięciem można cofnąć się do poprzedniej wersji.

Dlatego zalecamy częste oszczędzanie w celu szybkiego i wydajnego testowania formularzy.

Wyświetl podgląd formularza

Narzędzie podglądu WPForm będzie kluczowe podczas testu formularza. Podgląd zapewnia idealne środowisko testowe do sprawdzenia każdego elementu formularza z poziomu frontendu.

Możesz uzyskać dostęp do podglądu formularza, klikając przycisk Podgląd w prawym górnym rogu formularza, nad którym pracujesz.

Możesz również uzyskać dostęp do podglądu dowolnego utworzonego formularza na stronie Przegląd formularzy . Przejdź do WPForms » Wszystkie formularze, najedź kursorem na formularz, który chcesz wyświetlić, a następnie kliknij Podgląd , gdy pojawi się opcja.

Z podglądu możesz łatwo przetestować funkcjonalność i wrażenia użytkownika swojego formularza przed uruchomieniem.

Wykonaj kolejne kroki w podglądzie, aby bezpiecznie przetestować wszystkie różne składniki formularza.

2. Testy funkcjonalności formularzy

Każda część formularza musi działać zgodnie z oczekiwaniami, bez błędów. Oto kilka najważniejszych rzeczy, o których należy pamiętać podczas testowania formularza pod kątem funkcjonalności.

Czy walidacje pól formularza są dokładne?

W trybie podglądu formularza możesz sprawdzić, czy sprawdzanie poprawności formularza działa poprawnie.

Sprawdzanie poprawności formularza oznacza po prostu, że formularz poprawnie wyświetla komunikat o błędzie, jeśli użytkownik pominie wymagane pola lub wprowadzi nieprawidłowe formaty wejściowe.

Na przykład, jeśli użytkownik pominie pole Nazwa , gdy ustawisz je jako pole wymagane, formularz odmówi przesłania. Zamiast tego ostrzeże użytkownika komunikatem, który podświetli wszystkie wymagane pola.

Poza tym niektóre pola powinny akceptować tylko dane wejściowe w określonym formacie i wyzwalać alert dla użytkownika, jeśli dane wejściowe są podane w nieprawidłowym formacie. Jednym z takich przykładów jest pole E-mail .

W podglądzie spróbuj wpisać losowy adres e-mail, używając nieprawidłowej składni. WPForms szybko przeprowadzi walidację i wyświetli komunikat o błędzie, instruując Cię, aby wprowadzić prawidłowy adres e-mail.

Kontynuuj sprawdzanie poprawności we wszystkich polach (numer telefonu, pola z limitami znaków itp.), które są wymagane lub mają określone wymagania wejściowe.

Jeśli nie widzisz tych komunikatów weryfikacyjnych w formularzach, może to oznaczać konflikt kodu w Twojej witrynie.

Czy wpisy formularza są zapisywane prawidłowo?

Nawet jeśli na interfejsie wszystko wygląda dobrze, zawsze powinieneś upewnić się, że wpisy formularzy są poprawnie zapisywane na Twoim backendzie.

Możesz samodzielnie przesłać wpis testowy z trybu podglądu WPForms. Następnie sprawdź, czy Twój wpis został poprawnie zapisany przez WPForms.

Aby uzyskać dostęp do wpisów formularzy, przejdź do WPForms » Wszystkie formularze. Następnie przesuń kursor nad formularz, do którego właśnie przesłałeś wpis testowy, i kliknij Wpisy .

Powinieneś być w stanie zobaczyć swoje wpisy testowe na tym ekranie.

Jeśli nie widzisz wpisu testowego, może to oznaczać problem w Twojej witrynie. Upewnij się, że używasz najnowszej wersji WPForms i że Twoja instalacja WordPressa jest zaktualizowana.

Ponadto nie powinieneś mieć aktywowanych dwóch różnych wtyczek do tworzenia formularzy w swojej witrynie, ponieważ może to powodować konflikty.

Czy możesz otrzymywać wiadomości e-mail z powiadomieniem o formularzu?

Powinieneś otrzymać e-maile z powiadomieniem o przesłaniu na podany adres e-mail, gdy tylko wyślesz wpis testowy.

Nieotrzymanie wiadomości e-mail może wskazywać na głębszy problem z pocztą e-mail w witrynie WordPress. Jeśli otrzymałeś wiadomość e-mail w folderze ze spamem, nadal jest to problem, który wymaga naprawy.

Na szczęście rozwiązanie jest łatwe. Problemy z dostarczaniem wiadomości e-mail w WordPress są prawie zawsze spowodowane brakiem danych uwierzytelniających w Twoich wiadomościach.

Aby dodać odpowiednie uwierzytelnianie i zapewnić bardziej niezawodne i szybsze dostarczanie, musisz używać SMTP do obsługi wiadomości e-mail, a nie poczty PHP, która jest domyślnym ustawieniem WordPress.

Najprostszym sposobem na przekonfigurowanie funkcji poczty w witrynie do SMTP jest zainstalowanie wtyczki o nazwie WP Mail SMTP.

Ta wtyczka umożliwia połączenie z niezawodnym dostawcą usług poczty e-mail SMTP w celu rozwiązania wszystkich problemów z pocztą e-mail w Twojej witrynie, w tym powiadomień o formularzach.

Aby uzyskać szczegółowe informacje o SMTP i instrukcje konfiguracji, zobacz, jak naprawić formularz kontaktowy, który nie wysyła wiadomości e-mail.

Czy warunki działają zgodnie z oczekiwaniami?

Łatwo zapomnieć o sprawdzeniu, czy warunki zachowują się zgodnie z oczekiwaniami podczas testowania formularzy.

Ponieważ warunki zwykle ukrywają pole, chyba że użytkownicy wybierają określone dane wejściowe, ważne jest, aby dokładnie przetestować formularz, wprowadzając różne dane wejściowe w polach, w których obowiązują reguły warunkowe.

Jeśli coś wydaje się nie tak, wróć do zaplecza formularza i dokładnie przejrzyj konfigurację logiki warunkowej pod kątem potencjalnych błędów.

Czy CAPTCHA zachowuje się prawidłowo?

Podczas testowania CAPTCHA nie wystarczy upewnić się, że pojawia się on w formularzu z poziomu interfejsu użytkownika.

Aby w pełni przetestować poprawną funkcjonalność CAPTCHA, wykonaj następujące czynności:

• W przypadku v2 Checkbox reCAPTCHA i Captcha upewnij się, że formularz nie zostanie przesłany, jeśli pozostawisz pole reCAPTCHA niezaznaczone
• W przypadku niestandardowego CAPTCHA upewnij się, że formularz jest przesyłany tylko wtedy, gdy wpiszesz poprawną odpowiedź i że w przeciwnym razie wyświetla błąd.

Jeśli widzisz nieoczekiwany błąd, sprawdź swoje tajne klucze. Możesz zobaczyć opcje CAPTCHA obsługiwane przez WPForms, aby uzyskać więcej informacji.

Możesz również użyć metody tokenu antyspamowego WPForm do zapobiegania spamowi. Jest niezwykle skuteczny i można go włączyć jednym kliknięciem. Aby dowiedzieć się więcej, zobacz, jak zatrzymać spam z formularza kontaktowego.

Czy integracje są prawidłowo skonfigurowane?

Jeśli połączyłeś formularz z narzędziami marketingowymi i bazami danych innych firm, upewnij się, że dane wpisu testowego są prawidłowo wysyłane do wszystkich połączonych aplikacji

WPForms obsługuje integracje z platformami takimi jak:

• HubSpot,
• Stały kontakt,
• Aktywna Kampania,
• I dużo więcej.

Jeśli formularz nie komunikuje się z aplikacją, z którą chcesz się połączyć, wróć do ustawień formularza i dokładnie sprawdź konfigurację integracji.

Możesz również spróbować usunąć istniejące połączenie i utworzyć nowe, aby nawiązać pomyślną integrację.

Czy przechodzą płatności testowe?

Jeśli Twoje formularze mają pole płatności, możesz dokonać płatności testowej, aby potwierdzić, że płatności są pomyślnie przekazywane.

Dzięki WPForms wszystkie dodatki do płatności są wyposażone w funkcję testowania, dzięki czemu możesz szybko sprawdzić, czy płatności się powiodły.

Aby uzyskać pomoc dotyczącą integracji i testowania płatności, zapoznaj się z przewodnikiem dotyczącym preferowanej bramki płatności:

• Naszywka
• Kwadrat
• PayPal
• Authorize.Net

Gdy będziesz gotowy do uruchomienia formularza, przełącz ustawienia płatności na tryb na żywo.

3. Formularz testów doświadczenia użytkownika

Dobra funkcjonalność formularza oznacza, że ​​każdy element formularza z powodzeniem wykonuje swoją pracę.

Istnieją jednak pewne kwestie, które nie wpływają na funkcjonalność formularzy, ale mogą odegrać ogromną rolę w poprawie komfortu użytkownika. Aby zachęcić użytkowników do przesyłania formularzy, kluczowe znaczenie ma dobre wrażenia użytkownika.

Oto kilka kluczowych kwestii, o których należy pamiętać, jeśli chodzi o wygodę użytkownika formularza.

Czy formularz jest za długi?

Nic nie może zaszkodzić użytkownikowi tak jak długa forma, która wygląda jak niekończąca się ściana. Jeśli to możliwe, staraj się pominąć w formularzu niepotrzebne pola, których tak naprawdę nie potrzebujesz.

Jeśli jednak nie możesz skrócić formularza, istnieją sposoby na ułatwienie wypełniania i ograniczenie porzucania formularzy.

Oto kilka wskazówek dotyczących zwalczania zmęczenia postaci:

• Używaj formularzy wielostronicowych: najlepszym sposobem na ułatwienie wypełniania długiego formularza jest dodanie podziałów stron w celu podzielenia formularza na wiele stron. Użytkownicy uważają, że przewijanie w pionie jest o wiele bardziej frustrujące i częściej rezygnują z takich formularzy w porównaniu z formularzami podzielonymi na wiele stron. Możesz także wstawić dzielniki sekcji, aby uporządkować formularz w sekcje.
• Włącz zapisywanie i wznawianie: umożliwienie użytkownikom zapisania częściowego wpisu i powrotu do niego później może zwiększyć liczbę konwersji i zniechęcić do porzucania.
• Ukryj pola warunkowe: Niektóre pola dotyczą tylko określonych użytkowników. Korzystając z logiki warunkowej, możesz pokazywać lub ukrywać pola w zależności od poprzednich odpowiedzi użytkownika. To świetny sposób na automatyczne dostosowywanie długości formularza na podstawie odpowiedzi użytkownika.

Oto kilka możliwych działań, które możesz podjąć, aby poprawić wrażenia użytkownika i znacznie ułatwić przesyłanie długich formularzy.

Możesz zapoznać się z naszym przewodnikiem na temat dodawania paska postępu do formularzy, aby pomóc ludziom śledzić ich postępy podczas wypełniania długiego formularza.

Czy jasno określiłeś cel i instrukcje formularza?

Każdy formularz ma jeden cel, który powinien wynikać z samego tytułu formularza.

Pod formularzem możesz również zamieścić krótki opis i instrukcje. Dobry tytuł i opis wyjaśniają intencje Twojego formularza i pomagają określić oczekiwania użytkowników.

Możesz również użyć tekstu zastępczego w swoich polach, aby poinstruować użytkowników, jaki format lub rodzaj danych wejściowych powinni wprowadzić.

Dzięki tym prostym instrukcjom możesz zminimalizować potencjalne nieporozumienia, jakie użytkownicy mogą mieć w związku z użytkowaniem i oczekiwaniami dotyczącymi formularza.

Czy twoje potwierdzenia formularza są pouczające?

Wiadomość z potwierdzeniem lub strona z podziękowaniem po przesłaniu formularza przez użytkownika powinna poprowadzić użytkownika do kolejnych kroków i tego, czego może się spodziewać.

Dobrym pomysłem jest sprawdzenie domyślnej wiadomości potwierdzającej i uczynienie jej bardziej pouczającą dla użytkownika, podając kilka szczegółów.

Jeśli masz formularz zamówienia, możesz dostosować komunikat potwierdzenia, aby zamiast tego wyświetlał pomyślne złożenie zamówienia.

Możesz również przekierować użytkowników na inną stronę po przesłaniu. Może to być przydatne, jeśli chcesz, aby użytkownik miał dostęp do określonej strony za pomocą łącza pobierania lub innej zawartości, do której chcesz uzyskać dostęp po przesłaniu.

Czy formularz jest przyjazny dla urządzeń mobilnych?

Ponieważ formularze są zwykle budowane przy użyciu urządzeń stacjonarnych, wielu marketerów popełnia błąd, testując je tylko na tych samych urządzeniach, których używali do ich tworzenia.

W większości przypadków można oczekiwać, że odwiedzający będą uzyskiwać dostęp do Twoich formularzy za pomocą wszelkiego rodzaju urządzeń, w tym laptopów, smartfonów i tabletów. Dlatego warto przetestować formularz pod kątem reakcji na różnych urządzeniach.

WPForms to mobilny kreator formularzy, co oznacza, że ​​wszystkie tworzone formularze automatycznie dostosowują się do różnych rozmiarów ekranu.

Niezależnie od tego zawsze powinieneś przetestować swój formularz, przesyłając wpis testowy za pomocą przeglądarki w telefonie komórkowym.

W wielu przypadkach wielokolumnowy układ formularza nie działa dobrze na urządzeniach mobilnych. Ale możesz łatwo dodać klasę CSS, aby dostosować ją do układu jednokolumnowego dla urządzeń mobilnych.

Czy użytkownik może wyświetlić podgląd wpisu przed i/lub po przesłaniu?

Innym przydatnym elementem, który możesz umieścić na liście kontrolnej testowania formularzy, jest to, czy użytkownicy mogą wyświetlić podgląd swojego wpisu przed przesłaniem.

WPForms ma pole podglądu wpisu, które można dołączyć do każdej strony formularza podczas wypełniania go przez użytkownika, a także po przesłaniu.

Podglądy wpisów pomagają użytkownikom zweryfikować informacje podane w formularzu i poprawić wszelkie błędy, które mogli popełnić na poprzedniej stronie formularza.

Pomaga to nie tylko poprawić dokładność informacji, które będziesz zbierać od użytkowników, ale także przekłada się na lepsze wrażenia użytkowników.

I to wszystko! Mamy nadzieję, że te testy formularzy pomogą Ci w tworzeniu doskonale funkcjonalnych i responsywnych formularzy dla odwiedzających.

Następnie utwórz stylowe strony logowania WordPress

Ogólna strona logowania do WordPressa ma bardzo ograniczoną funkcjonalność i wygląda nudno. Przygotowaliśmy listę najlepszych wtyczek do strony logowania do WordPressa, które mogą pomóc Ci przyspieszyć grę.

Jeśli korzystasz z narzędzia CRM do zarządzania klientami, możesz zapoznać się z tymi statystykami CRM na rok 2022.

Utwórz teraz idealny formularz WordPress

Gotowy do zbudowania swojej formy? Zacznij już dziś od najłatwiejszej wtyczki do tworzenia formularzy WordPress. WPForms Pro zawiera wiele darmowych szablonów i oferuje 14-dniową gwarancję zwrotu pieniędzy.

Jeśli ten artykuł Ci pomógł, śledź nas na Facebooku i Twitterze, aby uzyskać więcej bezpłatnych samouczków i przewodników WordPress.