6 bezbolesnych kroków do tworzenia formularzy przesyłania plików w WordPress

Opublikowany: 2021-01-21

W prawdziwym życiu możesz natknąć się na różne formularze przesyłania plików, takie jak podania o pracę, recenzje produktów i odpowiedzi klientów. Są najprostszym, ale najskuteczniejszym sposobem zbierania danych, w tym plików, zdjęć, nagrań dźwiękowych itd., od odwiedzających Twoją witrynę.

Witryny WordPress muszą oferować użytkownikom możliwość przesyłania plików. Jednak WordPress nie zawiera żadnych wbudowanych formularzy przesyłania plików dla użytkowników. Nawet jeśli używasz wtyczek do tworzenia formularzy, WordPress nadal nakłada ścisłe ograniczenia na formaty plików.

Dzisiaj poprowadzimy Cię przez proces tworzenia formularza przesyłania plików w WordPress za pomocą renomowanych formularzy WP. Poza tym ujawniamy również skuteczną wskazówkę dotyczącą przesyłania dodatkowych typów plików w WordPressie.

W tym artykule omówimy:

  • Jak tworzyć formularze przesyłania plików w WordPress za pomocą WP Forms
  • Zezwalanie WordPress na przesyłanie wszystkich typów plików

Jak utworzyć formularz przesyłania plików w WordPress za pomocą formularzy WP

Przede wszystkim powinieneś wybrać odpowiednią wtyczkę do przesyłania plików dla swojej witryny. W tym samouczku będziemy używać WP Forms, ponieważ jest to jedna z najpotężniejszych i najbardziej przyjaznych dla użytkownika wtyczek. Tworzenie formularza przesyłania plików za pomocą WP Forms to pestka, ponieważ zapewnia mnóstwo gotowych szablonów formularzy i liczne pola do dostosowania. Ponadto wtyczka umożliwia bezproblemowe przesyłanie szerokiej gamy typów plików.

Aby utworzyć formularze przesyłania plików za pomocą WP Forms, musisz najpierw zainstalować i aktywować wtyczkę. Po aktywacji wtyczki możesz wykonać kolejne kroki:

Krok 1: Utwórz nowy formularz w WordPress

Krok 2: Zainstaluj dodatek do pakietu szablonów formularzy

Krok 3: Dodaj nazwę formularza i wybierz szablony

Krok 4: Dostosuj formularz przesyłania plików

Krok 5: Skonfiguruj ustawienia formularza

Krok 6: Opublikuj formularz przesyłania plików WordPress i wyświetl przesłane pliki

Zacznijmy!

Krok 1: Utwórz formularz kontaktowy w WordPress

  • Na pulpicie WordPress przejdź do „WP Forms” i kliknij „Dodaj nowy”.
    dodaj nowe formularze wpform

Krok 2: Zainstaluj dodatek do pakietu szablonów formularzy

  • W menu WP Forms kliknij link „Dodatki”. Spowoduje to przejście do ekranu WP Forms Addons.
    zainstaluj dodatek do szablonu wpforms
  • Wyszukaj dodatek „Pakiet szablonów formularzy” na pasku „Dodatki wyszukiwania”.
    szukaj dodatków wpform
  • Gdy pojawi się dodatek, kliknij "Zainstaluj", co spowoduje automatyczną instalację i aktywację dodatku. Jeśli widzisz aktywny status w lewym dolnym rogu strony, oznacza to, że dodatek jest gotowy do użycia.
  • Aby wyświetlić nowe opcje szablonu, przejdź do "WP Forms", kliknij "Dodaj nowy".
    dodaj nowe opcje szablonu wpform
  • Pojawi się ekran opcji szablonu. Przewiń w dół, a zobaczysz sekcję o nazwie „Dodatkowe szablony”.
    wpform dodatkowe szablony

Krok 3: Dodaj nazwę formularza i wybierz szablony

  • Teraz wróć do nowego formularza, wpisz nazwę formularza i poszukaj szablonu przesyłania plików w sekcji „Dodatkowe szablony”. Następnie zacznij dostosowywać swój formularz.
    dodaj nazwę formularza do wpforms

Krok 4: Dostosuj formularz przesyłania plików

  • Szablon zawiera już kilka podstawowych pól, takich jak imię i nazwisko, adres e-mail, opcje przesyłania plików i dodatkowe komentarze. Aby oznaczyć formularz swoim stylem, możesz dodać więcej pól i edytować opcje w każdym polu, w tym pole wyboru, menu rozwijane, oceny lub hasło.
    edytuj formularz przesyłania plików wpform
  • Odwiedź zakładkę „Opcje pola” w polu Przesyłanie plików i możesz przeprowadzić dalszą konfigurację. Tutaj możesz napisać opis lub ograniczyć rozszerzenie i rozmiary pliku. Wraz z tym zakładka „Opcje zaawansowane” pozwoli Ci włączyć logikę warunkową lub pokazać lub ukryć pola na podstawie wyboru użytkownika. Kiedy skończysz, naciśnij „Zapisz”, aby zapisać dostosowanie.
    edytuj opcje pól

Krok 5: Skonfiguruj ustawienia formularza

