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 wyświetlić pływający formularz kontaktowy w WordPress (3 metody)

Czy kiedykolwiek martwiłeś się, że odwiedzający chcą się skontaktować, ale nie wiedzą jak?

Formularz kontaktowy ukryty na jednej stronie WordPress jest łatwy do przeoczenia. Potencjalni klienci mogą odejść, nie zadając pytania, nie dzieląc się opinią ani nie dokonując zakupu. Może to prowadzić do utraty możliwości i mniej przyjaznego dla użytkownika doświadczenia.

Dobra wiadomość jest taka, że istnieje proste rozwiązanie: dodanie pływającego formularza kontaktowego, który podąża za Twoimi odwiedzającymi podczas przeglądania. W ten sposób mogą się skontaktować w dowolnym momencie, nie szukając go.

To prosty sposób na zwiększenie zaangażowania i budowanie zaufania, bez bycia nachalnym. Co więcej, nie potrzebujesz żadnych umiejętności kodowania. Dzięki odpowiednim wtyczkom możesz skonfigurować jedną w zaledwie kilka kliknięć.

W tym przewodniku przeprowadzimy Cię przez trzy szybkie metody dodania pływającego formularza kontaktowego do Twojej strony WordPress.

Pokaż pływający formularz kontaktowy w WordPressie w obrazku posta

Czym jest pływający formularz kontaktowy i dlaczego warto go używać?

Pływający formularz kontaktowy pozostaje na ekranie, na przykład w dolnym rogu lub bocznym panelu, podczas gdy odwiedzający przeglądają stronę WordPress. Zazwyczaj pojawia się jako mały przycisk lub ikona, która po kliknięciu lub najechaniu na nią rozwija się w pełny formularz.

Oto kilka korzyści z używania pływającego formularza kontaktowego na Twojej stronie WordPress:

  • Dostępność. Ponieważ formularz unosi się i pozostaje na stałe, odwiedzający stronę mogą uzyskać do niego dostęp z dowolnej strony internetowej w dowolnym momencie.
  • Minimalna inwazyjność. W przeciwieństwie do okienek wyskakujących, które mogą zakłócać doświadczenie użytkownika, pływające formularze są zazwyczaj mniej uciążliwe, a jednocześnie zauważalne.
  • Wezwanie do działania. Stała obecność pływającego formularza delikatnie przypomina użytkownikom o interakcji, co pomaga zwiększyć konwersje.

Jako właściciel strony internetowej możesz używać pływającego formularza kontaktowego do obsługi klienta, zapytań sprzedażowych i zbierania opinii.

Umożliwiając odwiedzającym natychmiastowe uzyskanie pomocy podczas przeglądania, zadawanie pytań bez opuszczania strony i udostępnianie sugestii w dowolnym momencie, tworzysz płynniejsze i przyjemniejsze doświadczenie użytkownika.

Z naszego doświadczenia wynika, że dodanie pływającego formularza znacząco poprawia zaangażowanie, ponieważ odwiedzający nigdy nie muszą szukać strony kontaktowej.

Na szczęście WordPress ułatwia dodanie pływającego formularza kontaktowego na wiele sposobów. W poniższych sekcjach przeprowadzimy Cię przez trzy proste metody jego konfiguracji.

Zacznijmy!

Metoda 1: Tworzenie pływającego formularza kontaktowego w WordPress za pomocą UserFeedback

Jeśli chcesz stworzyć prosty pływający formularz kontaktowy z prostymi opcjami dostosowywania, ta metoda jest dla Ciebie.

UserFeedback to najlepszy plugin do zbierania opinii dla WordPress, który może pomóc w tworzeniu konfigurowalnych formularzy opinii, pływających formularzy kontaktowych i ankiet typu pop-up. Posiada wbudowane szablony i pytania, w tym dotyczące doświadczenia na stronie i formularzy ankiet dla sklepów e-commerce.

