W artykule:
Czy chcesz tworzyć formularze przyjazne AMP na swojej stronie WordPress?
Accelerated Mobile Pages lub AMP to projekt Google, który sprawia, że strony internetowe ładują się szybciej na urządzeniach mobilnych.
Podczas gdy AMP oferuje doskonałe wrażenia z przeglądania mobilnego, dzięki czemu strony ładują się szybciej, wyłącza wiele przydatnych funkcji na twojej stronie.
Jednym z nich są formularze kontaktowe. Ponieważ AMP używa ograniczonego zestawu HTML i JavaScript, nie może poprawnie załadować formularzy WordPress na stronach AMP.
Ale na szczęście teraz jest łatwe rozwiązanie dostępne. WPForms, najbardziej przyjazna dla początkujących wtyczka formularza WordPress, pomaga teraz tworzyć gotowe formularze WordPress. Ich zespół ostatnio współpracował z Google, aby ułatwić formularze AMP dla WordPress.
W tym artykule pokażemy, jak tworzyć formularze AMP w WordPress za pomocą WPForms (w łatwy sposób).
Tworzenie formularzy AMP w WordPress (krok po kroku)
Aby korzystać z AMP w WordPress, musisz zainstalować i aktywować oficjalną wtyczkę AMP do WordPressa. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji wtyczka automatycznie doda obsługę Google AMP dla Twojej witryny WordPress.
Możesz jednak zmienić ustawienia AMP dla swojej witryny, przechodząc do AMP ” ogólne z Pulpitu nawigacyjnego.
Na stronie Ustawienia AMP możesz włączyć lub wyłączyć AMP w swojej witrynie, wybrać tryb witryny dla AMP i wybrać obsługiwane szablony.
Po skonfigurowaniu AMP następnym krokiem jest utworzenie zgodnego z AMP formularza kontaktowego w witrynie WordPress.
Punkt 1. Utwórz formularz WordPress z WPForms
Aby rozpocząć, zainstaluj i aktywuj wtyczkę WPForms Lite na swojej stronie. Jest to wersja lite wtyczki WPForms Pro.
Zarówno wersja lite, jak i pro WPForms pozwala na stworzenie podstawowego formularza kontaktowego AMP ready. W naszym artykule będziemy używać darmowej wersji do zrzutów ekranu.
Po zainstalowaniu i aktywacji wtyczki należy udać się do WPForms ” Dodaj Nowy strona do tworzenia nowego formularza WordPress.
Na ekranie konfiguracji formularza możesz wybrać szablon formularza, aby szybko rozpocząć pracę. Możesz wybrać pusty formularz, jeśli chcesz zacząć od zera.
Następnie otworzy stronę kreatora formularzy.
W tym miejscu możesz dodawać lub usuwać pola formularzy. Aby dodać nowe pole do formularza, możesz po prostu kliknąć pole formularza w lewym panelu, a pojawi się ono w panelu konstruktora formularzy po prawej stronie.
Następnie możesz skonfigurować opcje pól. Po prostu kliknij pole, a następnie pojawią się opcje pola.
Podobnie można dostosować wszystkie pozostałe pola.
Następnie możesz kliknąć kartę Ustawienia, aby skonfigurować ustawienia formularza.
Ustawienia Ogólne pozwalają zmienić nazwę formularza, prześlij tekst przycisku, Prześlij tekst przetwarzania przycisku, Włącz antyspamowy Honeypot i inne.
Następnie możesz kliknąć kartę Powiadomienia, aby skonfigurować powiadomienia e-mail, aby powiadamiać Cię, gdy użytkownik wypełni formularz.
Następnie możesz kliknąć kartę potwierdzenia, aby skonfigurować wiadomość potwierdzającą, która będzie wyświetlana, gdy użytkownik wyśle formularz.
Po zakończeniu konfiguracji możesz zapisać swój formularz.
Punkt 2. Dodaj swój formularz AMP do strony
Teraz, gdy formularz WordPress jest gotowy, możesz dodać go do strony.
Najpierw musisz utworzyć nową stronę lub otworzyć istniejącą, na której chcesz dodać formularz.
Na ekranie edycji strony kliknij ikonę Dodaj nowy blok i wybierz blok WPForms.
Następnie możesz zobaczyć widżet WPForms dodany do ekranu edycji strony. Wystarczy wybrać formularz utworzony wcześniej, a widżet natychmiast załaduje go do Edytora Stron.
Następnie możesz opublikować lub zaktualizować swoją stronę.
To wszystko! Nie musisz konfigurować niczego innego. Wtyczka WPForms Lite doda teraz pełną obsługę AMP do formularza.
Jeśli chcesz zobaczyć, jak to wygląda, możesz otworzyć stronę na telefonie komórkowym.
Możesz też otworzyć stronę w przeglądarce, dodając / amp / lub/?amp na końcu adresu URL strony. Na przykład, https://www.example.com/contact/?amp.
Dodanie Google reCAPTCHA do formularza AMP
Domyślnie WPForms zawiera antyspamowy honeypot do przechwytywania i blokowania spamu. Ponadto możesz użyć Google reCAPTCHA, aby ograniczyć wysyłanie spamu.
Aby korzystać z Google reCAPTCHA z formularzami AMP, musisz zarejestrować swoją witrynę dla Google reCAPTCHA v3 i uzyskać klucze Google API.
Przejdź do Witryny Google reCAPTCHA i kliknij przycisk „Admin Console” w prawym górnym rogu strony.
Następnie musisz zalogować się za pomocą konta Google. Po zakończeniu zobaczysz stronę „Zarejestruj nową witrynę”.
Najpierw musisz wprowadzić nazwę swojej witryny w polu Etykieta. Google AMP obsługuje tylko reCAPTCHA v3, więc musisz wybrać go z opcji typu reCAPTCHA.
Następnie wprowadź nazwę domeny w sekcji domeny.
Sekcja właściciele domyślnie pokazuje Twój adres e-mail. Możesz również dodać inny adres e-mail, jeśli chcesz.
Następnie musisz zaakceptować Warunki usługi reCAPTCHA, aby kontynuować. Ponadto zaznacz pole wyboru „Wyślij alerty do właścicieli”, co pozwoli Google powiadamiać Cię o problemach, takich jak błędna konfiguracja i podejrzany ruch w Twojej witrynie.
Po zakończeniu kliknij przycisk Wyślij.
Następnie zobaczysz komunikat o sukcesie wraz z kluczem witryny i tajnym kluczem, aby dodać reCAPTCHA w swojej witrynie.
Teraz masz klucze API Google, aby dodać reCAPTCHA do swoich formularzy. Istnieje jednak jeszcze jedna Regulacja, aby zapewnić kompatybilność wzmacniacza z reCATCHA. Kliknij link „Przejdź do ustawień”.
Następnie ponownie zobaczysz ustawienia reCAPTCHA z polem wyboru „Zezwól na działanie tego klucza ze stronami AMP”. Po prostu zaznacz to pole i kliknij przycisk Zapisz poniżej.
Teraz, gdy masz klucze API Google, aby dodać reCAPTCHA w formularzach AMP, musisz otworzyć WPForms „Ustawienia” reCAPTCHA strona w panelu WordPress.
Na tym ekranie musisz wybrać opcję reCAPTCHA v3 i wkleić klucz witryny i klucz tajny. Następnie kliknij przycisk Zapisz Ustawienia.
Teraz, gdy Google reCAPTCHA zostanie dodany do WPForms, możesz włączyć go w swoich formularzach w razie potrzeby. Przejdź do WPForms ” Wszystkie Formularze i wybierz formularz, w którym chcesz włączyć reCAPTCHA.
Po wyświetleniu ekranu konfiguracji formularza kliknij kartę Ustawienia i wybierz sekcję Ustawienia Ogólne. U dołu możesz zobaczyć pole wyboru „Włącz Google v3 reCAPTCHA”.
Zaznacz pole wyboru, a następnie zapisz formularz, klikając przycisk Zapisz w prawym górnym rogu.
Następnie możesz ponownie odwiedzić stronę kontaktową i zobaczyć formularz AMP z reCAPTCHA w akcji.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo tworzyć formularze AMP w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia formularzy zgodnych z RODO w WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku
