Jak utworzyć formularz przesyłania plików w WordPress

Czy chcesz, aby odwiedzający Twoją stronę przesłali pliki do formularza kontaktowego?

Może zatrudniasz pracowników i chcesz zbierać CV, a może prowadzisz inny formularz zgłoszeniowy lub konkurs fotograficzny, w którym musisz załączyć pliki.

W tym samouczku pokażemy, jak utworzyć formularz przesyłania plików w WordPress (krok po kroku).

How to create a file upload form in WordPress

Po co tworzyć formularz przesyłania plików w WordPress?

Jeśli chcesz zebrać dowolny plik od swoich użytkowników, To formularz przesyłania pliku jest świetnym pomysłem. Użytkownicy mogą przesyłać obrazy, pliki PDF, dokumenty Word lub inne typy plików.

Korzystanie z formularza przesyłania plików ułatwia życie Tobie i Twoim użytkownikom.

Zamiast wysyłać e-maile tam i z powrotem, możesz utworzyć formularz zawierający wszystkie potrzebne pola, dzięki czemu możesz zebrać wszystkie informacje naraz.

Ponadto formularz powinien automatycznie zapisać dane formularza w bazie danych WordPress. W ten sposób możesz łatwo znaleźć zgłoszenia, nawet jeśli przegapisz lub usuniesz wiadomość e-mail.

Video Tutorial

Subskrybuj WPBeginner

Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.

Jak utworzyć formularz przesyłania plików w WordPress

W tym samouczku będziemy używać WPForms, która jest najlepszą wtyczką do formularzy kontaktowych dla WordPress.

Jeśli masz napięty budżet, możesz uzyskać funkcję przesyłania plików w podstawowym planie WPForms. Jednak w pełni funkcjonalny plan Pro daje dostęp do dodatkowych szablonów formularzy, raportów ankiet i wielu innych zaawansowanych funkcji.

Najpierw musisz zainstalować i aktywować wtyczkę WPForms. Jeśli nie jesteś pewien, jak, po prostu sprawdź nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywowaniu wtyczki zobaczysz nową kartę WPForms na pulpicie nawigacyjnym.

Przejdź do WPForms ” Dodatki strona i przewiń w dół do dodatku paczka szablonów formularzy. Kliknij przycisk „Zainstaluj dodatek”, aby go zainstalować i aktywować.

Installing the WPForms form template pack addon

Teraz możesz utworzyć swój pierwszy formularz przesyłania plików.

Udaj się do WPForms ” Dodaj Nowy strona.

Creating a new form using WPForms

Zostaniesz zabrany bezpośrednio do Kreatora WPForms. Możesz nadać formularzowi nazwę u góry ekranu:

Giving your form a name in WPForms

Musisz również wybrać szablon. Zalecamy użycie szablonu przesyłania plików, który można znaleźć w sekcji dodatkowe szablony. Kliknij na szablon, aby go użyć.

Formularz przesyłania plików zostanie automatycznie utworzony dla Ciebie.

The default file upload form, created from the template

Możesz użyć formularza przesyłania plików bez wprowadzania żadnych zmian, jeśli chcesz.

Domyślnie umożliwia użytkownikom przesyłanie następujących typów plików:

  • Pliki Obrazów: .png,gif,. jpg
  • Dokumenty: .doc,xls,ppt,pdf
  • Audio: .wav,. mp3,. mp4
  • Wideo: .mpg,mov,wmv

Jeśli chcesz ograniczyć typy plików, kliknij pole przesyłania pliku, aby je edytować. Po lewej stronie ekranu zobaczysz opcje pól:

Editing the file upload field in WPForms

W polu dozwolone rozszerzenia plików możesz wpisać dowolne formaty plików, które chcesz zaakceptować. Zezwalamy na Formaty obrazów .png,gif i …jpg. Oddziel je przecinkiem.

Enter the file types that you want to allow users to upload