Korzystając z UserFeedback, możesz ulepszać swoją stronę internetową na podstawie rzeczywistych opinii użytkowników, zwiększać satysfakcję klientów i szybko rozwiązywać wszelkie problemy.

🛑 Zanim zaczniemy: Chociaż narzędzie nazywa się UserFeedback, jest idealne do formularzy kontaktowych, ponieważ pozwala na przechwytywanie nazw i adresów e-mail bezpośrednio z pływającego widżetu, bez pisania kodu.

Jego domyślny wysuwany projekt sprawia, że jest to idealnie lekki i nieinwazyjny sposób na dodanie formularza kontaktowego bez potrzeby skomplikowanych konfiguracji wyskakujących okienek.

W WPBeginner faktycznie korzystaliśmy z UserFeedback na naszych własnych stronach i mieliśmy z nim świetne doświadczenia. Aby uzyskać więcej informacji o pluginie, zapoznaj się z naszą pełną recenzją UserFeedback.

UserFeedback

Najpierw zainstalujmy i aktywujmy plugin UserFeedback. Jeśli nie wiesz, jak zainstalować plugin, możesz skorzystać z naszego przewodnika jak zainstalować plugin WordPress.

📝 Uwaga: Zachęcamy do rozpoczęcia od darmowej wersji UserFeedback, aby zobaczyć, jak działa. Jednak w tym poradniku użyjemy UserFeedback Pro, który daje dostęp do większej liczby szablonów, dodatkowych typów pytań, opcji targetowania i innych funkcji premium.

Gdy masz już aktywowany UserFeedback na swojej stronie internetowej, możesz zacząć tworzyć swoją pierwszą ankietę.

Z poziomu Twojego panelu WordPress przejdź do UserFeedback » Ankiety » Utwórz nową.

Przycisk Dodaj nowy w UserFeedback

Po wykonaniu tej czynności przejdziesz do sekcji „Setup”.

Z UserFeedback możesz zacząć od pustej strony z opcją „Zacznij od zera” lub użyć gotowego szablonu. W tym przewodniku użyjemy szablonu „Opinie o stronie internetowej”. 

Aby wybrać szablon, po prostu kliknij go.

Szablon UserFeedback's Website Feedback

Następnie edytujmy tekst. W tym przykładzie zmieniamy etykietę „Opinie o stronie” na „Czy masz jakieś uwagi?”.

Następnie możesz kliknąć menu rozwijane „Typ pytania”, aby wybrać sposób, w jaki odwiedzający mogą odpowiedzieć na to pytanie. W tym przykładzie wybierzemy „Jedno pole tekstowe”.

Następnie możesz zmienić pytanie na „Imię”.

Konfiguracja pytań UserFeedback

Teraz będziesz potrzebować kolejnego pola na adres e-mail użytkownika.

Możesz przewinąć trochę w dół i kliknąć przycisk „Dodaj pytanie”.

Gdy to zrobisz, przejdź dalej i skonfiguruj swój typ pytania i tytuł, tak jak zrobiłeś to w poprzednim kroku.

Nowe pytanie w formularzu kontaktowym UserFeedback

Następnym krokiem jest konfiguracja ustawień formularza.

W zakładce „Ustawienia” możesz aktywować śledzenie wyświetleń i odpowiedzi formularza za pomocą Google Analytics i MonsterInsights.

Wystarczy włączyć opcję „Włącz śledzenie Google Analytics”, aby skorzystać z tej funkcji.

Włącz śledzenie Google Analytics w UserFeedback

📝 Uwaga: Jeśli chcesz dowiedzieć się więcej o korzystaniu z Google Analytics do śledzenia, możesz przeczytać nasz przewodnik jak skonfigurować cele Google Analytics dla Twojej strony WordPress.

Następnie możesz przewinąć w dół zakładki, aby skonfigurować targetowanie i zachowanie.

W sekcji „Targetowanie” możesz wybrać typ urządzenia i stronę internetową, na której będzie wyświetlana Twoja ankieta.

Opcje typu urządzenia obejmują komputer stacjonarny, tablet i urządzenie mobilne. Jeśli chcesz, aby formularz wyświetlał się na wszystkich tych urządzeniach, możesz wybrać wszystkie trzy.

Następnie możesz wybrać wszystkie strony, na których chcesz wyświetlić pływający formularz. Zalecamy wybranie opcji „Wszystkie strony”, aby odwiedzający mogli uzyskać dostęp do Twojego formularza w dowolnym miejscu na Twojej stronie internetowej.

Sekcja Targeting w zakładce Ustawienia UserFeedback

Po zakończeniu przewińmy w dół i skonfigurujmy zachowanie formularza. Tutaj ustawisz:

  • Czas wyświetlania. Wybierz, kiedy formularz ma się pojawić na Twoich stronach.
  • Długość wyświetlania. Zdefiniuj, jak często Twój formularz będzie wyświetlany odwiedzającym.
  • Czas trwania ankiety. Określ, jak długo Twój formularz będzie wyświetlany na wskazanych stronach.

Oto nasza konfiguracja dla Twojej referencji: „Czas wyświetlania: Natychmiast”, „Długość wyświetlania: Zawsze, dopóki ankieta UserFeedback nie zostanie ukończona” i „Czas trwania ankiety: Bezterminowo”.

Ustawienia zachowania dla formularza UserFeedback

Teraz jesteś gotowy do przejścia do następnego kroku.

W zakładce „Powiadomienia” wprowadzisz adres e-mail, na który będą wysyłane powiadomienia o przesłaniu formularza.

Możesz dodać wielu odbiorców, ale musisz oddzielić ich przecinkami, np. jan@example.com,anna@example.com. Upewnij się, że nie dodajesz spacji po przecinkach, ponieważ może to czasami powodować błędy w dostarczaniu wiadomości e-mail.

Pole odbiorcy e-mail w zakładce Powiadomienia UserFeedback

Na koniec możesz poświęcić trochę czasu na sprawdzenie formularza po raz ostatni przed jego finalizacją.

W górnej części zakładki „Publikuj” zobaczysz „Podsumowanie opinii o stronie internetowej”. Możesz przejrzeć punkty jeden po drugim, aby sprawdzić, czy konfiguracja Twojego formularza jest poprawna.

Podsumowanie formularza UserFeedback

Jeśli wszystko wygląda dobrze, możesz przewinąć w dół do sekcji „Publikuj”.

Tam możesz zmienić status z „Szkic” na „Opublikuj”.

Alternatywnie, możesz zaplanować publikację, przełączając opcję „Zaplanuj na później” i określając datę i godzinę.

Przycisk Wersja robocza i Publikuj w UserFeedback

Po zakończeniu kliknij „Zapisz i opublikuj”, aby wyświetlić swój formularz.

I to wszystko!

Pomyślnie wyświetliłeś pływający formularz kontaktowy na swojej stronie WordPress za pomocą UserFeedback.

Pływający formularz kontaktowy UserFeedback na żywej stronie internetowej

Metoda 2: Tworzenie pływającego formularza kontaktowego w WordPress przy użyciu WPForms i OptinMonster

Jeśli chcesz mieć większą kontrolę nad projektem swojego pływającego formularza kontaktowego, ta metoda jest dla Ciebie. Użyjemy WPForms do stworzenia formularza, a OptinMonster, aby sprawić, by unosił się na Twojej stronie WordPress.

WPForms to najlepszy kreator formularzy kontaktowych dla WordPress z prostym interfejsem przeciągnij i upuść. Dzięki ponad 2000 szablonów i narzędziom opartym na sztucznej inteligencji możesz stworzyć formularz WordPress w zaledwie kilka kliknięć.

W WPBeginner używamy WPForms do zbierania kontaktów, opinii i próśb o migrację od użytkowników. Dowiedz się, dlaczego uwielbiamy ten plugin w naszej szczegółowej recenzji WPForms.

Strona główna WPForms

Aby tworzyć formularze za pomocą WPForms, pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki na swojej stronie internetowej. Jeśli potrzebujesz dalszej pomocy, możesz przeczytać nasz poradnik na temat jak zainstalować wtyczkę WordPress.

📝 Uwaga: Do tego samouczka możesz użyć bezpłatnej wersji WPForms. Jeśli potrzebujesz bardziej zaawansowanych funkcji, WPForms Pro zapewnia dostęp do pełnej biblioteki szablonów, zaawansowanych pól i inteligentnych reguł warunkowych, między innymi.

Po aktywacji możesz przejść do WPForms » Dodaj nowy z panelu administracyjnego WordPress.

Kliknij Dodaj nowy, aby utworzyć formularz WPForms

Spowoduje to przekierowanie Cię do interfejsu kreatora formularzy.

Tam wystarczy wpisać nazwę formularza i wybrać szablon. W tym przykładzie utwórzmy formularz kontaktowy i nazwijmy go „Formularz kontaktowy”.

Nazewnictwo formularza WPForms

Po nazwaniu formularza możesz przewinąć panel w dół, aby zbudować formularz za pomocą AI lub wybrać szablon.

jeśli masz licencję Pro, WPForms AI pomaga szybko tworzyć formularze. Wystarczy opisać, czego potrzebujesz. Zamiast ręcznie dodawać pola, AI robi to za Ciebie w kilka sekund.

Niezależnie od tego, czy potrzebujesz prostego formularza rejestracji użytkownika, interaktywnego formularza aplikacji o pracę, czy szczegółowej ankiety, WPForms AI przyspiesza ten proces.

WPForms AI Builder

W tym przewodniku użyjemy jednak szablonu „Prosty formularz kontaktowy”.

Aby rozpocząć tworzenie, możesz najechać kursorem na pole szablonu i kliknąć „Użyj szablonu”.

Wybór szablonu prostego formularza kontaktowego

Spowoduje to przekierowanie Cię do panelu „Pola” kreatora formularzy.

Stąd możesz przejrzeć swój formularz kontaktowy i dostosować gotową treść. Jeśli wszystko wygląda dobrze, możesz kliknąć przycisk „Zapisz”.

Przycisk Zapisz w interfejsie kreatora formularzy WPForms

Szczegółowe instrukcje znajdziesz w naszym przewodniku krok po kroku na temat jak utworzyć formularz kontaktowy.

Po zakończeniu tworzenia formularza nadszedł czas, aby dostosować jego ustawienia, aby wyświetlał się jako formularz pływający.

Do tego będziesz potrzebować zainstalowanej wtyczki OptinMonster, najlepszej wtyczki do generowania leadów dla WordPress.

Narzędzie może pomóc w tworzeniu i zarządzaniu kampaniami w celu przekształcenia odwiedzających w subskrybentów i płacących klientów. Możesz zapoznać się z naszym szczegółowym przewodnikiem na temat tego, jak zbudować listę e-mailową za pomocą OptinMonster.

W WPBeginner używamy OptinMonster do promowania specjalnych ofert za pomocą wyskakujących okienek i banerów nagłówka. Zapoznaj się z naszą pełną recenzją OptinMonster, aby dowiedzieć się więcej o tym oprogramowaniu.

Strona główna OptinMonster

📝 Uwaga: Do tego samouczka możesz użyć bezpłatnej wersji OptinMonster. Jednak OptinMonster Pro odblokowuje pełną bibliotekę szablonów i zaawansowane funkcje targetowania, takie jak wyskakujące okienka z intencją wyjścia.

Po aktywacji możesz kliknąć pozycję menu „OptinMonster” z panelu administracyjnego WordPress.

Następnie zobaczysz ekran powitalny, na którym możesz kliknąć „Połącz istniejące konto”, aby rozpocząć pracę z pluginem.

