Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dodać formularze HTML w WordPress (2 metody)

Masz gotowy formularz HTML do użycia, ale dodanie go do WordPressa staje się próbą i błędem.

Powód jest prosty: WordPress nie obsługuje formularzy w taki sam sposób, jak zwykła strona internetowa HTML. Jeśli po prostu skopiujesz i wkleisz kod formularza, często nie będzie on działał poprawnie bez kilku dodatkowych kroków.

Na własnych stronach używamy wtyczki WPForms, ponieważ zajmuje się ona całym procesem konfiguracji. Niemniej jednak wiemy, że wielu użytkowników woli używać niestandardowych formularzy HTML, aby zachować lekkość, zachować pełną kontrolę nad swoim kodem lub uniknąć dodawania kolejnej wtyczki.

W tym przewodniku pokażemy Ci 2 proste sposoby dodawania formularzy HTML w WordPressie, dzięki czemu Twój formularz wyświetli się poprawnie, będzie działał zgodnie z oczekiwaniami i nie zepsuje Twojej witryny. 💡

Dodaj formularze HTML w WordPressie w obrazku w poście

Czym są formularze HTML i dlaczego warto je tworzyć?

Formularze HTML działają podobnie do innych formularzy na stronach. Pozwalają odwiedzającym wpisywać i przesyłać informacje, takie jak imiona, adresy e-mail, opinie, zamówienia i inne.

Różnica polega na tym, że formularze HTML są tworzone za pomocą kodu, a nie wizualnego edytora typu „przeciągnij i upuść”, jak wtyczka do formularzy. Oznacza to, że musisz samodzielnie zdefiniować pola, takie jak pola tekstowe, pola wyboru, przyciski radiowe i menu rozwijane.

Oto kilka zalet tworzenia formularzy od podstaw przy użyciu HTML:

  • Zoptymalizowana wydajność. Formularze HTML zazwyczaj ładują się szybciej i zużywają mniej pamięci, ponieważ kod jest lekki.
  • Kontrola. Będziesz mieć pełną kontrolę nad wyglądem i funkcjonalnością formularza, ponieważ nie jesteś ograniczony funkcjami kreatora formularzy.
  • Personalizacja. Formularze HTML można dostosować dokładnie do Twoich potrzeb, oferując bardziej elastyczną personalizację formularzy.

Chociaż tworzenie formularzy HTML od podstaw jest świetnym sposobem na naukę i ćwiczenie kodowania, ma ono swoje wyzwania.

Możesz mieć problemy z kompatybilnością między przeglądarkami, gdzie formularz działa inaczej w różnych przeglądarkach internetowych.

Ponadto, na podstawie naszego doświadczenia, obsługa walidacji formularzy za pomocą JavaScript może być trudna. Wymaga dokładnego testowania, aby upewnić się, że możesz poprawnie zbierać i przetwarzać wszystkie dane wejściowe użytkownika.

Niemniej jednak istnieją sposoby na dodanie formularzy HTML bez tych komplikacji. Tak więc, niezależnie od tego, czy zarządzasz blogiem WordPress, witryną biznesową, czy sklepem internetowym, możesz łatwo dodać formularze HTML do swojej witryny bez konieczności kodowania od podstaw.

W poniższych sekcjach pokażemy, jak dodawać formularze HTML do WordPress. Oto krótki przegląd 2 metod, które omówimy w tym przewodniku:

Gotowi? Zacznijmy.

Metoda 1: Dodawanie formularzy HTML w WordPress za pomocą wtyczki HTML Forms (łatwe)

Łatwym sposobem na dodanie formularza HTML do strony internetowej WordPress jest użycie darmowego wtyczki do formularzy, takiej jak HTML Forms. Jest to świetne narzędzie do tworzenia i konfigurowania formularzy HTML w jednym miejscu, dzięki czemu nie musisz zajmować się żadną konfiguracją po stronie serwera.

W tym przewodniku użyjemy darmowej wersji wtyczki, która zawiera wszystko, czego potrzebujesz do stworzenia podstawowego formularza HTML.

Aby rozpocząć, upewnij się, że masz zainstalowaną wtyczkę na swojej stronie WordPress. Jeśli potrzebujesz pomocy, możesz skorzystać z naszego przewodnika krok po kroku instalowania wtyczki WordPress.

