Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

Dodanie formularza przesyłania plików do witryny WordPress może usprawnić procesy, takie jak zbieranie podań o pracę, otrzymywanie opinii klientów lub gromadzenie dokumentów do projektów.

Poprawia to interakcję użytkownika, umożliwiając odwiedzającym przesyłanie plików bezpośrednio przez witrynę, co czyni ją kluczową funkcją dla wielu firm i organizacji internetowych.

Przez lata wiele naszych marek partnerskich z powodzeniem korzystało z WPForms do dodawania formularzy przesyłania plików do swoich witryn internetowych i konsekwentnie zgłaszało pozytywne doświadczenia.

Uznali, że wtyczka jest łatwa w użyciu, z prostym dostępem do przeglądania przesłanych dokumentów i możliwością płynnego łączenia się z bramkami płatniczymi i innymi integracjami.

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

Creating a File Upload form in WordPress

Dlaczego warto utworzyć formularz przesyłania plików WordPress?

Formularz przesyłania plików to świetny pomysł na zbieranie wszelkiego rodzaju plików od twoich użytkowników na twojej witrynie internetowej WordPress.

Użytkownicy mogą przesyłać obrazki, pliki PDF, dokumenty Word lub pliki innego rodzaju.

Korzystanie z formularza przesyłania plików ułatwia życie Tobie i Twoim użytkownikom. Zamiast wysyłać wiadomości e-mail w tę i z powrotem, możesz utworzyć formularz zawierający wszystkie pola potrzebne do zebrania wszystkich informacji naraz.

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

Biorąc to pod uwagę, przyjrzyjmy się, jak utworzyć formularz przesyłania plików w WordPress. Oto krótki przegląd tego, co omówimy w tym artykule:

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

W tym poradniku będziemy używać WPForms, który jest najlepszym kreatorem formularzy online.

Więcej informacji można znaleźć w naszej pełnej recenzji WPForms.

Najpierw należy zainstalować i włączyć wtyczkę WPForms. Aby uzyskać więcej instrukcji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga: WPForms oferuje również darmową wersję. Będziesz jednak potrzebować wersji Pro wtyczki, aby odblokować szablon formularza przesyłania plików.

Po włączaniu, przejdź do strony WPForms ” Add New z panelu bocznego administratora WordPress.

Spowoduje to przejście do strony „Wyszukaj szablon”, gdzie możesz zacząć od nadania nazwy twojemu nowemu formularzowi. Należy również wyszukać szablon formularza przesyłania plików w polu wyszukiwania po lewej stronie.

Następnie kliknij przycisk „Użyj szablonu” pod opcją „Formularz przesyłania pliku”.

Choose the File Upload form template

Zostaniesz teraz przeniesiony do kreatora WPForms, gdzie formularz przesyłania plików zostanie automatycznie utworzony.

Możesz użyć szablonu formularza przesyłania plików bez wprowadzania żadnych zmian lub możesz również przeciągnąć i upuścić pola formularza z panelu bocznego „Dodaj pola”.

File Upload form will now be automatically created for you

Następnie kliknij pole „Prześlij plik” w formularzu, aby otworzyć jego ustawienia w lewej kolumnie.

Domyślnie w formularzu można przesyłać pliki różnego rodzaju, w tym:

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

Możesz zaakceptować dowolny format pliku, wpisując go w polu „Dozwolone rozszerzenia plików”.

W tym poradniku zezwolimy na korzystanie z obrazków w formatach .png, .gif i .jpg. Pamiętaj, aby oddzielić każdy format pliku przecinkiem.

Type file extension type

Uwaga: WordPress ogranicza rodzaje plików, które można przesyłać na witrynę ze względów bezpieczeństwa WordPress. Możesz dodać dodatkowe rodzaje plików do WordPress, jeśli chcesz umożliwić użytkownikom przesyłanie rodzajów plików, które normalnie nie są dozwolone.

Można również ustawić maksymalny rozmiar pliku i maksymalną liczbę plików. W przypadku naszego poradnika pozwolimy użytkownikom na przesłanie maksymalnie 3 zdjęć o rozmiarze do 50 MB każde.

Jeśli chcesz uniemożliwić użytkownikom przesłanie formularza WordPress bez załączenia plików, możesz włączyć przełącznik „Wymagane”. Oznacza to, że formularz nie może zostać przesłany, chyba że przesłano co najmniej 1 plik.

Choose file size and the number of files to be uploaded

Następnie wystarczy przejść do karty „Zaawansowane” u góry.

Domyślnie pole przesyłania plików wykorzystuje nowoczesny format, który umożliwia użytkownikom przeciąganie i upuszczanie plików.

Jeśli jednak masz ograniczoną ilość miejsca na twój formularz lub wolisz klasyczne pole przesyłania, możesz to zmienić. Wystarczy wybrać opcję „Klasyczny” z menu rozwijanego „Styl”.