Połącz istniejące konto

Otworzy się nowe okno, w którym możesz kliknąć „Połącz z WordPress”.

Następnie OptinMonster poprosi o dane Twojego konta, aby zakończyć proces.

Kliknij przycisk „Połącz z WordPress”

Po weryfikacji jesteś gotowy do utworzenia swojej pierwszej kampanii.

Aby rozpocząć, po prostu przejdź do OptinMonster » Kampanie z Twojego obszaru administracyjnego WordPress.

Element menu Kampanie w OptinMonster

Po przejściu do sekcji „Kampanie” możesz utworzyć i skonfigurować swój pływający formularz.

Aby rozpocząć, po prostu kliknij przycisk „Utwórz swoją pierwszą kampanię”.

Przycisk OptinMonster „Utwórz swoją pierwszą kampanię”

Teraz czas wybrać typ kampanii.

OptinMonster oferuje różne typy kampanii, w tym pływający pasek.

Chociaż może się wydawać idealnym typem kampanii, pływający pasek nie ma wystarczającej przestrzeni pionowej do wygodnego wyświetlania wielu pól formularza. Dlatego najlepiej używać go w innych przypadkach, takich jak ogłaszanie promocji sprzedaży lub udostępnianie kodów kuponów.

Jeśli chcesz dowiedzieć się więcej o używaniu pływającego paska, polecamy zapoznać się z naszym przewodnikiem na temat tworzenia przyklejonego pływającego paska stopki w WordPress.

Aby Twój projekt był schludny, możesz wybrać „Slide-in” jako typ kampanii do dodania formularza kontaktowego WPForms.

Pływający formularz wyskakujący pozostanie w prawym dolnym rogu ekranu użytkownika. Pozwala to odwiedzającym na wypełnienie formularza kontaktowego WPForms bezpośrednio na stronie, bez przekierowywania, co tworzy płynne doświadczenie użytkownika.

Możesz po prostu kliknąć typ kampanii, aby jej użyć.

Typ kampanii typu „slide-in” w OptinMonster

Następnie przewińmy panel w dół i wybierzmy szablon.

Aby użyć szablonu, po prostu najedź kursorem na blok szablonu i kliknij „Użyj szablonu”. Tutaj wybieramy „Zapisz się do newslettera (Jasny)”.

Szablon „Subskrybuj newsletter” z podświetloną opcją „Użyj szablonu”

Po wybraniu typu kampanii i szablonu pojawi się okno pop-up.

Musisz tylko nadać swojej kampanii nazwę. W tym przykładzie nazwiemy naszą kampanię „Pływający formularz kontaktowy”.

Po wybraniu nazwy możesz kliknąć „Start Building”.

Okienko podręczne do nazwania kampanii OptinMonster

Następnie OptinMonster przekieruje Cię do kreatora kampanii.

Interfejs tworzenia kampanii składa się z dwóch sekcji. Lewa strona zawiera wszystkie funkcje, które można dodać do kampanii, a prawa strona to podgląd na żywo.

Więcej informacji znajdziesz w naszym samouczku na temat jak dodać wysuwany formularz kontaktowy w WordPress.

Aby dodać formularz kontaktowy WPForms, możesz przewinąć w dół lewego panelu, aby zlokalizować blok WPForms.

Blok WPForms dla typu kampanii Slide in OptinMonster

Gdy go znajdziesz, po prostu przeciągnij i upuść blok WPForms do podglądu na żywo w prawym panelu.

Następnie zobaczysz rozwijane menu „Wybór formularza”. Możesz na nie kliknąć, a następnie wybrać „Formularz kontaktowy”. Blok w podglądzie na żywo załaduje wtedy krótki kod formularza.

Menu rozwijane WPForms w OptinMonster

🧑‍💻 Wskazówka eksperta: Nie martw się, jeśli w kreatorze kampanii zobaczysz krótki kod zamiast faktycznego formularza. Jest to normalne, a WordPress automatycznie przekonwertuje ten kod na ostateczny formularz kontaktowy po jego opublikowaniu.

Następnie możesz przejść do zakładki „Zasady wyświetlania”. W tej zakładce możesz ustawić czas wyświetlania pływającego formularza kontaktowego i strony.

Aby upewnić się, że Twój formularz unosi się i pozostaje na miejscu od pierwszej sekundy, zalecamy ustawienie dwóch pierwszych rozwijanych menu na „czas na stronie” i „natychmiast”.

Następnie, aby wyświetlić formularz na wszystkich stronach, możesz ustawić następujące listy rozwijane jako „current URL path” i „any page”.

Konfiguracja reguł projektowania do wyświetlania pływającego formularza

Po zakończeniu możesz przejść do zakładki „Publikuj”.

Na tej karcie pierwszą rzeczą, którą musisz zrobić, jest zmiana statusu publikacji kampanii na „Opublikuj” lub „Zaplanuj”.

Następnym krokiem jest użycie funkcji „Inspektor strony na żywo”, aby przetestować, jak Twoja kampania wygląda na Twojej stronie internetowej. Aby to zrobić, po prostu wpisz adres URL swojej witryny w polu tekstowym i kliknij „Testuj”.

Zakładka Publikuj w OptinMonster

Zostaniesz przekierowany do nowej karty.

Jeśli wszystko wygląda tak, jak chcesz, możesz wrócić do kreatora kampanii OptinMonster i zapisać swoją kampanię.

I oto jest! Pomyślnie utworzyłeś pływający formularz kontaktowy za pomocą WPForms i OptinMonster.

Formularz pływający WPForms i OptinMonster na żywej stronie internetowej

Metoda 3: Tworzenie pływającego przycisku kontaktowego w WordPress za pomocą darmowej wtyczki

Ta metoda pozwala wyświetlić pływającą ikonę, która przekierowuje do strony z formularzem kontaktowym. Chociaż nie wyświetla ona pól formularza w wyskakującym okienku, jak poprzednie metody, stanowi bardzo widoczną, darmową alternatywę, która kieruje użytkowników bezpośrednio na stronę kontaktową.

Kilka darmowych wtyczek pozwala dodać pływające ikony kontaktowe do Twojej witryny WordPress. Niektóre popularne opcje to Simple Floating Menu i Float Menu. Wtyczki te zazwyczaj wymagają osadzenia adresu URL w ich ustawieniach.

W tym samouczku pokażemy, jak to zrobić za pomocą Simple Floating Menu. Jeśli potrzebujesz pomocy w instalacji wtyczki, możesz przeczytać nasz poradnik na temat jak zainstalować wtyczkę WordPress.

Aby użyć tej metody, najpierw będziesz potrzebować standardowej strony kontaktowej na swojej stronie. Jeśli jeszcze jej nie utworzyłeś, zapoznaj się z naszym przewodnikiem na temat jak utworzyć formularz kontaktowy w WordPress, zanim przejdziesz dalej.

Gdy Twoja strona będzie gotowa, zanim przejdziesz do obszaru ustawień wtyczki Simple Floating Menu, skopiuj adres URL strony, na której wyświetlasz formularz kontaktowy.

Aby to zrobić, przejdź do danej strony i skopiuj adres URL z paska adresu.

Adres URL strony kontaktowej na żywej stronie internetowej

Teraz możesz otworzyć Proste Pływające Menu z panelu administracyjnego WordPress.

Po wejściu do obszaru ustawień wtyczki będziesz chciał włączyć ikonę pływającego formularza. Możesz to zrobić, przesuwając suwak „Włącz menu pływające”. Zmieni kolor z szarego na zielony lub z wyłączonego na włączony.

Następnie znajdź pole „Adres URL przycisku”, aby wkleić adres URL.

Po wprowadzeniu adresu URL przycisku powinieneś zobaczyć powiadomienie, jeśli Twoje ustawienia zostały pomyślnie zapisane.

Obszar ustawień wtyczki Simple Floating Menu z suwakiem Włącz pływające menu

Do tej pory Twój pływający ikona powinna być widoczna na Twojej stronie internetowej WordPress. Możesz jednak dalej dostosowywać pozycję i wygląd przycisku.

Nad polem „URL przycisku” możesz zmienić domyślną ikonę na coś bardziej odpowiedniego. Ten plugin oferuje dziesiątki opcji ikon, więc jeśli kiedykolwiek poczujesz się zagubiony, dobrym pomysłem jest skorzystanie z funkcji filtrowania.

Tekst etykietki narzędzia” pojawi się, gdy odwiedzający witrynę najedzie kursorem na pływającą ikonę. Zalecamy wypełnienie tego pola, aby dać odwiedzającym kontekst, dokąd ikona ich zaprowadzi.

Następnie, jeśli chcesz przekierować odwiedzających na nową stronę po kliknięciu ikony, zaznacz pole wyboru w sekcji „Otwórz w nowej karcie”.

Kolory pływającej ikony można edytować, przewijając ekran w dół. Nie krępuj się być kreatywnym z kolorami tła, ikony i efektu najazdu, o ile pasują do Twojej marki lub osobowości strony internetowej.

Po zakończeniu kliknij „Zapisz ustawienia”.

Ustawienia kolorów dla wyświetlania ikony prostego pływającego elementu

Następnie możesz przejść do zakładki „Ustawienia”, aby uzyskać więcej funkcji dostosowywania.

Na tej karcie możesz wybrać, gdzie chcesz, aby formularz pojawił się na Twojej stronie, na przykład w lewym górnym rogu, w środku po prawej lub w prawym dolnym rogu.

Dostępne są również ustawienia orientacji przycisku. Możesz wybrać pionową lub poziomą.

Możesz też chcieć zmienić styl przycisku. Domyślny kształt to prostokąt, ale możesz wybrać okrągły, trójkątny, a nawet gwiazdkę.

Karta ustawień Simple Floating Icon

Więcej ustawień personalizacji znajdziesz w panelu. Dostosuj rozmiar, style cienia, typografię i inne elementy pływającej ikony, aby uczynić ją bardziej unikalną.

Po zakończeniu, wszystko, co musisz zrobić, to zapisać, aby nie stracić postępów.

Dostosowania Simple Floating Menu dla przycisku, ikony i podpowiedzi

Teraz możesz przejść dalej i zobaczyć, jak ikona pływająca wygląda na Twojej stronie internetowej.

Oto jak wygląda nasza pływająca ikona dla Twojej referencji:

Simple Floating Menu na żywej stronie internetowej

Alternatywna metoda: Użyj chatbota na swojej stronie internetowej

Pływający formularz kontaktowy to świetny sposób na umożliwienie odwiedzającym kontakt z Tobą, ale zazwyczaj działa asynchronicznie. Oznacza to, że odwiedzający zostawiają wiadomość i czekają na odpowiedź e-mail.

Jeśli chcesz zapewnić natychmiastowe, w czasie rzeczywistym odpowiedzi swoim użytkownikom, warto zamiast tego zainstalować chatbota.

Chatbot może być zasilany przez sztuczną inteligencję lub obsługiwany bezpośrednio przez Twój zespół wsparcia.

Na przykład narzędzie takie jak ChatBot może czerpać informacje z Twojej strony internetowej i centrum pomocy, aby natychmiast udzielać odwiedzającym odpowiedzi opartych na sztucznej inteligencji, obsługując do 80% rutynowych pytań, co zwiększa zaangażowanie.

Strona główna ChatBot

Szczegółowe informacje na temat konfiguracji znajdziesz w naszym poradniku jak dodać chatbota w WordPressie. Aby dowiedzieć się więcej o oprogramowaniu, zapoznaj się z naszą pełną recenzją ChatBota.

Najczęściej zadawane pytania dotyczące pływających formularzy kontaktowych w WordPressie

Oto odpowiedzi na najczęściej zadawane pytania dotyczące konfiguracji i dostosowywania pływających formularzy kontaktowych.

Jaki jest najlepszy plugin do tworzenia pływającego formularza kontaktowego?

Jeśli szukasz prostego, kompleksowego rozwiązania, UserFeedback jest doskonałym wyborem. Został zaprojektowany z myślą o łatwej konfiguracji i personalizacji, co czyni go idealnym do prostych formularzy pływających bez konieczności kodowania.

Aby uzyskać większą kontrolę nad wyglądem i zachowaniem formularza, rozważ połączenie WPForms z OptinMonster.

WPForms oferuje przyjazny dla użytkownika kreator metodą przeciągnij i upuść z ponad 2000 szablonów i wieloma narzędziami AI. OptinMonster dodaje zaawansowane opcje targetowania i elastyczność projektowania, umożliwiając wyświetlanie formularza dokładnie wtedy i tam, gdzie chcesz.

Czy mogę dostosować wygląd mojego pływającego formularza kontaktowego?

Oczywiście. Wszystkie trzy metody pozwalają na personalizację. Możesz dostosować kolory, tekst i pozycjonowanie, aby dopasować je do brandingu Twojej witryny.

OptinMonster idzie o krok dalej w personalizacji, oferując zaawansowane opcje projektowania i reguły targetowania. Oznacza to, że możesz dopracować każdy szczegół swojej kampanii pływającego formularza, aby dopasować ją do swoich konkretnych potrzeb.

Czy pływający formularz kontaktowy spowolni moją stronę internetową?

Absolutnie nie. Wtyczki prezentowane w tym przewodniku są dobrze napisane i zoptymalizowane pod kątem wydajności. Ładują się asynchronicznie, co zapewnia, że nie blokują ładowania głównej treści strony. Pomaga to utrzymać szybkie i płynne doświadczenie użytkownika na Twojej stronie.

Dodatkowe zasoby dotyczące formularzy WordPress

Mamy nadzieję, że ten przewodnik pomógł Ci dodać pływający formularz kontaktowy do Twojej witryny. Teraz, gdy jest już skonfigurowany, możesz zapoznać się z innymi pomocnymi artykułami, aby jeszcze lepiej wykorzystać swoje formularze:

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

2 CommentsLeave a Reply

  1. Jeden z moich klientów poprosił mnie o stworzenie pływającego formularza kontaktowego, ale w tamtym czasie nie potrafiłem tego zrobić.
    Próbowałem znaleźć rozwiązanie, ale na próżno.
    Dziękuję za ten poradnik, dzięki któremu mogę z łatwością stworzyć pływający formularz kontaktowy.
    Użytkownicy preferują ten typ formularzy, ponieważ stwarza on minimalne lub żadne przeszkody w doświadczeniu użytkownika.
    Wystarczy najechać kursorem lub kliknąć, a formularz się rozwinie i można łatwo wypełnić szczegóły.
    Już korzystam z wpforms i optin monster, więc to połączenie zadziała cuda.

  2. Posiadanie danych kontaktowych w odpowiednim i widocznym miejscu jest kluczowe dla wszystkich właścicieli stron internetowych. Jeśli użytkownik od razu zobaczy informacje kontaktowe, istnieje duża szansa, że skorzysta z formularza kontaktowego. Byłem bardzo zainteresowany możliwością wykorzystania WP Forms razem z OptinMonster. Ponieważ mam oba wtyczki, jest to dla mnie najlepszy sposób, aby to osiągnąć. Stworzyłem zarówno formularz, jak i pływające okienko i działa świetnie. Nadal nie wiem, jak dostosować wygląd formularza za pomocą CSS, ale jestem pewien, że znajdę to na stronie WP Forms. Dzięki za poradnik

Leave A Reply

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