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

Jak osadzić formularz Google w WordPressie (łatwy sposób)

Zanim zaczęliśmy używać wtyczki formularza kontaktowego, korzystaliśmy z wielu formularzy Google do zbierania danych i opinii od użytkowników. Kiedyś dodanie formularza Google do WordPressa oznaczało radzenie sobie z niechlujnym kodem HTML i nadzieję, że nic się nie zepsuje.

Ale teraz z przyjemnością możemy powiedzieć, że sprawy stały się znacznie łatwiejsze.

Formularze Google są nadal jednym z naszych ulubionych narzędzi do zbierania opinii, przeprowadzania ankiet i obsługi zapisów na wydarzenia na wielu stronach. Są darmowe, niezawodne i wystarczy utworzyć jeden formularz, którego można używać wszędzie.

W tym szybkim przewodniku pokażemy najprostszy sposób na osadzenie formularza Google w WordPress. Pomogliśmy wielu osobom w jego skonfigurowaniu, a wymaga to tylko kilku prostych kroków. 🙌

Osadź formularze Google w WordPress

🗝️ Najważniejsze informacje: Aby osadzić formularz Google w WordPress, po prostu wygeneruj kod HTML do osadzenia z ustawień formularza Google, dodaj blok Niestandardowy HTML w edytorze WordPress i wklej kod.

Dlaczego używać formularzy Google zamiast wtyczki formularza WordPress?

Formularze Google to bezpłatne, oparte na chmurze narzędzie do zbierania danych i ankiet. Możesz je wybrać, gdy potrzebujesz formularza, który jest łatwy do udostępnienia w dowolnym miejscu i chcesz, aby wszystkie odpowiedzi były przechowywane w jednym centralnym miejscu.

Obecnie wtyczki do tworzenia formularzy kontaktowych w WordPress, takie jak WPForms, są doskonałymi wtyczkami dla właścicieli witryn, którzy chcą mieć pełną kontrolę. Zapewniają one, że dane formularza są przechowywane bezpośrednio na Twojej własnej stronie internetowej, oferując lepsze prawo własności do danych, ponieważ zgłoszenia pozostają na Twoim serwerze, a nie w chmurze Google.

Dzięki wersji premium pozwalają również na przyjmowanie płatności, wyświetlanie ofert specjalnych, tworzenie niestandardowego logowania lub nawet umożliwianie rejestracji użytkowników. Wszystko bez opuszczania pulpitu WordPress.

Ale jeśli Twoim celem jest zbieranie odpowiedzi z wielu stron internetowych, list e-mailowych lub platform społecznościowych, Google Forms może być prostszym wyborem. Łatwo się nim dzielić, świetnie działa na urządzeniach mobilnych i automatycznie zapisuje wszystkie zgłoszenia na Twoim Dysku Google.

Ponadto możesz dodawać współpracowników, aby wspólnie zarządzać odpowiedziami i je przeglądać.

Zatem zobaczmy, jak możesz dodać Formularz Google do swojej witryny WordPress. Oto krótkie podsumowanie wszystkiego, co omówimy w tym przewodniku:

Zacznijmy.

Jak osadzić formularz Google w WordPress

Aby rozpocząć, możesz przejść do strony internetowej Google Forms i kliknąć przycisk „Przejdź do formularzy”.

Kliknij przejdź do formularzy

Następnie zobaczysz różne szablony formularzy Google.

Możesz wybrać szablon, który Ci się podoba, lub zacząć od pustego, aby stworzyć własny niestandardowy formularz.

Utwórz nowy formularz Google

Tworzenie nowego formularza w Formularzach Google jest w rzeczywistości dość proste.

Wystarczy dodać tytuł i opis formularza, a następnie zacząć dodawać pytania.

Podczas wpisywania pytań Formularze Google są na tyle inteligentne, że automatycznie sugerują najlepszy typ pola (np. wielokrotny wybór lub krótka odpowiedź), ale możesz go łatwo zmienić, jeśli zajdzie taka potrzeba.

Edytuj swój formularz Google

