W artykule:
Niedawno czytelnik zapytał nas, jak dodać wybory obrazów do swoich formularzy WordPress. Może to jest coś, nad czym też się zastanawiałeś.
Zamiast wyświetlać tylko opcje tekstowe, obrazy mogą natychmiast uczynić twoje formularze bardziej wciągającymi. Może to pomóc w poprawie wskaźnika odpowiedzi i konwersji formularzy.
W tym artykule pokażemy, jak dodawać wybory obrazów w formularzach WordPress, aby zwiększyć zaangażowanie i konwersje.
Czym są wybory wizerunkowe i dlaczego je wykorzystujesz w swoich formularzach?
Wybór obrazu to zdjęcia, ilustracje, grafiki lub ikony, które użytkownicy mogą wybrać podczas wypełniania formularza.
Oto formularz wykorzystujący opcje obrazkowe, a nie zwykłe opcje tekstowe. Pierwszy wybór, truskawki, został wybrany:
Wybór obrazu może być zaletą na wiele sposobów. We wszystkich przypadkach pozwalają uczynić formę bardziej atrakcyjną i atrakcyjną wizualnie.
Korzystanie z obrazów może również pomóc sprawić, że formularze będą wyglądać bardziej dopracowane i profesjonalne. Mogą również pomóc użytkownikom w szybszym podejmowaniu decyzji.
Na przykład, jeśli prowadzisz restaurację, która oferuje dostawę, będziesz chciał mieć formularz zamówienia na swojej stronie internetowej. Możesz użyć obrazów różnych potraw, aby pomóc potencjalnym klientom wybrać to, czego chcą.
Wybór obrazu może ułatwić czytelnikom wypełnienie formularza, szczególnie dla odbiorców z trudnościami w czytaniu lub osób, które nie są płynne w Twoim języku.
Video Tutorial
Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.
Dodawanie opcji obrazów do formularzy WordPress
W tym samouczku będziemy używać wtyczki WPForms. Jest to najlepsza wtyczka do tworzenia formularzy WordPress na rynku i pozwala łatwo tworzyć formularze za pomocą prostego narzędzia do przeciągania i upuszczania formularzy.
Najpierw musisz zainstalować i aktywować wtyczkę WPForms. Jeśli nie wiesz, jak to zrobić, możesz uzyskać instrukcje krok po kroku w naszym przewodniku na temat instalacji wtyczki WordPress.
WPForms to wtyczka premium WordPress. Oferują również bezpłatną wersję o nazwie WPForms Lite, która ma również funkcję wyboru obrazu.
Tworzenie Formularza Za Pomocą WPForms
Po aktywowaniu wtyczki przejdź do WPForms ” Dodaj Formularz strona w pulpicie nawigacyjnym WordPress, aby utworzyć nowy formularz.
Najpierw podaj nazwę formularza, a następnie kliknij, aby wybrać szablon. Jako punkt wyjścia użyjemy prostego formularza kontaktowego.
Spowoduje to uruchomienie interfejsu wpforms builder z wstępnie załadowanymi polami formularzy. Możesz edytować dowolne pole formularza, klikając je, przesuwając je w górę iw dół lub usuwając.
Następnie dodamy pole wielokrotnego wyboru, aby klienci mogli wybrać rodzaj owoców, które chcą.
Uwaga: Wybór obrazu działa również z polem pól wyboru. Użyj tego, jeśli chcesz, aby twój użytkownik mógł wybrać więcej niż jedną opcję.
Aby dodać To pole, po prostu przeciągnij i upuść pole wielokrotnego wyboru z sekcji pola Standardowe po lewej stronie ekranu. Umieścimy go tuż nad polem „komentarz lub wiadomość”.
Jak widać, pole wielokrotnego wyboru ma domyślnie opcje tekstowe. Jeśli klikniesz pole, aby je edytować, zobaczysz opcje pola po lewej stronie ekranu.
Tutaj wystarczy zaznaczyć pole „Użyj opcji obrazu”, a WPForms automatycznie zaktualizuje pole.
Możesz wpisać cokolwiek chcesz dla etykiety tekstowej pola, a następnie kliknąć przycisk „Prześlij obraz”. Możesz przesłać obraz z komputera lub wybrać go z biblioteki multimediów WordPress.
Zalecamy korzystanie .jpg lub .obrazy png, które nie są większe niż 250px na 250px. Twoje obrazy będą wyglądać najlepiej w Twojej formie, jeśli mają ten sam rozmiar.
Ważne: WPForms nie zmieni rozmiaru obrazów. Przed przesłaniem musisz upewnić się, że są w pożądanym rozmiarze. Alternatywnie możesz edytować swój obraz w samym WordPress przed dodaniem go do formularza.
Jeśli masz więcej niż 3 opcje do uwzględnienia, po prostu kliknij przycisk ( + ), aby dodać nowy wybór. Możesz użyć przycisku ( – ), aby usunąć wybór.
Zmiana sposobu wyświetlania wybranych obrazów w formularzu
WPForms ułatwia zmianę układu wyboru obrazu i innych ustawień z karty „Opcje zaawansowane”.
Możesz zaznaczyć pole „Losuj wybory”, jeśli chcesz wyświetlać wybory obrazów losowo, a nie w określonej kolejności. Jest to przydatne, jeśli tworzysz ankietę i chcesz wyeliminować błąd pierwszego wyboru w wynikach.
W sekcji „Styl wyboru obrazu” możesz wybrać sposób stylizacji obrazów. Domyślny styl to nowoczesny, który wygląda tak po wybraniu opcji truskawki:
Zamiast tego możesz wybrać styl klasyczny, który wygląda tak po wybraniu opcji truskawki:
Alternatywnie możesz wybrać „Brak” dla stylu. W takim przypadku obrazy będą po prostu zwykłymi obrazami bez obramowania lub innej stylizacji. Etykiety będą wyświetlane za pomocą przycisków radiowych.
Jeśli chcesz, możesz również zmienić sposób układania wyborów, korzystając z rozwijanego menu „Układ wyboru”. Domyślną wartością jest „Inline”, a twoje wybory pojawiają się obok siebie, dopóki nie zawiążą się w nowej linii.
Zamiast tego możesz wybrać wyświetlanie wyborów w kilku kolumnach. Jeśli chcesz mieć listę pionową, po prostu wybierz „jedną kolumnę”z rozwijanego menu. Twoje wybory obrazów będą wtedy wyglądać następująco:
Istnieje również opcja „Ukryj etykietę” dla wyboru obrazu. Oznacza to, że pod obrazami nie będzie żadnego tekstu. W niektórych przypadkach może to mieć sens. Na przykład możesz prosić ludzi o głosowanie na nowy projekt logo, który najbardziej im się podoba.
Upewnij się jednak, że w miarę możliwości wpisujesz odpowiednią i pomocną Etykietę. Zostanie to wyświetlone jako tekst alternatywny dla obrazów, dzięki czemu Twoja witryna będzie bardziej dostępna dla użytkowników niedowidzących.
Dodawanie, usuwanie lub Edycja pól w formularzu
Pola w formularzu można dodawać, usuwać lub edytować. Aby edytować pole, wystarczy na nie kliknąć.
Na przykład możesz zmienić pole „komentarz lub wiadomość” na opcjonalne i mieć inną etykietę. Po kliknięciu na to pole możesz je edytować po lewej stronie ekranu.
Po prostu wpisz Etykietę, której chcesz użyć i odznacz pole „wymagane”, aby pole było opcjonalne.
Aby usunąć pole, najedź na nie kursorem, a następnie kliknij czerwoną ikonę kosza.
Gdy już wypełnisz formularz, kliknij przycisk „Zapisz” u góry ekranu.
Dodanie formularza do Twojej strony
Możesz dodać formularz do dowolnego postu lub strony w witrynie za pomocą kilku kliknięć. Stworzymy nową stronę dla naszego.
Przejdź do Strony ” Dodaj Nowy, a następnie kliknij przycisk ( + ), aby dodać blok do swojej strony.
Znajdź blok WPForms w sekcji Widżety lub wyszukaj go za pomocą paska wyszukiwania. Następnie po prostu kliknij blok, aby dodać go do swojej strony.
Następnie kliknij menu rozwijane „Wybierz formularz” i kliknij nazwę formularza, aby go wybrać. Używamy naszego Formularza Zamówienia Pudełka na owoce tutaj.
Teraz możesz opublikować swoją stronę i zobaczyć swój formularz na żywo w swojej witrynie. Oto jak wygląda nasz:
Jeśli chcesz wprowadzić zmiany w formularzu, możesz go znaleźć pod WPForms ” Wszystkie Formularze na desce rozdzielczej. Po zapisaniu zmian formularz zostanie automatycznie zaktualizowany również na twojej stronie.
Mamy nadzieję, że ten samouczek pomógł Ci dowiedzieć się, jak dodawać wybory obrazów w formularzach WordPress. Możesz również polubić nasz przewodnik, Jak utworzyć ankietę w WordPress i nasze porównanie najlepszych wtyczek do tworzenia stron 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.
