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)

Czy kiedykolwiek dodałeś formularz HTML do swojej witryny WordPress, tylko po to, by odkryć, że wygląda dobrze, ale tak naprawdę nie działa? Nie jesteś sam.

Wielu właścicieli witryn napotyka ten frustrujący problem, zastanawiając się, dlaczego ich formularz nie wysyła zgłoszeń ani nie łączy się prawidłowo.

Powód jest prosty: WordPress nie traktuje formularzy tak samo jak standardowej strony HTML. Więc jeśli po prostu skopiujesz i wkleisz surowy formularz HTML, zazwyczaj nie będzie on działał bez dodatkowych kroków.

Na naszych własnych stronach używamy wtyczki WPForms, ponieważ zajmuje się ona całym zapleczem. Mimo to wiemy, że wielu użytkowników woli pracować z niestandardowymi formularzami HTML, aby zachować lekkość, zachować pełną kontrolę nad kodem i zmniejszyć zależność od wtyczek.

W tym przewodniku pokażemy Ci 2 sprawdzone sposoby dodawania formularzy HTML do WordPress – i upewnimy się, że faktycznie działają. Niezależnie od tego, czy dopiero zaczynasz, czy czujesz się komfortowo z kodem, będziesz w stanie stworzyć działający formularz bez zbędnych prób i błędów. 💡

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 internetowych. Pozwalają odwiedzającym wpisywać i przesyłać informacje, takie jak imiona, adresy e-mail, opinie, zamówienia i inne.

Różni je to, że formularze HTML są tworzone za pomocą kodu HTML zamiast wizualnego edytora typu „przeciągnij i upuść”, jak wtyczka do formularzy. Będziesz więc musiał samodzielnie zdefiniować pola, takie jak pola tekstowe, pola wyboru, przyciski radiowe i menu rozwijane. Ty decydujesz, jak wyglądają i ustalasz konkretne zasady ich działania.

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 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ć, to nazwać swój formularz, 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 zakładki zobaczysz szczegóły swojego 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

Przewińmy trochę niżej.

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, powiedzmy, że chcesz dodać nowe pole z subskrypcją newslettera e-mail. Następnie po prostu kliknij jeden z przycisków pól powyżej „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”.

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”.

Aby to przenieść, możesz wyciąć tag pola rozwijanego z pierwszego tagu <p> do ostatniego </>. Następnie wklej go tuż pod tagiem „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 wprowadziłeś jakieś 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 jest ustawione, pozostaje tylko dodać formularz kontaktowy 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”.

I gotowe! Twój formularz jest teraz aktywny, a użytkownicy mogą zapisać się do Twojego newslettera.

Oto jak może to wyglądać na Twojej stronie internetowej:

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 do tworzenia formularzy HTML jest użycie kreatora formularzy. Chociaż ta metoda nie pozwala na kodowanie formularzy od zera, umożliwia ich dostosowanie poprzez dodawanie fragmentów kodu HTML.

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!

Dzięki temu WPForms ułatwia rozszerzanie funkcjonalności formularza w porównaniu do sytuacji, gdybyś tworzył formularz WordPress od zera, pisząc kod.

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ć nazę swojemu formularzowi. Ta nazwa służy tylko do Twojej wiadomości, 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

W tym samouczku zademonstrujemy to jednak przy użyciu 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 całej tej stronie możesz użyć funkcji przeciągnij i upuść, aby dodać elementy z panelu dostosowywania 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ć etykietkę narzędzia, możesz użyć funkcji „<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 naszą kopię, aby lepiej dopasować ją do Twoich 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 przesłane formularze WPForms, przejdź do 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, kiedy użytkownik wysyła formularz. Drugim jest dodatek User Journey, który może pomóc w analizie ścieżki użytkownika przez Twoją witrynę, aż do momentu kliknięcia przycisku „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 wpisów. Aby dowiedzieć się więcej o redukcji fałszywych zgłoszeń z formularzy, zapoznaj się z naszym przewodnikiem 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.

Ogólna zasada jest taka, aby przesłać pojedynczą stronę HTML bez oddzielnych plików CSS lub obrazów. Jednak jeśli strona, którą chcesz przesłać, zawiera oddzielne pliki CSS i obrazy, musisz umieścić je w strukturze katalogów.

AIOSEO, najlepsza wtyczka SEO dla WordPress, może Ci w tym pomóc.

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?

To częsty problem. WordPress nie przetwarza automatycznie zgłoszeń formularzy tak, jak mogłaby to robić zwykła strona HTML w połączeniu ze skryptami po stronie serwera. Więc jeśli po prostu wkleisz podstawowy formularz HTML, może wyglądać dobrze, ale tak naprawdę nic się nie stanie, gdy ktoś kliknie „wyślij”.

Dzieje się tak, ponieważ WordPress nie zawiera żadnego wbudowanego mechanizmu obsługi danych formularzy. Na standardowej stronie HTML programiści zazwyczaj łączą formularze ze skryptami, takimi jak form-handler.php, aby przetworzyć dane wejściowe. W WordPress musisz dodać własny niestandardowy kod PHP lub użyć wtyczki, aby formularz był funkcjonalny.

Krótko mówiąc, wyświetlanie formularza jest łatwe, ale jego działanie wymaga dodatkowej konfiguracji.

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

Najprostszym sposobem jest użycie wtyczki formularza kontaktowego, takiej jak WPForms czy Formidable Forms. Zajmuje się ona wszystkimi sprawami „za kulisami”, takimi jak obsługa zgłoszeń, wysyłanie powiadomień i blokowanie spamu, dzięki czemu nie musisz wszystkiego konfigurować ręcznie.

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

Absolutnie! Jeśli czujesz się komfortowo pracując z kodem, użycie surowego kodu HTML daje Ci pełną kontrolę nad strukturą formularza. Pamiętaj tylko:

  • Będziesz musiał napisać własny CSS, aby stylizować elementy takie jak układy, kolory i odstępy.
  • Walidacja formularzy, komunikaty o błędach lub logika warunkowa będą wymagać niestandardowego kodu JavaScript lub kodu po stronie serwera.
  • Jesteś również odpowiedzialny za upewnienie się, że formularz działa na różnych przeglądarkach i urządzeniach.

Więc tak, masz pełną swobodę, 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ę.