Aby dodać więcej pytań, po prostu kliknij przycisk „+” w prawym pływającym menu. Możesz również dodać obrazy, filmy lub wybrać różne typy pytań.

💡 Uwaga: Jeśli dodasz pole Przesyłanie plików, odwiedzający będą musieli zalogować się na swoje konto Google, zanim będą mogli przesłać formularz.

Metoda 1: Osadzanie za pomocą tagu HTML (nie wymaga wtyczki)

Gdy będziesz zadowolony z formularza, kliknij „Wyślij”, aby uzyskać kod, którego będziesz potrzebować do jego osadzenia.

Kliknij przycisk wyślij

Spowoduje to wyświetlenie okna wysyłania formularza, w którym będziesz chciał przełączyć się na zakładkę osadzania (tę, która wygląda jak < >).

Zanim klikniesz „Kopiuj”, możesz również dostosować szerokość i wysokość za pomocą pól Szerokość i Wysokość w dolnej części karty osadzania, aby kontrolować, jak duży będzie formularz na Twojej stronie.

Nie martw się, jeśli nie jesteś pewien – zawsze możesz zmienić te wartości później bezpośrednio w bloku Niestandardowy HTML w WordPress.

🧑‍💻 Wskazówka eksperta: Zalecamy zmianę wartości szerokości na „100%” w bloku Niestandardowy HTML, aby zapewnić pełną responsywność mobilną formularza. Poszukaj width=”640″ w wklejonym kodzie i zmień 640 na 100%.

Po wykonaniu tej czynności po prostu kliknij przycisk „Kopiuj”, aby pobrać kod osadzania.

Skopiuj kod osadzania

Następnie przejdź do swojego panelu WordPress i edytuj stronę lub wpis, w którym chcesz dodać formularz.

Gdy już znajdziesz się w edytorze treści WordPress, dodaj blok Niestandardowy HTML.

Dodaj niestandardowy blok HTML

Następnie możesz po prostu wkleić kod HTML w bloku Niestandardowy HTML, aby umieścić formularz Google na stronie internetowej.

Możesz również przejrzeć swój osadzony formularz Google bezpośrednio w edytorze treści. Wystarczy kliknąć opcję „Podgląd” na pasku narzędzi bloku Niestandardowy HTML, aby zobaczyć, jak wygląda.

Wklej kod osadzania

Gdy będziesz gotowy, kliknij „Opublikuj”, aby zapisać zmiany. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat osadzania formularzy w WordPress.

Teraz możesz odwiedzić swoją stronę internetową, aby zobaczyć osadzony formularz Google, gotowy do wypełnienia przez odwiedzających Twoją witrynę.

Podgląd formularza Google w WordPressie

Jedną z rzeczy, o której należy pamiętać, jest to, że osadzony formularz Google może nie idealnie pasować do czcionek i kolorów Twojej witryny. Aby uzyskać pełną kontrolę nad projektem, wtyczka do formularzy WordPress jest często najlepszym wyborem.

Metoda 2: Osadzanie formularza Google za pomocą wtyczki (bez ręcznego kodowania)

Jeśli wolisz nie wklejać kodu HTML ręcznie, możesz zamiast tego użyć wtyczki WordPress do osadzenia formularza Google.

W tym samouczku użyjemy wtyczki Formfacade, ponieważ jest ona przyjazna dla początkujących, można ją zacząć używać za darmo i obsługuje cały proces osadzania za pomocą kreatora konfiguracji.

Pobierzmy adres URL swojego formularza Google, ponieważ będzie on potrzebny za chwilę.

W edytorze formularza Google kliknij ikonę linku, a następnie kliknij „Kopiuj”. Dostępna jest również opcja skrócenia adresu URL, możesz ją kliknąć lub zostawić tak, jak jest – obie opcje działają.

Pobieranie adresu URL formularza Google

Po wykonaniu tej czynności możesz zainstalować wtyczkę Formfacade.

Aby to zrobić, przejdź do Wtyczki » Dodaj wtyczkę w swoim obszarze administracyjnym WordPress.

Podmenu Dodaj wtyczkę pod Wtyczkami w obszarze administracyjnym WordPressa

Następnie użyj pola wyszukiwania, aby szybko znaleźć wtyczkę.