Wskazówka: Klasyczne pole przesyłania umożliwia przesłanie tylko jednego pliku. Jeśli chcesz, aby użytkownicy mogli przesłać więcej niż jeden plik, musisz dodać wiele pól przesyłania plików do twojego formularza.

Choose the Classic option as the form style from the dropdown menu

Można również wybrać opcję przechowywania przesłanych plików w bibliotece multimediów WordPress, włączając przełącznik „Przechowuj plik w bibliotece multimediów WordPress”. Ułatwia to dodawanie przesłanych plików do wpisu lub strony.

Na przykład, jeśli prowadzisz konkurs fotograficzny, możesz chcieć dołączyć najlepsze zdjęcia podczas ogłaszania zwycięzcy.

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

Toggle the switch to allow the form to store files in the media library

Jeśli chcesz edytować którekolwiek z innych pól w twoim formularzu, możesz je kliknąć, aby otworzyć ustawienia pola w lewej kolumnie.

Możesz również dodać inne pola do twojego formularza przesyłania plików z lewej kolumny.

Na przykład, możesz dodać pole Website/URL do formularza, aby użytkownicy mogli podać odnośnik do swojej witryny internetowej.

Save the form after adding additional fields

Gdy twój formularz jest już gotowy, kliknij przycisk „Zapisz” w prawym górnym rogu ekranu, aby zapisać ustawienia.

Konfigurowanie powiadomień twojego formularza przesyłania plików

Aby zmienić ustawienia powiadomień dla formularza, należy otworzyć kartę „Ustawienia” w lewym rogu. Gdy już się tam znajdziesz, po prostu kliknij kartę „Powiadomienia”.

Domyślnie formularz wysyła powiadomienie e-mail na adres {admin_email} po przesłaniu formularza.

Jeśli witryna WordPress została utworzona samodzielnie, będzie to Twój adres e-mail. Jeśli nie, to możesz usunąć {admin_email} i zamiast tego wpisać tutaj twój własny rodzaj e-maila.

Change the email address the receives the notifications

Jeśli jednak nie jesteś pewien, czy {admin_email} jest twoim adresem e-mail, po prostu przejdź na stronę Ustawienia ” Ogólne z kokpitu administratora WordPress.

Gdy już tam będziesz, poszukaj Administracyjnego adresu e-mail. W tym miejscu możesz zmienić adres e-mail administratora.

Check the admin email

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać twoje ustawienia.

Jeśli chcesz, aby przesłane pliki były wysyłane do więcej niż jednej osoby, możesz zapoznać się z naszym poradnikiem na temat tworzenia formularza kontaktowego z wieloma odbiorcami powiadomień.

Można również zmienić wiadomość potwierdzającą, którą użytkownicy zobaczą po przesłaniu formularza.

Aby to zrobić, odwiedź stronę Ustawienia ” Potwierdzenia w lewej kolumnie. Następnie wpisz wiadomość w polu „Wiadomość potwierdzająca”. Możesz również dodać formatowanie, takie jak pogrubienie i kursywa.

Change the confirmation message

Na koniec nie zapomnij zapisać twojego formularza po wprowadzeniu zmian.

Możesz wyjść z kreatora formularzy, klikając „X” w prawym górnym rogu.

Dodanie formularza przesyłania plików do twojej witryny internetowej

Po zakończeniu tworzenia twojego formularza, będziesz musiał dodać go do witryny internetowej.

Aby to zrobić, musisz otworzyć istniejącą lub nową stronę / wpis WordPress z panelu bocznego administratora. W tym poradniku zamierzamy dodać formularz przesyłania plików do nowej strony.

Gdy już się tam znajdziesz, kliknij przycisk Dodaj nowy blok '(+)’ w lewym górnym rogu ekranu i znajdź blok WPForms.

Locate and add the WPForms block

Po dodaniu bloku, na stronie pojawi się rozwijane menu WPForms.

Przejdź dalej i wybierz utworzony przed chwilą formularz przesyłania plików.

Choose the File Upload form from the dropdown menu

Na koniec kliknij przycisk „Opublikuj” lub „Aktualizuj”, aby zapisać twoje zmiany. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat osadzania formularzy WordPress.

Możesz teraz przejść na twoją witrynę internetową, aby zobaczyć formularz przesyłania plików w działaniu.

File upload form preview

Możesz również wprowadzić zmiany w twoim formularzu w dowolnym momencie, przechodząc na stronę WPForms ” Wszystkie formularze z panelu bocznego administratora.

Z tego miejsca wystarczy kliknąć nazwę formularza lub najechać na niego twoim kursorem myszy i kliknąć odnośnik „Edytuj”, aby otworzyć kreator formularzy.

Edit form

Kiedy edytujesz swój formularz, zostanie on automatycznie zaktualizowany na twojej witrynie internetowej, więc nie musisz ponownie dodawać go do swojej strony.

Wskazówka: Dobrym pomysłem jest przetestowanie twojego formularza, aby upewnić się, że działa zgodnie z oczekiwaniami. Jeśli nie otrzymasz powiadomienia e-mail po utworzeniu wpisu w formularzu, możesz przeczytać nasz przewodnik krok po kroku na temat poprawki WordPress nie wysyła problemu e-mail.

Zobacz lub pobierz przesłane pliki

Kiedy ktoś wysyła plik za pomocą twojego formularza przesyłania plików, możesz go zobaczyć w swojej skrzynce e-mail lub na kokpicie WordPress.

Z każdym wpisem w formularzu otrzymasz e-mail taki jak ten:

Preview of the email you'll receive when someone fills the form

Wystarczy kliknąć odnośniki, aby zobaczyć lub pobrać pliki.

Możesz również łatwo znaleźć pliki w twoim kokpicie WordPress. Wystarczy przejść do strony WPForms ” Entries, a następnie kliknąć nazwę twojego formularza.

Choose the file upload form on the entries page

Przesłane pliki można zobaczyć w tabeli wpisów formularza WordPress.

Alternatywnie, możesz kliknąć odnośnik „Zobacz”, aby zobaczyć pełne szczegóły każdego formularza zgłoszeniowego.

View form entries

Bonus: Jak stylizować twoje formularze WordPress

Po utworzeniu formularza przesyłania plików dobrym pomysłem jest dostosowanie go do kolorów Twojej marki. Może to sprawić, że twój formularz będzie atrakcyjny wizualnie i może zachęcić więcej użytkowników do przesłania go na twoją witrynę, ostatecznie generując potencjalnych klientów.

Można to łatwo zrobić za pomocą WPForms. Po dodaniu twojego formularza przesyłania plików do strony lub wpisu, po prostu przejdź na stronę WPForms ” Ustawienia z kokpitu WordPress.

Tutaj zaznacz opcję „Użyj nowoczesnych znaczników” i kliknij przycisk „Zapisz zmiany”.

Enable modern markup in WPForms

Teraz otwórz stronę, na której dodałeś swój formularz i spójrz na panel bloków po prawej stronie. W tym miejscu zauważysz kilka nowych ustawień, których możesz użyć do stylizacji formularza przesyłania plików.

Możesz zmienić kolory pól, kolory tekstu i kolory przycisków, aby twój formularz był atrakcyjny wizualnie.

Style your file upload form

Po zakończeniu kliknij przycisk „Opublikuj” lub „Aktualizuj” u góry, aby zapisać twoje ustawienia. Twój formularz przesyłania plików został pomyślnie wystylizowany.

Aby uzyskać szczegółowe informacje, zapoznaj się z naszym poradnikiem na temat dostosowywania i stylizowania twoich formularzy WordPress.

Film instruktażowy

Wolisz instrukcje wideo? Sprawdź nasz kompletny poradnik na YouTube, jak utworzyć formularz przesyłania plików w WordPress:

Subscribe to WPBeginner

Mamy nadzieję, że ten poradnik pomógł ci dowiedzieć się, jak utworzyć formularz przesyłania plików w WordPress. Zachęcamy również do zapoznania się z naszym przewodnikiem po formularzach WordPress i wyborem najlepszych wtyczek do przesyłania plików WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

13 komentarzyZostaw odpowiedź

  1. Mrteesurez

    I can that WPForms seems to be the best contact form plugin for WordPress for any business bro has.
    But what if I want to store the uploaded files in another location, maybe third party location, like AWS, azure or Google drove, do that I can be able to collect more files and never overload my shared WordPress hosting database.

    • WPBeginner Support

      WPForms does allow you to send the uploaded files to storage like AWS or drive to not have the files on your hosting itself.

      Administrator

  2. Ralph

    This is really nice idea for a contest. Way better than leaving an email that can be spammed with a lot of files. This is clear, offer security in form of deciding what files are accepted and how many of them. Great guide!

    • WPBeginner Support

      Glad you found it helpful :)

      Administrator

  3. Jiří Vaněk

    Before I had my own server where I configured PHP according to my needs, it’s important to note that the upload file size limit might still be on the provider’s side. Many providers have a much smaller PHP limit per file. Be mindful of this. Sometimes, you can adjust it in the .htaccess file, sometimes with a .user.ini file, and sometimes not at all. You might need to contact the server administrator to increase the file upload limit using PHP.

  4. Patricia Dueck

    When a person uploads a file to a Wordpress form, do they have to have a Wordpress account or a certain type of email address or can anyone upload a file regardless of their email address?

    • WPBeginner Support

      It would depend on how you set up the form but you can accept uploads from anyone you wanted :)

      Administrator

  5. Leandro

    Hello, first thanks for sharing knowledge.

    One question: is there any way to change the path for sending the file, for example to an S3 bucket?

  6. Tisanke J N Simasiku

    Thank you. This is exactly what I needed right now.

    • WPBeginner Support

      You’re welcome :)

      Administrator

  7. Ezekiel

    I can’t access uploading have access uploading files on my if I didn’t subscribe to any plan right??

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.