W tym kroku możesz zmodyfikować nie tylko ustawienia ogólne, ale także powiadomienia o formularzu i potwierdzenia.

  • Kliknij „Ustawienia”, wybierz „Ogólne”, a następnie wprowadź opis formularza i tekst przycisku przesyłania.
    edytuj ogólne ustawienia formularza
  • Następnie musisz skonfigurować powiadomienia e-mail i wiadomości potwierdzające. W zakładce „Powiadomienia” > w polu „Wyślij na adres e-mail” wpisz adres e-mail, na który będą wysyłane wiadomości.
    edytuj powiadomienia formularza
  • Następnie kliknij zakładkę „Potwierdzenia”, która oferuje 3 opcje pomyślnego przesłania potwierdzenia. Możesz albo wyświetlić wiadomość, stronę z podziękowaniem, albo przekierować użytkowników do innej witryny po przesłaniu swoich formularzy. Kliknij „Zapisz”, aby zapisać wszystkie zmiany.
    edytuj ustawienia potwierdzenia formularza

Krok 6: Opublikuj formularz przesyłania plików i wyświetl przesłane pliki

Teraz nadszedł czas, aby opublikować Twój formularz. WP Forms elastycznie umożliwia osadzenie formularza na stronie WordPress, poście lub pasku bocznym.

  • Najpierw utwórz nową stronę WordPress lub otwórz istniejącą. Kliknij ikonę plusa, aby wstawić nowy blok treści. Wpisz „WP Forms” w pasku wyszukiwania, a zobaczysz widżety WP Forms. Kliknijmy na to.
    wybierz widżety wpform
  • Następnie wybierz z menu rozwijanego formularz przesyłania plików, który już utworzyłeś. Kliknij „Opublikuj” i gotowe.
    formularz przesyłania plików w menu rozwijanym
  • Aby wyświetlić przesłane pliki, przejdź do "WP Forms" i wybierz "Wpisy". Kliknij „Widok”, aby zobaczyć szczegóły pliku.

wpisy wpform

  • Otworzy się nowa karta przeglądarki. Poniższy obraz przedstawia typowe informacje zbierane przez formularz.
    przeglądaj wpisy wpform

To jest! Ukończyłeś tworzenie formularza przesyłania plików w WordPress za pomocą WP Forms. Teraz dodamy ostatnie szlify do Twoich doskonałych formularzy, co pozwoli WordPressowi przesłać wszystkie typy plików. Nie martw się! To nie czarna magia.

Zezwalanie WordPress na przesyłanie wszystkich typów plików

Ze względów bezpieczeństwa WordPress ogranicza kilka rodzajów rozszerzeń plików. Pozwala na przesyłanie tylko niektórych typów plików, na przykład: obrazów (.jpg, .png i .gif), dokumentów (.doc, .xls, .ppt, .pdf), plików audio (.wav, .mp3, .mp4) i filmy (.mpg, .mov, .wmv).

W związku z tym na ekranie zostanie wyświetlony komunikat o błędzie, jeśli spróbujesz przesłać plik w formacie .exe, .xlsx, .xml lub w dowolnym formacie, który nie znajduje się na tej liście.

Aby uniknąć niewygodnych doświadczeń użytkowników, musisz udostępnić formularz przesyłania plików akceptujący elastyczne typy plików. Aby to zrobić, musisz wkleić fragmenty kodu do pliku functions.php lub użyć wtyczki.

Biorąc pod uwagę, że konfiguracja pliku functions.php może spowodować uszkodzenie Twojej witryny, sugerujemy wybranie bezpiecznej opcji, czyli skorzystania z wtyczki do przesyłania plików WordPress. Wśród tysięcy dostępnych produktów, typy przesyłania plików przez WP Forms wyróżniają się jako bezpłatne i łatwe rozwiązanie.
Wtyczka typów przesyłania plików

Jak przesłać dodatkowe typy plików do WordPress za pomocą wtyczki File Upload Types by WP Forms?

Po zainstalowaniu i aktywacji wtyczki musisz skonfigurować różne typy plików dla swojej witryny.

  • Przejdź do „Ustawienia”, kliknij „Typy przesyłania plików”. Spowoduje to otwarcie listy typów plików wraz z ich opisami, typem MIME i rozszerzeniami. Po prostu zaznacz pole obok tych, które chcesz zaakceptować w swojej witrynie. Zapisz zmiany, klikając przycisk „Zapisz zmiany”.

wybierz typy przesyłania plików

Jeśli nie możesz znaleźć żądanych typów plików na tej liście, przewiń w dół, a natkniesz się na opcję „Dodaj niestandardowe typy plików”. Tutaj musisz wypełnić opisy plików, typ MIME i rozszerzenia niestandardowego pliku, a następnie nacisnąć ikonę plusa. Kliknij „Zapisz ustawienia”, aby zakończyć ten proces.
dodaj niestandardowe typy plików

Wniosek

Przeszliśmy przez 6 prostych kroków, aby zbudować formularz przesyłania plików w WordPress za pomocą WP Forms. Zapewniamy również praktyczne rozwiązanie do przesyłania dodatkowych typów plików w WordPress.

Dodanie funkcji przesyłania plików do formularzy ułatwia zbieranie informacji od użytkowników.

Jeśli utkniesz na dowolnym kroku powyżej, daj nam znać w sekcji komentarzy poniżej. Jesteśmy gotowi to rozpracować!