W wynikach wyszukiwania kliknij ‘Zainstaluj teraz’, a następnie ‘Aktywuj’.

Instalowanie wtyczki Formfacade

Instrukcje krok po kroku znajdziesz w naszym poradniku na temat instalacji wtyczki WordPress.

Gdy wtyczka będzie aktywna, od razu uruchomi kreatora konfiguracji. Po prostu zaloguj się na swoje konto Google i kliknij „Dalej”.

Klikanie „Zaloguj się przez Google”

Następnie zobaczysz monit o wybranie konta Google i zezwolenie Formfacade na dostęp do informacji z Twojego konta.

Po prostu postępuj zgodnie z instrukcjami w wyskakującym okienku, aby to zakończyć.

Wyskakujące okienko potwierdzenia logowania

Po zakończeniu wrócisz do panelu Formfacade w swoim panelu administracyjnym WordPress.

Powinieneś zobaczyć komunikat potwierdzający „Jesteś połączony jako [Twoje konto Google]”. Kliknij „Dalej”, aby kontynuować.

Komunikat potwierdzający połączenie

Stąd masz 2 opcje – utwórz nowy formularz lub wybierz ten, który już masz, wklejając jego adres URL.

Po podjęciu decyzji kliknij „Dalej”.

Dodawanie adresu URL formularza Google

Teraz musisz wybrać, gdzie formularz ma się pojawić na Twojej stronie.

Wybierz istniejącą stronę z listy rozwijanej lub wybierz „Utwórz nową stronę” i nadaj jej tytuł. Następnie kliknij „Przejdź dalej”.

Tworzenie nowej strony WordPress dla formularza Google

Formfacade automatycznie umieści formularz na dole wybranej strony.

Kliknij „Podgląd”, aby zobaczyć, jak wygląda.

Przycisk Podgląd w kreatorze osadzania Formfacade

Twoja strona otworzy się w nowej karcie i powinieneś zobaczyć swój formularz już dopasowany do stylu Twojej witryny.

Jeśli coś wygląda nie tak, możesz dostosować stronę z tego miejsca za pomocą Live Customizer lub Full Site Editing, w zależności od aktywnego motywu.

💡 Uwaga: Jeśli chcesz dostosować sam formularz – rzeczy takie jak style pól, kolory lub wiadomość z podziękowaniem – te funkcje są dostępne tylko w płatnych planach Formfacade.

Formularz Google na żywej stronie

Aby zarządzać swoimi formularzami w przyszłości, przejdź do Formfacade » Dashboard w menu WordPress.

Zobaczysz swój formularz, listę e-maili i statystyki odpowiedzi, a także zakładki, aby bardziej szczegółowo przeglądać swoje raporty.

Główny pulpit nawigacyjny Formfacade z przeglądami formularzy, kontaktów i odpowiedzi

Alternatywa: Użyj WPForms do tworzenia formularzy WordPress 🌟

Jeśli szukasz potężnej alternatywy dla Google Forms, WPForms jest naszym najlepszym wyborem. Jest to najlepszy i najbardziej wszechstronny kreator formularzy online dla WordPress.

W WPBeginner sami używamy WPForms do tworzenia naszego formularza kontaktowego — i nie bez powodu. Jest on wyposażony w inteligentne funkcje, które pomagają tworzyć dowolny rodzaj formularza bez pisania ani jednej linii kodu.

Zobacz naszą pełną recenzję WPForms, aby uzyskać więcej informacji o wtyczce.

Strona główna WPForms

Dzięki WPForms możesz łatwo tworzyć:

A dzięki WPForms AI możesz po prostu opisać, czego potrzebujesz, a narzędzie stworzy dla Ciebie formularz w kilka sekund. Jeśli nie chcesz tworzyć od zera, możesz wybierać spośród ponad 2100 gotowych szablonów.

Kreator formularzy WPForms AI

Niezależnie od tego, czy zbierasz opinie, przyjmujesz zamówienia, czy rozwijasz swoją listę e-mailową, WPForms Cię obejmuje.