Po aktywacji możesz przejść do sekcji Formularze HTML » Dodaj nowy w swoim panelu administracyjnym WordPress, aby rozpocząć tworzenie formularza kontaktowego.

Przycisk dodawania nowego elementu w Formularzach HTML

Zostaniesz przekierowany na stronę „Dodaj nowy formularz”.

Stąd pierwszą rzeczą, którą musisz zrobić, jest nazwanie formularza, wpisując nazwę w polu „Tytuł formularza”. Na przykład nazwaliśmy nasz formularz „Zapis na Newsletter”.

Następnie kliknij przycisk „Utwórz formularz” pod polem.

Przycisk „Utwórz formularz” w formularzach HTML

Po wykonaniu tej czynności pojawi się strona „Edytuj formularz”, na której możesz zacząć dostosowywać swój formularz kontaktowy HTML.

Na górze strony zobaczysz szczegóły formularza, w tym tytuł formularza, slug i krótki kod. Nie musisz zapamiętywać tych szczegółów, ponieważ będą one dostępne na pulpicie nawigacyjnym formularzy HTML, gdy ich potrzebujesz.

Poniżej tych szczegółów znajdziesz zakładki menu. W zakładce „Pola” możesz zobaczyć różne przyciski pól, takie jak „Tekst”, „Daty”, „Pola wyboru” i „Przyciski opcji”, do dodania do swoich formularzy.

Obszar edycji formularza w HTML Forms

Teraz przewiń trochę dalej w dół.

Na dole tej karty znajdziesz gotowy formularz HTML wraz z podglądem.

Ten formularz kontaktowy jest dość prosty. Zawiera 4 pola, w których użytkownicy mogą wpisać swoje imię i nazwisko, adres e-mail, krótki temat i wiadomość.

Gotowy kod formularza HTML

Teraz załóżmy, że chcesz dodać nowe pole z subskrypcją newslettera e-mail. Następnie po prostu kliknij jeden z przycisków pól powyżej opcji „Kod formularza”.

⚠️ Uwaga: Pamiętaj, że Formularze HTML nie obsługują integracji z usługami e-mail marketingu. Będziesz więc musiał ręcznie dodawać adresy e-mail użytkowników do swojej listy mailingowej.

Na przykład użyjemy pola rozwijanego i utworzymy opcję „Tak/Nie” do zapisywania się na newsletter.

Stąd kliknij „Dropdown” (Rozwijane), a otworzą się opcje konfiguracji pola rozwijanego. Możesz zacząć uzupełniać szczegóły, takie jak etykieta pola i wybory.

Dodawanie pola rozwijanego w formularzach HTML

Po wprowadzeniu szczegółów możesz kliknąć „Dodaj pole do formularza”.

Następnie powinieneś zobaczyć znacznik pola rozwijanego w sekcji „Kod formularza”. Po prostu przewiń zakładkę, aby ją sprawdzić.

Dodano pole listy rozwijanej do formularzy HTML

Następnym krokiem jest ponowne uporządkowanie formularza kontaktowego.

Aby zachować dobry przepływ, chcesz, aby pole rozwijane znajdowało się tuż pod polem „E-mail”.

Ponieważ ta wtyczka nie ma kreatora przeciągnij i upadnij, będziesz musiał ręcznie przenieść kod. Przejdź dalej i wytnij kod pola rozwijanego (od znacznika otwierającego do zamykającego
znacznika).

Następnie po prostu wklej ten fragment kodu bezpośrednio po zamykającym znaczniku pola „Email”.

Pole rozwijane przeniesione w HTML Forms

Domyślne pole „Temat” może nie być konieczne w formularzu zapisu na newsletter. Dlatego zalecamy usunięcie tego pola.

Możesz to zrobić, usuwając jego tag od pierwszego <p> do ostatniego </p>.

Wybieranie tagu pola tematu do usunięcia w Formularzach HTML

Po przeniesieniu i usunięciu tagów przewiń kartę w dół do sekcji „Podgląd formularza”.

W tej sekcji możesz sprawdzić, czy pomyślnie przeniosłeś i usunąłeś pola, niczego nie psując. Możesz również sprawdzić, czy menu rozwijane działa poprawnie.

Podgląd formularzy HTML

Gdy będziesz zadowolony z wyników, kliknij niebieski przycisk „Zapisz zmiany” w sekcji „Kod formularza”.

Po zakończeniu procesu zapisywania, na górze tej strony powinna pojawić się powiadomienie „Formularz zaktualizowany”.