Uwaga: WordPress ogranicza typy plików, które można przesłać do witryny ze względów bezpieczeństwa WordPress. Możesz dodać dodatkowe typy plików do WordPress, jeśli chcesz zezwolić użytkownikom na przesyłanie typów plików, które zwykle nie są dozwolone.

Możesz także ustawić maksymalny rozmiar pliku i maksymalną liczbę plików. W naszym konkursie będziemy mogli zgłaszać do 3 zdjęć o wielkości do 50MB każde.

Jeśli chcesz uniemożliwić ludziom przesyłanie formularza bez dołączania ich plików, możesz zaznaczyć Wymagane pole. Oznacza to, że Formularz nie może zostać przesłany, dopóki nie zostanie przesłany co najmniej 1 plik.

The edited file upload field on our form

Domyślnie pole przesyłania plików używa nowoczesnego formatu, który umożliwia użytkownikom przeciąganie i upuszczanie plików. Jeśli jednak masz ograniczone miejsce na Formularz lub wolisz klasyczne pole przesyłania, możesz to zmienić.

Po prostu kliknij „Opcje zaawansowane”, aby otworzyć więcej opcji dla pola. Możesz następnie zmienić styl z nowoczesnego na klasyczny, korzystając z rozwijanej listy.

Editing the advanced options for the file upload field

Tip: Klasyczne pole przesyłania pozwala na przesłanie tylko jednego pliku. Jeśli chcesz, aby użytkownicy mogli przesłać więcej niż jeden plik, musisz dodać więcej niż jedno pole przesyłania pliku do formularza.

Możesz także wybrać przechowywanie przesłanych plików w bibliotece multimediów WordPress, jeśli chcesz. Ułatwia to dodawanie ich do posta lub strony. Na przykład w naszym konkursie fotograficznym możemy uwzględnić najlepsze zdjęcia, gdy ogłosimy zwycięzcę.

Uwaga: Przesłane pliki są nadal zapisywane w bazie danych WordPress, nawet jeśli nie zaznaczysz tego pola. Są one po prostu przechowywane w oddzielnym folderze na koncie hostingowym WordPress.

Jeśli chcesz edytować którekolwiek z pozostałych pól w formularzu, możesz kliknąć, aby edytować je po lewej stronie w ten sam sposób.

Możesz również dodać nowe pola za pomocą karty Dodaj pola. Po prostu przeciągnij i upuść dowolne pole, które chcesz dodać do formularza.

Tutaj dodaliśmy Pole strony internetowej / URL do formularza, dzięki czemu fotografowie mogą podać nam link do swojej strony internetowej.

Adding a website / URL field to the form

Jeśli chcesz usunąć pole, najedź na nie kursorem myszy i kliknij czerwoną ikonę kosza. Usuniemy pole telefonu, ponieważ nie potrzebujemy numerów telefonów fotografów.

Deleting the phone field from the form

Po zakończeniu wypełniania formularza kliknij przycisk Zapisz znajdujący się u góry ekranu.

Click the Save button in WPForms

Konfigurowanie powiadomień formularza przesyłania plików

Na karcie Ustawienia możesz kliknąć powiadomienia, aby skonfigurować powiadomienia e-mail formularza. Możesz zmienić ustawienia domyślne.

Domyślnie formularz wysyła powiadomienie e-mail do {admin_email}.

Jeśli utworzyłeś swoją witrynę WordPress samodzielnie, będzie to twój adres e-mail. Jeśli nie, możesz usunąć {admin_email} i zamiast tego wpisać swój własny adres e-mail.

Changing the email address that the form notifications are sent to

Tip: Nie jesteś pewien, czy {admin_email} to twój adres e-mail, czy nie? Przejdź do Ustawienia ” Ogólne w panelu WordPress. Poszukaj administracyjnego adresu e-mail. Możesz to zmienić tutaj. Po wykonaniu tej czynności kliknij Zapisz zmiany na dole.

Checking or changing the WordPress Administration email address

