Utwórz formularz klienta dla swojej agencji WordPress – za pomocą Elementora i wtyczki do formularza kontaktowego

Jeśli jesteś właścicielem firmy deweloperskiej WordPress i obecnie otrzymujesz przychodzące zapytania internetowe, możesz usprawnić proces sprzedaży i ulepszyć swoje usługi, korzystając ze skutecznego formularza klienta. Dlaczego więc z psychologicznego punktu widzenia potrzebna jest dobra forma klienta? A jak to wdrożyć w swoim biznesie, aby 3x zwiększyć przychody? Podzielę się z Tobą wiedzą techniczną na temat tworzenia formularza klienta dla Twojej agencji WordPress za pomocą Elementora i wtyczki formularza kontaktowego .

Jest kilka elementów, na które zamierzam zwrócić uwagę. Ale najpierw chciałem wyjaśnić, po co tworzyć wyspecjalizowany formularz klienta i dlaczego potrzebujesz również tego rodzaju formularza kontaktowego.

Twój ogólny formularz kontaktowy a Twój specjalistyczny formularz kontaktowy

Kiedy ludzie wejdą na stronę i przewiną w dół, zobaczą dość standardowy formularz kontaktowy, który prawdopodobnie był widziany już milion razy w wielu witrynach (nie tylko w witrynach WordPress).

Kiedy ktoś zadaje pytanie na Twojej stronie, musisz bardzo dokładnie przemyśleć, jaki będzie Twój następny krok. W zależności od tego, jak zareagujesz, albo będziesz postrzegany jako „tylko internauta”, albo jako ktoś, kto może doprowadzić cele klienta do skutku, wykorzystując potęgę Internetu. Jak możesz sobie wyobrazić, wyspecjalizowany formularz klienta pomoże Ci zarobić znacznie więcej.

A to jest wyspecjalizowany formularz klienta, który stworzymy w tym poście:

Aby zobaczyć pełny obraz formularza klienta, odwiedź tutaj.

Gdy klient wyśle ​​do Ciebie wiadomość e-mail za pomocą tego formularza klienta, odpowiesz, podając następujące informacje

• Klient musiał umówić się na wizytę za pomocą aplikacji Calendly
• Klient musiał wypełnić powyższy formularz klienta

Zobaczmy, jak stworzyć ten formularz, a także omówimy elementy, które pomagają uczynić ten formularz tak skutecznym.

Krok 1: Zainstaluj wtyczki

Świetną (i bezpłatną) wtyczką do formularza kontaktowego, którą polecam, jest WPForms. Możesz zainstalować i aktywować wtyczkę, przechodząc do Panelu > Wtyczka > Dodaj nową .

Następnie zainstaluj i aktywuj darmowy program do tworzenia stron Elementor za pomocą tej samej metody.

Po zdobyciu wszystkich potrzebnych narzędzi od razu zaczniemy!

Krok 2: Utwórz stronę dla formularza klienta w Elementor

Musimy stworzyć szablon strony, który zawiera formularz kontaktowy klienta. Ta strona ma następującą strukturę od góry do dołu: nagłówek strony – nagłówek formularza kontaktowego – formularz kontaktowy – stopka strony.

Uwaga : formularz kontaktowy zostanie wykonany później w kroku 3.

Utwórz stronę z płótnem

Pierwszą rzeczą, jaką zauważysz w formularzu klienta zbierającego dane, jest brak nagłówka ani nawet stopki . Całkowitym celem strony, kiedy wysyłam link do klienta, jest uzyskanie od klienta informacji, które następnie wykorzystam do mojej wstępnej konsultacji.

Dlatego pierwszą rzeczą, którą musimy zrobić, to utworzyć stronę w Elementorze i upewnić się, że typem strony jest Canvas .

Utwórz nagłówek dla strony

Chociaż nie ma tradycyjnego nagłówka i stopki, chciałem dołączyć mały nagłówek, który powiedziałby im, na której stronie byli. Zauważysz również, że link w górnym nagłówku faktycznie prowadzi do sekcji moich opinii klientów .

Dzięki temu klient wie, gdzie się znajduje. Jeśli klient się waha, kliknięcie linku da mu pewność, że będzie kontynuował?

Odbywa się to za pomocą prostej sekcji z tłem dla koloru Twojej marki, po którym następuje pole tekstowe. Całkiem proste rzeczy!