Teraz możesz sprawdzić konfigurację formularza. Przejdźmy do karty „Wiadomości”, aby zobaczyć, jak Formularze HTML konfigurują wiadomości potwierdzające wysłanie formularza.

Po prostu kliknij „Wiadomości”, aby otworzyć zakładkę.

Gotowe teksty w ustawieniach wiadomości Formularzy HTML

Ta zakładka pozwala edytować gotowy tekst, który pojawia się, gdy użytkownik pomyślnie prześle formularz i w podobnych sytuacjach.

Jeśli wszystko wygląda dobrze, możesz tak zostawić. Jeśli wprowadzisz jakiekolwiek zmiany, nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby nie stracić postępów.

Następnie przejdźmy do zakładki „Ustawienia”.

Karta ustawień formularzy HTML

Domyślnie Formularze HTML ustawią „Tak” do zapisywania każdego przesłanego formularza i „Nie” do ukrywania formularza po pomyślnym przesłaniu. Możesz to dostosować w razie potrzeby.

Następnie w polu „Przekieruj do adresu URL po pomyślnym zgłoszeniu” możesz skopiować i wkleić adres URL aktywnej strony internetowej z Twojej strony internetowej WordPress. Lub wpisz 0 w pole, aby użytkownicy pozostali na stronie po pomyślnym przesłaniu formularza.

Gdy wszystko będzie gotowe, pozostaje tylko dodać formularz HTML do strony WordPress.

Przejdźmy do Wpisy lub Strony » Wszystkie wpisy lub Wszystkie strony z panelu administracyjnego WordPress.

Pozycja menu Wszystkie strony w obszarze administracyjnym WordPress

W tym przewodniku dodamy formularz HTML do naszej strony „Kontakt”.

Następnie najedź kursorem na stronę „Kontakt” na liście i kliknij „Edytuj”, gdy się pojawi.

Przycisk Edytuj do edycji strony WordPress

Spowoduje to uruchomienie edytora bloków strony „Kontakt”.

W edytorze możesz zacząć wybierać obszar, w którym chcesz dodać formularz. Następnie po prostu najedź na niego kursorem i kliknij przycisk „+”, aby dodać blok Formularze HTML.

Przycisk dodawania nowego bloku do dodawania bloku w edytorze bloków WordPress

Teraz możesz wpisać „Formularze HTML” w pasku wyszukiwania, aby szybko znaleźć blok. Gdy otrzymasz wynik wyszukiwania, kliknij go.

Zobaczysz wtedy listę rozwijaną w bloku „Formularze HTML”. Po prostu ją rozwiń i wybierz formularz, który chcesz wyświetlić. Tutaj wybieramy formularz „Zapis na newsletter”, który właśnie utworzyliśmy.

Formularze HTML (dropdown)

Formularz pojawi się po opublikowaniu treści. Zatem po wybraniu formularza z menu rozwijanego możesz kliknąć przycisk „Aktualizuj”.

Twój formularz jest teraz aktywny, a użytkownicy mogą zapisać się na Twój newsletter. Oto jak może wyglądać na Twojej stronie:

Formularz zapisu na newsletter w HTML Forms na żywej stronie internetowej

Aby zobaczyć zgłoszenia formularzy, najpierw przejdź do sekcji Formularze HTML » Wszystkie formularze. Spowoduje to przejście do listy wszystkich Twoich formularzy HTML.

Następnie po prostu najedź kursorem na formularz i kliknij przycisk „Zgłoszenia”, gdy się pojawi.

Przycisk Przesłane w Formularzach HTML

Stąd możesz zobaczyć wszystkie przesłane formularze.

Tabela „Zgłoszenia” zawiera wszystkie informacje, które użytkownicy wypełnili w Twoim formularzu. Następnie znajduje się kolumna „Znacznik czasu”, która informuje, kiedy formularz został przesłany.

Na przykład, tutaj pierwsze zgłoszenie zostało złożone przez „Użytkownika 1”.

Z tabeli wynika, że użytkownik przesłał formularz 25 czerwca około godziny 13:00. Ponadto „Użytkownik 1” odpowiedział „Może później” na pytanie „Czy chcesz subskrybować nasz newsletter”. W takim przypadku nie należy dodawać jego adresu e-mail do listy mailingowej.

Zgłoszenia formularzy w formularzach HTML