Jeśli potrzebujesz bardziej zaawansowanych formularzy, możesz sprawdzić Formidable Forms lub Gravity Forms. W rzeczywistości mamy szczegółowy artykuł porównawczy na temat WPForms vs Gravity Forms vs Formidable Forms – zapraszamy do lektury.

FAQ: Jak osadzić Formularz Google w WordPressie

Jeśli nadal masz pytania dotyczące osadzania formularzy Google w WordPressie, oto odpowiedzi na niektóre z najczęstszych pytań, które pomogą Ci zacząć:

Czy mogę osadzić formularz Google na stronie internetowej?

Tak, możesz łatwo dodać formularz Google do swojej witryny WordPress. Google udostępnia fragment kodu (zwany „kodem osadzania”), który możesz skopiować i wkleić bezpośrednio do swojej witryny. W ten sposób odwiedzający mogą wypełniać Twój formularz, nigdy nie opuszczając Twojej strony.

Czy mogę osadzić formularz Google w WordPressie bez wtyczki?

Tak! Metoda 1 w tym przewodniku nie wymaga żadnych wtyczek.

Jaka jest różnica między iframe a osadzeniem?

„iframe” to sposób na wyświetlanie innej strony wewnątrz własnej strony – to trochę jak okno do innej witryny. Termin „osadzić” po prostu oznacza, że dodajesz zewnętrzne treści (takie jak formularz online lub wideo) do swojej witryny. Osadzanie często wykorzystuje ramki iframe, aby to umożliwić.

Samouczek wideo: Jak osadzić formularz Google w WordPressie

Wolisz przewodnik wideo? Nie przegap naszego samouczka na YouTube, jak osadzić formularz Google w WordPress:

Subskrybuj WPBeginner

Dalsza lektura na temat korzystania z formularzy i produktów Google w WordPressie

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo osadzać formularze Google w postach i stronach WordPress. Następnie możesz również zapoznać się z naszymi innymi 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 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

15 KomentarzyZostaw odpowiedź

  1. Czy jest sposób na dostosowanie wyglądu osadzonego formularza, na przykład zmianę koloru tła lub czcionki, aby lepiej pasował do projektu mojej strony internetowej? Chciałbym, aby formularz pasował do brandingu mojej strony.

    • Opcje dostosowywania znajdowałyby się w ustawieniach formularza Google podczas jego tworzenia :)

      Administrator

  2. Chcę wstawić formularz, ale dostosować go i usunąć ostatnią linię „Google Form”, czy jest to możliwe?

    • Aby usunąć branding i niektóre opcje dostosowywania formularzy, musisz mieć obecnie płatny plan.

      Administrator

  3. Próbuję osadzić formularz Google na mojej stronie WordPress. ale mam problemy z wysokością. Próbowałem wielu rzeczy, aby zmienić wysokość, ale nic nie działa.

    Wydaje się również, że jest to problem tylko z formularzami Google (nie próbowałem z żadnym innym produktem Google), ale próba osadzenia losowej strony i dostosowania wymiarów działa bez zarzutu.

    Każda rada będzie świetna!!

  4. Mam długi formularz Google i chciałbym mieć możliwość zapisywania formularza w trakcie jego wypełniania, a także powrotu do niego. Czy ten wtyczka na to pozwoli?
    Dziękuję,

  5. Po utworzeniu formularza Google i kliknięciu przycisku „Wyślij” wszystko, co otrzymuję, to e-mail do wysłania do kogoś z treścią „Zaprosiłem Cię do wypełnienia formularza:”. Nie ma adresu URL formularza do umieszczenia na mojej stronie WordPress.

  6. Cześć,
    Straciłem dostęp do WordPressa, próbowałem kilkukrotnie procesu odzyskiwania, ale nie udało mi się odzyskać mojego identyfikatora administratora i hasła, aby móc zarządzać moją stroną WP.
    Co mi sugerujesz, aby rozwiązać ten problem?

    Z góry dziękuję.

    Dan

  7. Cześć
    Chcę opracować własną aplikację online i umieścić ją w Google Play. Czy możesz mi pomóc/doradzić, jak to zrobić?

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. Proszę NIE używaj słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.