Utwórz nagłówek formularza kontaktowego klienta

Następnym krokiem jest nagłówek formularza klienta. Tutaj podczas edycji użyłem czcionki Lato w rozmiarze 60px.

Podtytuł był tą samą czcionką tylko w 24px. Ponadto waga nagłówka podrzędnego wynosi 300. Możesz ręcznie sprawić, by podnagłówki miały wagę mniejszą niż średnia, dzięki czemu górny nagłówek bardziej się wyróżnia.

Utwórz stopkę dla strony

Następnie dodaj stopkę, która jest po prostu sekcją z tym samym tłem co nagłówek. W tym przypadku mam 2 kolumny. Nie tylko jeszcze raz zamieszczam link do recenzji, aby zyskać zaufanie, ale także link do strony O mnie, gdzie mówię więcej o sobie.

Krok 3: Utwórz formularz kontaktowy za pomocą wtyczki WPForms

Kolejnym krokiem jest stworzenie formularza kontaktowego. Nie będę się w to zbytnio zagłębiał, ponieważ kreator formularzy kontaktowych jest dość prosty. Aby uzyskać więcej informacji na temat korzystania z tej wtyczki formularza kontaktowego, mamy już samouczek tutaj.

Tam wystarczy przeciągnąć i upuścić pola formularza kontaktowego.

Na szczęście nie musisz samodzielnie tworzyć formularza kontaktowego – możesz zaimportować plik JSON , który przesłałem w link poniżej, i zaimportować go, przechodząc do WPForms > Narzędzia > Importuj i wypełniaj swoje formularze.

Oto link do pliku JSON .

Aby go zaimportować, po prostu prześlij go tutaj:

Jedna rzecz do zapamiętania: po zaimportowaniu formularza kontaktowego będziesz musiał uzyskać krótki kod. Po zakończeniu edycji formularza kontaktowego po prostu kliknij Osadź, a następnie opcję Użyj skrótu .

Następnie po prostu skopiuj / wklej ten krótki kod na swoją stronę.

Krok 4: Utwórz odpowiedni cytat z kolumny i umieść na nim swój obraz

Jedną z rzeczy, które chcesz zrobić z formularzem klienta, jest również utrzymanie pozycji, dodanie charakteru i życia do formularza klienta.

Utwórz cytat blokowy

Pierwsza część to cytat blokowy. To jest standardowy element Elementora. Jest jednak kilka punktów na ten temat.

Zauważysz, że sam cytat zrobiłem czerwony i duży. Możesz ustawić sekcję Edytuj cytat blokowy na Cytat i ustawić kolor na czerwony, a rozmiar na 1.

Jeśli chodzi o samo pole tekstowe, chcesz przypomnieć klientowi, dlaczego wypełnia formularz klienta i jak mu to pomoże. Zauważysz również, że dziękuję użytkownikowi za przejście do strony z linku w e-mailu.

Utwórz zdjęcie i podpis

Kolejnym elementem jest po prostu Twoje zdjęcie i podpis w formularzu klienta. Podpis dodaje klasy i sprawia, że ​​sekcja brzmi bardziej oficjalnie. To może wydawać się głupie, ale wygląda lepiej niż zwykłe pisanie nazwy marki i znowu chcesz, aby Twoja marka była tak silna, jak to tylko możliwe na tym etapie.

Do wykonania tego podpisu użyłem generatora podpisów online DocSketch.

I to jest ostatni krok tworzenia formularza klienta. Pamiętaj o zapisaniu i opublikowaniu formularza klienta.

Wniosek

Gdy ten formularz klienta jest kompletny, możesz go uruchomić. Teraz wszystko, co musisz zrobić, to czekać na następne zapytanie online. W takim przypadku należy wysłać klientowi wiadomość e-mail z prośbą o wypełnienie formularza klienta.

Mam nadzieję, że ten formularz klienta działa dla Ciebie i pomoże Ci pozycjonować się jako niekwestionowany ekspert przed spotkaniem! Powodzenia!

Biografia autora

Kosta jest specjalistą w rozwoju Sydney WordPress i jest ekspertem w dostarczaniu niestandardowych witryn WordPress, które są szybkie, stabilne, niezawodne, ale co najważniejsze, faktycznie sprawiają, że klienci robią to, czego od nich potrzebujesz – i to jest podejmowanie działań.