Innym podejściem jest użycie wizualnego kreatora formularzy kontaktowych. Jest to najlepsza opcja, jeśli chcesz budować formularz wizualnie, ale potrzebujesz wstawić określone elementy HTML, takie jak link, format tekstu lub podpowiedź, za pomocą kodu.

Na przykład, możesz użyć niestandardowego kodu HTML, aby wyświetlić krótką wiadomość ostrzegawczą na formularzu płatności z linkiem do strony „Polityka zwrotów i reklamacji”. Możesz też dodać pasek postępu, aby użytkownicy wiedzieli, jak daleko są od ukończenia formularza. Niestandardowy kod HTML może nawet pozwolić na wstawienie emoji lub dodanie podpowiedzi.

W tej metodzie pokażemy Ci, jak dodawać fragmenty kodu HTML, aby dostosować swoje formularze WordPress za pomocą WPForms, najlepszego kreatora formularzy dla WordPress.

Na naszej stronie WPBeginner korzystamy z niego do formularzy kontaktowych, corocznych ankiet i próśb o migrację strony. Dowiedz się więcej o tym wtyczce w naszej szczegółowej recenzji WPForms.

WPForms jest wyposażony w kompleksowe dodatki aktywowane jednym kliknięciem i integracje z innymi firmami. Na przykład możesz zainstalować dodatek Form Abandonment, aby śledzić i zmniejszać porzucanie formularzy oraz wiele więcej!

Dlatego WPForms ułatwia rozszerzanie funkcjonalności formularza niż tworzenie go od podstaw w kodzie WordPress.

Strona główna WPForms

💡 Uwaga: WPForms Lite jest całkowicie darmowy, ale do korzystania z pola HTML będziesz potrzebować wersji premium. Po uaktualnieniu uzyskasz dostęp do ponad 2000 szablonów formularzy, funkcji logiki warunkowej i dedykowanego wsparcia. Jako czytelnik WPBeginner możesz skorzystać z naszego kodu rabatowego WPForms, aby uzyskać 50% zniżki.

Zanim zaczniemy, upewnij się, że masz zainstalowany i aktywowany WPForms na swojej stronie WordPress. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Po aktywacji możesz przejść do WPForms » Ustawienia, aby wprowadzić swój kod licencyjny. Po wprowadzeniu klucza kliknij przycisk „Zweryfikuj klucz”, aby rozpocząć weryfikację.

Pole klucza licencyjnego WPForms

Po zakończeniu możesz zacząć tworzyć swój formularz i dodawać niestandardowy kod HTML. W tym przewodniku pokażemy, jak dodać prosty podpowiedź do formularza kontaktowego.

Etykietka narzędzia to małe okienko podręczne, które pojawia się po najechaniu kursorem myszy na element strony internetowej. Jest to przydatne, ponieważ pozwala użytkownikom dowiedzieć się więcej o konkretnym elemencie strony bez klikania ani opuszczania bieżącej strony.

Ale najpierw utwórz formularz kontaktowy. Po prostu przejdź do WPForms » Dodaj nowy z obszaru administracyjnego WordPress, aby rozpocząć.

Kliknij Dodaj nowy, aby utworzyć formularz WPForms

Otworzy to panel „Ustawienia”, gdzie najpierw musisz nadać nazwy swojemu formularzowi. Ta nazwa służy wyłącznie do celów wewnętrznych, więc możesz użyć czegokolwiek chcesz.

Następnym krokiem jest wybór sposobu budowania formularza.

Dzięki WPForms możesz tworzyć formularze za pomocą kreatora formularzy AI, gotowego szablonu lub od podstaw.

Jeśli chcesz skorzystać z kreatora opartego na sztucznej inteligencji, wystarczy, że wprowadzisz proste polecenie. Sztuczna inteligencja utworzy dla Ciebie formularz w ciągu kilku sekund.

Formularze AI WPForms w akcji

Jednak w tym samouczku użyjemy gotowego szablonu.

Ponieważ dostępnych jest ponad 2000 szablonów formularzy, możesz szybko przefiltrować je za pomocą paska wyszukiwania. Aby to zrobić, po prostu wpisz „Formularz kontaktowy” i poczekaj na zakończenie wyszukiwania.

Jeśli chcesz przejrzeć każdy wynik wyszukiwania, aby zobaczyć, jak wygląda formularz, możesz skorzystać z funkcji podglądu. Po prostu najedź kursorem na szablon formularza i kliknij „Wyświetl demo”.