Jeśli chcesz, aby przesłane pliki były wysyłane do więcej niż jednej osoby, możesz również skonfigurować wiele powiadomień tutaj.

Możesz także zmienić wiadomość potwierdzającą, którą użytkownicy widzą po przesłaniu formularza. Możesz to zrobić pod Ustawienia ” Potwierdzenia.

Po prostu wpisz żądaną wiadomość w polu. Możesz dodać formatowanie, takie jak pogrubienie i kursywa, jeśli chcesz. Tak wygląda domyślny komunikat:

Changing the confirmation message that the user sees after submitting the form

Nie zapomnij zapisać formularza po wprowadzeniu zmian. Możesz wyjść z kreatora formularzy, klikając X w prawym górnym rogu.

Dodawanie formularza przesyłania plików do witryny

Po utworzeniu formularza musisz dodać go do swojej witryny. Możesz dodać go do istniejącego posta lub strony lub utworzyć nową stronę.

Dodamy nasz formularz do nowej strony. Aby utworzyć nową stronę, przejdź do Strony ” Dodaj Nowy. Następnie dodaj nowy blok do swojej strony, klikając ikonę ( + ).

Creating a new page in WordPress and adding a new block to it

Następnie musisz wybrać Blok WPForms z sekcji widżety. Możesz użyć paska wyszukiwania, aby go znaleźć, jeśli wolisz.

Adding the WPForms block to your page or post

Po dodaniu bloku do strony wybierz formularz utworzony z rozwijanego menu WPForms.

Select the correct form from the WPForms dropdown

Teraz przejrzyj lub opublikuj swoją stronę i zapoznaj się z formularzem na żywo w swojej witrynie. Oto jak wygląda nasza forma.

The finished file upload form live on the website

Możesz wprowadzić zmiany w formularzu, przechodząc do WPForms ” Wszystkie Formy. Wystarczy kliknąć na nazwę formularza lub najechać myszką na niego i kliknąć link „Edytuj”, aby go edytować.

Editing a form you've already created in WPFormsv

Podczas edycji formularza jest on automatycznie aktualizowany w witrynie. Nie musisz dodawać go ponownie do swojej strony.

Tip: Dobrym pomysłem jest przetestowanie formularza, aby upewnić się, że działa zgodnie z oczekiwaniami. Jeśli nie otrzymasz powiadomienia e-mail po utworzeniu wpisu w formularzu, zapoznaj się z naszym przewodnikiem krok po kroku dotyczącym naprawy problemu z wysyłaniem wiadomości e-mail WordPress.

Przeglądanie lub pobieranie przesłanych plików

Gdy ktoś wyśle plik za pośrednictwem formularza przesyłania plików, możesz go pobrać za pośrednictwem skrzynki odbiorczej poczty e-mail lub Pulpitu nawigacyjnego WordPress.

Przy każdym wpisie w formularzu otrzymasz taki e-mail:

The email you receive with the form entry details, including file download links

Wystarczy kliknąć łącza, aby wyświetlić lub pobrać pliki.

Możesz również łatwo znaleźć pliki za pośrednictwem samego WordPressa. Przejdź do WPForms ” Wpisy następnie kliknij na nazwę formularza.

Select your form to view the form entries in your WordPress dashboard

Następnie możesz zobaczyć przesłane pliki w tabeli wpisów formularza. Możesz również kliknąć link widok, aby zobaczyć pełne szczegóły wpisu formularza.

The file links shown in the WPForms entry in the table

Mamy nadzieję, że ten samouczek pomógł Ci nauczyć się tworzyć formularz przesyłania plików w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat najlepszych wtyczek do ankiet WordPress i naszym przewodnikiem na temat tworzenia biuletynu e-mailowego.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

WordPress Pingbacks & Trackbacks: Ultimate A-Z Guide

W artykule: Czym są Pingbacks i Trackbacks? Plus, dlaczego są ważneCzym Są…