Jak utworzyć widżet przesyłania plików w WordPress
Opublikowany: 2020-02-21Chcesz, aby odwiedzający Twoją witrynę przesyłali załączniki plików do formularzy WordPress w dowolnym miejscu witryny?
Zapewnienie użytkownikom możliwości dodawania plików i multimediów do formularzy witryny może ułatwić zbieranie potrzebnych informacji.
W tym artykule pokażemy, jak łatwo utworzyć widżet przesyłania WordPress, aby akceptować pliki od odwiedzających Twoją witrynę.
Kliknij tutaj, aby rozpocząć tworzenie widżetu przesyłania WordPress teraz
Zanim utworzysz widżet przesyłania WordPress, musisz utworzyć formularz przesyłania plików WordPress. Jeśli już to zrobiłeś, możesz przejść do kroku #6.
Oto spis treści ułatwiający nawigację po każdym kroku:
- Utwórz formularz przesyłania plików w WordPress
- Przełącz się na klasyczny program do przesyłania plików (opcjonalnie)
- Dostosuj ustawienia formularza przesyłania plików
- Skonfiguruj powiadomienia formularza przesyłania plików
- Skonfiguruj potwierdzenia przesyłania plików
- Dodaj formularz przesyłania plików do widżetu
- Zobacz pliki
Jak utworzyć widżet przesyłania plików w WordPress
W zależności od rodzaju informacji, które chcesz zebrać w formularzu, korzystanie z widżetu przesyłania WordPress jest jednym z najlepszych sposobów na szybkie uzyskanie większej ilości informacji od użytkowników. Na przykład byłoby to świetne miejsce na formularz, aby umożliwić odwiedzającym przesyłanie obrazów do WordPress.
Uczynienie formularzy łatwiejszym do wypełnienia i bardziej dostępnym pomaga zmniejszyć współczynnik porzucania formularzy, dzięki czemu Twoja witryna WordPress może generować większe przychody. Możesz również dowiedzieć się, jak akceptować dodatkowe typy plików w formularzach przesyłania WordPress.
Możesz przejść do innego przewodnika, jeśli chcesz wymagać płatności za przesyłanie plików.
Krok 1: Utwórz formularz przesyłania plików w WordPress
Oto samouczek wideo lub możesz przeczytać poniższe kroki:
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę WPForms.
WPForms to najlepsza wtyczka do przesyłania plików. W przeciwieństwie do funkcji przesyłania plików formularzy Google, WPForms umożliwia dodawanie plików do przesyłania w dowolnym miejscu w witrynie, a nie tylko na stronach formularzy. Aby uzyskać więcej informacji na temat instalacji, zobacz ten przewodnik krok po kroku, jak zainstalować wtyczkę w WordPress.
Następnie przejdź do pulpitu WordPress i kliknij WPForms »Dodaj nowy w panelu po lewej stronie, aby utworzyć nowy formularz i nadaj mu dowolną nazwę.
Następnie przewiń w dół do sekcji Dodatkowe szablony i wpisz „Formularz przesyłania plików”, a następnie kliknij go, aby otworzyć szablon.
Upewnij się, że aktywowałeś już dodatek do pakietu szablonów formularzy, aby wyszukać ten formularz.
Teraz WPForms wypełni wstępnie zbudowany formularz przesyłania plików i wyświetli narzędzie do przeciągania i upuszczania.
Tutaj możesz dodać dodatkowe pola do formularza kontaktowego, przeciągając je z panelu po lewej stronie do panelu po prawej stronie. Możesz też usunąć pola, aby upewnić się, że formularz dobrze pasuje do widżetu przesyłania po dodaniu go w kroku 6.
W szablonie formularza przesyłania plików masz już pola Imię i nazwisko , E-mail , Telefon , Przesyłanie plików i Dodatkowe komentarze .
Kliknij dowolne pole formularza, aby wprowadzić zmiany. Możesz także kliknąć pole formularza i przeciągnąć je, aby zmienić kolejność w formularzu kontaktowym.
Nie tylko to, ale możesz także dodać pole Prześlij plik do dowolnego utworzonego formularza WordPress . Po prostu przeciągnij pole formularza przesyłania plików znajdujące się w obszarze Fancy Fields , z lewego panelu Edytora formularzy do prawego panelu.
Możesz kliknąć pole Prześlij plik, a także zmienić:
- Etykieta — Nazwij pole formularza, aby odwiedzający witrynę wiedzieli, do czego służy.
- Opis — Dodaj opis wyjaśniający szczegóły użytkownikom. Na przykład, jeśli chcesz, aby ludzie przesyłali tylko obraz, powiedz im to.
- Dozwolone rozszerzenia plików — jeśli chcesz ograniczyć typy plików, które można przesłać do formularza WordPress, umieść je tutaj, oddzielone przecinkami
- Maksymalny rozmiar pliku — Określ w megabajtach maksymalny rozmiar pliku, który użytkownicy będą mogli przesyłać. Jeśli nie wpiszesz tutaj liczby, WPForms domyślnie ustawi maksymalny rozmiar pliku, na który pozwala twój serwer. Jeśli chcesz to zmienić, zapoznaj się z tym samouczkiem, jak zwiększyć maksymalny rozmiar przesyłanych plików w WordPress.
- Wymagane — jeśli chcesz wymagać od użytkowników przesłania pliku przed przesłaniem formularza, zaznacz to pole wyboru.
- Styl — możesz przełączać się między domyślnym stylem nowoczesnym (zalecane) a stylem klasycznym (którym szczegółowo omówimy w następnym kroku)
Zastanawiasz się, gdzie będą przechowywane przesłane pliki, gdy znajdą się w widżecie przesyłania WordPress?
Domyślnie wszystkie pliki przesłane przez użytkowników są przechowywane w folderze WPForms w katalogu Uploads Twojej witryny. Aby to ułatwić, możesz również przechowywać te pliki w swojej Bibliotece mediów WordPress, zaznaczając pole Przechowuj w Bibliotece mediów WordPress w obszarze Opcje zaawansowane.
Możesz również sprawić, by formularze wyglądały świetnie, wykonując czynności opisane w naszym poście, jak utworzyć formularz wieloetapowy w WordPress. Ale na potrzeby tego samouczka pozostaniemy przy jednej stronie.
Krok 2: Przełącz na klasyczne pole przesyłania plików (opcjonalnie)
Ten krok jest opcjonalny i ogólnie nie jest zalecany. Jeśli jednak chcesz zmienić styl pola Przesyłanie pliku z domyślnego stylu nowoczesnego na styl klasyczny z przyciskiem „Wybierz teraz” dla widżetu przesyłania WordPress, przejdź do opcji Opcje zaawansowane » Styl i kliknij menu rozwijane, aby wybierz Klasyczny.
Dobrym wyborem może być powrót do stylu Classic:
- Ty lub Twoi użytkownicy wolicie pole przesyłania plików w stylu „przycisku”
- Wolisz bardziej zwarte pole przesyłania plików (a akceptujesz tylko 1 plik)
Pamiętaj tylko, że klasyczny styl przesyłania plików akceptuje tylko 1 przesłanie na pole. Jeśli używasz stylu klasycznego, musisz dodać kolejne pole przesyłania plików, aby zaakceptować wielokrotne przesyłanie w formularzu.
Aby formularz wyglądał na mniej bałaganu, przed dodaniem pozostałych pól należy włączyć logikę warunkową w pierwszym klasycznym polu przesyłania plików. W ten sposób te dodatkowe pola przesyłania plików nie pojawią się w formularzu, chyba że użytkownik ich potrzebuje.
Ta sztuczka sprawia, że forma wygląda na bardziej zorganizowaną i pomaga walczyć ze zmęczeniem formy, co może pomóc w zwiększeniu konwersji form.
Każdy styl klasyczny pola Przesyłanie pliku umożliwia użytkownikom przesłanie tylko jednego pliku. Aby dowiedzieć się, jak dodać wiele przesyłanych plików za pomocą narzędzia do przesyłania w stylu klasycznym, czytaj dalej. Jeśli działa tylko jedno pole przesyłania plików, możesz pominąć następny krok.
Aby włączyć logikę warunków w polu przesyłania pola w stylu klasycznym, przeciągnij pole rozwijane z panelu po lewej stronie do formularza, tuż nad polem przesyłania pliku. (To zadziała z dowolną liczbą pól Upload File, ale na potrzeby tego przykładu zrobimy 3.)
Teraz kliknij pole rozwijane, aby zobaczyć Opcje pola w lewym panelu i edytuj etykietę pola rozwijanego, aby powiedzieć Liczba plików do przesłania i Wybory, aby powiedzieć 1 , 2 i 3 .
Następnie kliknij pole File Upload i w opcjach przewiń w dół i rozwiń zakładkę Conditionals w lewym panelu. Następnie zaznacz pole wyboru Włącz logikę warunkową .
Dostosuj logikę warunkową pola przesyłania plików, tak jak na poniższym zrzucie ekranu:
Pamiętaj, że nowe pola są dodawane przez kliknięcie przycisku Dodaj nową grupę, który stosuje logikę LUB. Jeśli potrzebujesz więcej informacji na temat korzystania z logiki OR, przeczytaj nasz przewodnik dotyczący używania logiki warunkowej OR.
Następnym krokiem jest zduplikowanie tego pola przesyłania plików.
W formularzu kliknij ikonę duplikatu po prawej stronie pola Przesyłanie pliku.
W panelu po lewej stronie zmień etykietę nowego pola Prześlij plik na Prześlij swój drugi plik .
Teraz skonfiguruj logikę warunkową dla tego nowego pola, tak jak na poniższym zrzucie ekranu. Jedyną zmianą w stosunku do powyższego kroku jest to, że usunęliśmy pierwszą akcję, w której jest napisane, że liczba plików do przesłania wynosi 1.
Teraz zduplikuj pole przesyłania drugiego pliku, klikając ikonę i zmieniając etykietę na Prześlij swój trzeci plik .
Skonfiguruj pole logiki warunkowej, tak jak na poniższym zrzucie ekranu. Zachowamy tylko ostatnie pole, w którym jest napisane, że liczba plików do przesłania wynosi 3.
Po zakończeniu dostosowywania formularza kliknij Zapisz w prawym górnym rogu ekranu. A teraz właśnie dodałeś do formularza wiele pól przesyłania plików.
Jak widać, w większości przypadków będziesz chciał używać stylu Nowoczesnego, aby akceptować przesyłanie wielu plików.
Teraz, gdy masz odpowiednią liczbę pól przesyłania plików w swoim formularzu (czy to tylko 1, czy kilka), możesz skonfigurować ustawienia formularza.
Krok 3: Dostosuj ustawienia formularza przesyłania plików
Aby rozpocząć, przejdź do Ustawienia » Ogólne .
Tutaj możesz skonfigurować:
- Nazwa formularza — Zmień nazwę formularza tutaj, jeśli chcesz.
- Opis formularza — nadaj formularzowi opis.
- Prześlij tekst przycisku — dostosuj kopię przycisku przesyłania.
- Zapobieganie spamowi — Zatrzymaj spam z formularza kontaktowego za pomocą funkcji antyspamowej, hCaptcha lub Google reCAPTCHA. Pole wyboru antyspamu jest automatycznie zaznaczane we wszystkich nowych formularzach.
- AJAX Forms — Włącz ustawienia AJAX bez ponownego ładowania strony.
- Ulepszenia RODO — możesz wyłączyć przechowywanie informacji o wpisach i danych użytkownika, takich jak adresy IP i klienty użytkownika, starając się spełnić wymagania RODO. Zapoznaj się z naszymi instrukcjami krok po kroku, jak dodać pole umowy RODO do prostego formularza kontaktowego.
A kiedy skończysz, kliknij Zapisz .
Krok 4: Skonfiguruj powiadomienia formularza
Powiadomienia to doskonały sposób, aby dowiedzieć się, kiedy ktoś przesyła plik do widżetu przesyłania WordPress.
Jeśli nie wyłączysz funkcji powiadomień, otrzymasz powiadomienie e-mailem, gdy ktoś prześle formularz w Twojej witrynie.
Aby otrzymać wiadomość e-mail, gdy ktoś wypełni formularz, musisz skonfigurować powiadomienia o formularzu w WordPressie i podać swój adres e-mail.
Ponadto, jeśli używasz tagów inteligentnych, możesz wysłać spersonalizowane powiadomienie do odwiedzających witrynę po zakończeniu formularza, aby poinformować ich, że go otrzymałeś. Zapewnia to, że ich formularz przeszedł poprawnie, wraz z przesłaniem pliku.
Aby uzyskać więcej informacji na ten temat, zapoznaj się z naszym przewodnikiem krok po kroku, jak wysyłać powiadomienia z wielu formularzy w WordPress.
Ponadto masz możliwość łatwego oznakowania wiadomości e-mail z powiadomieniami, dodając swoje logo lub dowolny wybrany obraz w obszarze niestandardowego obrazu nagłówka. Wybrane logo / obraz pojawi się u góry powiadomień e-mail, takich jak logo WPForms poniżej.
Uwaga: ponieważ załączniki do plików często mogą zaszkodzić dostarczalności wiadomości e-mail , WPForms nie dołącza plików użytkownika do wiadomości e-mail z powiadomieniami. Zamiast tego przesyłamy przesłane pliki pocztą e-mail jako linki.
Krok 5: Skonfiguruj potwierdzenia w formularzu przesyłania plików
Potwierdzenia formularza to sposoby na natychmiastowe (i automatyczne) podjęcie działań po przesłaniu przez użytkownika informacji do widżetu przesyłania WordPress. Aby uzyskać dodatkową pomoc w tym kroku, zapoznaj się z naszym samouczkiem dotyczącym konfigurowania potwierdzeń formularzy.
W WPForms istnieją 3 różne rodzaje potwierdzeń:
- Wiadomość — jest to domyślny typ potwierdzenia, który pojawia się po przesłaniu formularza przez kogoś, i można go dostosować. Zapoznaj się z naszymi wskazówkami, jak dostosować wiadomość potwierdzającą, aby zwiększyć zadowolenie odwiedzających witrynę.
- Wyświetlaj stronę — Automatycznie wysyłaj użytkowników do dowolnej strony w Twojej witrynie, np. do strony z podziękowaniem
- Przekierowanie — przydatne, jeśli chcesz przenieść użytkownika do innej witryny lub specjalnego adresu URL w celu bardziej złożonego programowania.
Zobaczmy więc, jak skonfigurować proste potwierdzenie formularza w WPForms, abyś mógł dostosować komunikat o sukcesie, który odwiedzający witrynę zobaczą, gdy prześlą formularz w Twojej witrynie.
Aby rozpocząć, kliknij kartę Potwierdzenie w Edytorze formularzy w obszarze Ustawienia .
Następnie wybierz typ potwierdzenia, który chcesz utworzyć. W tym przykładzie wybierzemy Wiadomość .
Następnie dostosuj wiadomość potwierdzającą do swoich upodobań i kliknij Zapisz, gdy skończysz.
Teraz możesz dodać formularz do widżetów swojej witryny.
Krok 6: Dodaj formularz przesyłania plików do widżetu
Po utworzeniu formularza możesz dodać go do obszaru widżetów w witrynie WordPress.
WPForms pozwala dodawać formularze do wielu miejsc w witrynie, w tym do stron, postów na blogu i widżetów WordPress.
Aby dodać formularz przesyłania plików do widżetu i stworzyć własny widżet przesyłania, przejdź do panelu po lewej stronie na pulpicie WordPress i kliknij Wygląd » Widgety. Następnie przewiń w dół i kliknij WPForms z dostępnych widżetów.
Wyświetlane widżety mogą wyglądać inaczej dla każdej osoby, w zależności od motywu. Niektóre motywy WordPress umożliwiają posiadanie określonych widżetów WordPress.
Wybierz obszar, w którym chcesz wyświetlić widżet przesyłania WordPress i kliknij „Dodaj widżet”, gdy będziesz gotowy.
Teraz wybierz formularz, który chcesz wyświetlić w tym widżecie, i kliknij Zapisz .
Otóż to! Twój formularz przesyłania plików znajduje się teraz w widżecie WordPress w Twojej witrynie.
Krok 7: Wyświetl pliki
WPForms przechowuje każde przesłanie formularza jako wpis w bazie danych WordPress. Aby wyświetlić przesłane pliki, przejdź do WPForms » Wpisy .
Następnie kliknij liczbę w kolumnie „Cały czas”, aby zobaczyć wszystkie wpisy.
Po przejrzeniu wszystkich wpisów możesz kliknąć Widok w kolumnie Działania w pojedynczym wpisie, aby uzyskać dostęp do pliku, który został przesłany za pomocą widżetu przesyłania WordPress.
Teraz możesz kliknąć plik prawym przyciskiem myszy, aby pobrać plik, lub kliknąć go, aby wyświetlić go w przeglądarce.
Co więcej, możesz użyć naszego dodatku Zapier, aby automatycznie zapisywać wszystkie przesłane pliki do:
- dysk Google
- Dropbox
- i wiele innych usług przechowywania w chmurze
Aby dowiedzieć się, jak ludzie znajdują Twój formularz przesyłania i Twoją witrynę, przeczytaj nasz przewodnik dotyczący instalacji Google Analytics na WordPress.
Kliknij tutaj, aby rozpocząć tworzenie widżetu przesyłania WordPress teraz
Na zakończenie
I masz to! Wiesz już, jak utworzyć widżet przesyłania WordPress, aby akceptować pliki za pośrednictwem formularzy Twojej witryny. Jeśli chcesz akceptować pliki od projektantów, koniecznie sprawdź, jak włączyć przesyłanie Adobe Illustrator (AI) w WordPress.
Zapoznaj się również z naszym postem ze świetnymi wskazówkami dotyczącymi marketingu w małych firmach, które możesz wypróbować już dziś.
Więc na co czekasz? Zacznij już dziś od najpotężniejszej wtyczki formularzy WordPress.
I nie zapomnij, jeśli podoba Ci się ten artykuł, śledź nas na Facebooku i Twitterze.