Po znalezieniu idealnego formularza kontaktowego dla Twoich potrzeb, najedź na niego ponownie i kliknij „Użyj szablonu”.

Przycisk Użyj szablonu w WPForms

Spowoduje to uruchomienie kreatora formularzy.

Teraz wszystkie narzędzia do personalizacji znajdują się w lewym panelu, a podgląd formularza na żywo jest po prawej stronie ekranu.

Na tej stronie możesz użyć funkcji przeciągnij i upuść, aby dodać elementy z lewego panelu do podglądu na żywo. Możesz również użyć tej funkcji do przesuwania pól w podglądzie na żywo.

Spróbujmy dodać pole HTML do formularza. Wystarczy przewinąć w dół lewego panelu, a następnie przeciągnąć i upuścić „HTML” na formularzu.

Dodawanie pola HTML do formularza WPForms

Po wstawieniu pola HTML możesz kliknąć na nie, aby otworzyć jego opcje dostosowywania. Tutaj pierwszą rzeczą do zrobienia jest wypełnienie pola „Etykieta”. Możesz również pozostawić je puste.

Następnie w polu „Kod” wstawisz niestandardowy kod HTML.

Aby utworzyć etykietę narzędzia, możesz użyć znacznika <span> lub po prostu skopiować poniższy kod i wkleić go w pole „Kod”:

<span title="We have cool stuff to share every week. :)">Hi there! We have an email newsletter you might want to subscribe to. Let us know in the Comment or Message field, and we’ll sign you up.</span>

To tylko przykładowy kod, więc śmiało edytuj tekst, aby dopasować go do swoich potrzeb.

🧑‍💻 Ważne: Pamiętaj, że jeśli chcesz bezpośrednio dodawać użytkowników do swojej listy mailingowej, będziesz musiał zintegrować formularz z dostawcą usług e-mail marketingu. Aby to zrobić, zapoznaj się z naszym przewodnikiem na temat jak używać formularza kontaktowego do budowania listy e-mail w WordPress.

Pamiętaj, że WPForms nie wyświetla kodu HTML w podglądzie kreatora formularzy. Aby wyświetlić podgląd pola i upewnić się, że wszystko jest w porządku, możesz najpierw zapisać zmiany i kliknąć „Podgląd”.

Przycisk podglądu WPForms

Spowoduje to otwarcie nowej karty.

Teraz przetestujmy, czy fragment kodu HTML dla Twojego podpowiedzi działa poprawnie. Po prostu najedź kursorem na tekst i poczekaj, aż podpowiedź pojawi się na kilka sekund.

Podpowiedź testowa

Gdy będziesz zadowolony z wyniku, możesz wrócić do kreatora formularzy, aby sfinalizować swój formularz.

Ustawienia powiadomień i potwierdzeń formularza są już skonfigurowane w WPForms. Jeśli jednak chcesz je dostosować, przejdź do „Ustawienia” , a następnie do „Powiadomienia” lub „Potwierdzenia”.

W sekcji „Powiadomienia” możesz dodać wielu odbiorców do zgłoszenia formularza kontaktowego.

Zobaczysz krótką instrukcję, jeśli najedziesz kursorem na przycisk znaku zapytania obok pola „Wyślij na adres e-mail”. Będziesz chciał się do niej zastosować, aby upewnić się, że Twoje powiadomienie zostanie wysłane na właściwe adresy e-mail.

Ustawianie wielu odbiorców wiadomości e-mail w WPForms

Możesz również edytować gotowy tekst do tematu wiadomości e-mail.

Na przykład zmieniliśmy nasz z „Nowe zgłoszenie: Formularz kontaktowy” na „Masz wiadomość: Nowy kontakt”.

Zmiana tematu wiadomości e-mail

Po dostosowaniu powiadomień, przejdź do panelu „Potwierdzenie”.

Domyślnie WPForms ustawia Twój typ potwierdzenia na „Wiadomość” i ma gotowy tekst. Możesz zdecydowanie zmienić te ustawienia, jeśli chcesz.

Oprócz wyświetlenia komunikatu potwierdzającego, możesz przekierować użytkowników na nową stronę lub określony adres URL.

Typy potwierdzeń WPForms

Gdy wszystko jest gotowe, czas opublikować i osadzić formularz WordPress.

Kliknij przycisk „Osadź”, aby rozpocząć publikowanie. WPForms zapyta wtedy, czy chcesz dodać formularz do istniejącej, czy nowej strony. W tym przewodniku wybierzemy „Wybierz istniejącą stronę”.

Przycisk Wybierz istniejącą stronę podczas osadzania formularza z WPForms

W następnym oknie podręcznym wybierzesz stronę z listy dostępnych stron. Następnie możesz kliknąć „Zaczynajmy!”, aby przejść do edytora bloków strony.

Teraz możesz najechać kursorem na obszar, w którym chcesz umieścić formularz, i kliknąć przycisk „+”. Wybierz blok WPForms.

Dodawanie bloku WPForms do strony

Następnie możesz wybrać formularz z listy rozwijanej bloku WPForms.

Po wybraniu formularza WPForms załaduje go w wybranym obszarze treści. Jeśli chcesz wyświetlić tytuł formularza, przejdź do zakładki „Blok” w panelu po prawej stronie i włącz suwak „Pokaż tytuł”.

Włączanie tytułu formularza

Gdy wszystko będzie Ci odpowiadać, kliknij przycisk „Aktualizuj”.

I gotowe! Dodałeś niestandardowy kod HTML do swojego formularza kontaktowego WPForms i udostępniłeś go na swojej stronie WordPress.

Teraz użytkownicy mogą zacząć wypełniać formularz i potencjalnie zapisać się do Twojego newslettera e-mail.

WPForms z niestandardowym kodem HTML na żywej stronie internetowej

Aby zobaczyć wszystkie Twoje zgłoszenia formularzy WPForms, przejdź do sekcji WPForms » Wszystkie formularze.

Następnie możesz najechać kursorem na „Formularz kontaktowy” lub dowolny formularz z listy i kliknąć „Wpisy”, gdy pojawi się przycisk.

Przycisk Zgłoszenia w WPForms

Na następnym ekranie powinieneś zobaczyć wszystkie swoje zgłoszenia formularzy.

Tabela zawiera wszystkie informacje przesłane przez użytkowników wraz z formularzem, a także czas przesłania.

Na przykład, 2 lipca około godziny 8:00, „Użytkownik 3” powiedział, że chce subskrybować biuletyn e-mailowy i zadał pytanie, jak skontaktować się z naszym zespołem obsługi klienta.

Przesłane formularze w WPForms

Możemy również zobaczyć kolumnę „Akcje”. W tej kolumnie znajduje się kilka przycisków: „Wyświetl”, „Edytuj”, „Spam” i „Kosz”.

Jeśli klikniesz „Wyświetl”, WPForms przeniesie Cię na dedykowaną stronę przeglądu wpisu. Na tej stronie wtyczka zachęca do aktywacji dwóch dodatków.

Pierwszym z nich jest dodatek Geolocation do śledzenia, skąd użytkownik wysyła formularz. Drugim jest dodatek User Journey, który może pomóc w analizie ścieżki użytkownika na Twojej stronie, zanim kliknie przycisk „Wyślij”.

Zalecamy zainstalowanie i aktywowanie tych dodatków w celu bardziej zoptymalizowanej wydajności formularzy.

Przyciski „Spam” i „Kosz” są przydatne do oznaczania fałszywych zgłoszeń i usuwania ich z Twoich wpisów. Aby dowiedzieć się więcej o ograniczaniu fałszywych zgłoszeń formularzy, możesz przeczytać nasz poradnik na temat blokowania spamu w formularzach kontaktowych.

Dodatkowa wskazówka: Przesyłanie niestandardowej strony HTML do WordPressa

Możliwe, że szukasz również sposobu na przesłanie niestandardowej strony HTML do swojej witryny WordPress. Może to być przydatne, jeśli masz szablon statyczny, którego chcesz użyć, lub stronę HTML ze starej witryny.

Z reguły możesz przesłać pojedynczą stronę HTML bez oddzielnych plików CSS lub obrazów bezpośrednio.

Jednakże, jeśli strona, którą chcesz przesłać, zawiera oddzielne pliki CSS i obrazy, musisz przesłać je w folderze, zachowując tę samą strukturę katalogów, co w pliku HTML.

AIOSEO, najlepsza wtyczka SEO dla WordPress, może pomóc wyszukiwarkom znaleźć Twoją niestandardową stronę HTML, dodając ją do map witryn XML.

Dodawanie adresu URL strony bez oddzielnych plików CSS lub obrazów

Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem dla początkujących na temat jak przesłać stronę HTML do WordPress bez błędów 404.

FAQ: Jak dodać formularze HTML w WordPressie

Odpowiedzieliśmy na kilka często zadawanych pytań, aby pomóc Ci z łatwością dodawać formularze HTML do WordPressa.

Dlaczego mój formularz HTML nie działa w WordPress?

Jest to częsty problem. W WordPressie zwykłe wklejenie formularza HTML zazwyczaj nie wystarcza, aby zaczął działać.

Chociaż formularz może wyświetlać się poprawnie, WordPress nie przetwarza automatycznie zgłoszeń formularzy. W przeciwieństwie do podstawowej strony HTML, nie ma wbudowanego skryptu do obsługi danych, gdy ktoś kliknie „Wyślij”.

Aby formularz był funkcjonalny, będziesz musiał dodać niestandardowy kod PHP do przetwarzania zgłoszeń lub użyć wtyczki, która się tym zajmie.

Jak mogę upewnić się, że moje zgłoszenia formularzy przechodzą?

Najłatwiejszą opcją jest użycie wtyczki formularza kontaktowego, takiej jak WPForms lub Formidable Forms. Te wtyczki zajmują się wszystkim w tle, w tym zapisywaniem wpisów, wysyłaniem powiadomień e-mail i blokowaniem spamu, dzięki czemu nie musisz wszystkiego konfigurować samodzielnie.

Czy mogę nadal dostosowywać moje formularze, jeśli używam HTML?

Tak, absolutnie. Używanie HTML daje Ci pełną kontrolę nad tym, jak formularz wygląda i działa. Pamiętaj tylko, że będziesz również odpowiedzialny za wszystko inne, takie jak:

  • Stylizowanie formularza za pomocą własnego CSS
  • Dodawanie walidacji, komunikatów o błędach lub logiki warunkowej za pomocą niestandardowego kodu
  • Zapewnienie prawidłowego działania formularza na różnych urządzeniach i w przeglądarkach

Więc tak, masz pełną elastyczność, ale także pełną odpowiedzialność.

Dodatkowe zasoby: Więcej przewodników po formularzach WordPress

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodawać formularze HTML w WordPress. Następnie możesz zapoznać się z naszymi przewodnikami na temat:

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

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

Ostateczny zestaw narzędzi WordPress

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

Interakcje czytelników

3 CommentsLeave a Reply

  1. Ponieważ używam WP Forms, podoba mi się druga metoda z użyciem tego wtyczki. Mam pewne kody HTML dla formularzy dostarczone przez AI do moich celów i wahałem się, czy dodać je do strony internetowej. Początkowo rozważałem użycie Elementora jako głównego narzędzia do wstawienia formularza na stronie, ale widząc, że WP Forms doskonale radzi sobie z tą samą funkcją, problem jest rozwiązany. Mogę używać WP Forms bez konieczności niepotrzebnego instalowania Elementora, co oszczędza mi kłopotów, a także miejsce na FTP i poprawia wydajność strony internetowej.

    • Myślę, że użycie formularzy HTML za pomocą wpforms jest logicznym wyborem, ponieważ doskonale znamy panel administracyjny wpforms.
      Staje się bardzo łatwe do wstawienia kodu, a następnie użycia go z pomocą wpforms.
      Wcześniej dodawanie kodu formularzy HTML i faktyczne używanie go na stronach WordPress było herkulesowym zadaniem.

      • Tak, muszę przyznać, że teraz wydaje się to łatwe, ponieważ przeczytałem ten przewodnik. Jednak wcześniej próbowałem dodawać formularze za pomocą Elementora i nie było to świetne, ponieważ niektóre rzeczy działały poprawnie, a inne nie. Używanie Elementora jako pośrednika nie było dla mnie dobrym wyborem. Osobiście nie spodziewałem się, że mogę używać WP Forms do tych samych celów, ponieważ myślałem o nim jako o gotowym rozwiązaniu, które tylko tworzy formularze i nie pozwala na dodanie gotowego formularza HTML. Ale zawsze zaskakuje nas to, czego nie wiemy. Poza tym, całkowicie się zgadzam. Kiedyś było to dla mnie naprawdę trudne zadanie, ale po wypróbowaniu WP Forms zostało to zredukowane do prostej operacji. Uwielbiam ten plugin.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.