Jak utworzyć niestandardowy formularz rejestracyjny iContact w WordPress

Opublikowany: 2019-06-12

Czy chcesz utworzyć niestandardowy formularz rejestracyjny iContact w WordPress? iContact to usługa e-mail marketingu, która pozwala bez większego wysiłku zarządzać i budować listę e-mailową.

Za pomocą wtyczki WPForms możesz łatwo utworzyć formularz rejestracyjny iContact na swojej stronie WordPress. Możesz użyć interfejsu „przeciągnij i upuść”, aby zbudować formularz zgodnie ze swoją wyobraźnią.

W tym artykule pokażemy, jak utworzyć niestandardowy formularz rejestracyjny iContact dla swojej witryny WordPress.

Krok 1: Rozpocznij

Pierwszą rzeczą, którą musisz zrobić, to utworzyć formularz rejestracyjny na swojej stronie.

Aby to zrobić, musisz zainstalować i aktywować wtyczkę WPForms. Możesz przeczytać przewodnik krok po kroku, jak zainstalować wtyczkę WordPress, aby uzyskać szczegółowe instrukcje.

Wtyczka WordPress WPForms

WPForms to najlepsza wtyczka WordPress Form Builder. Zdobądź to za darmo!

Po aktywacji przejdź do WPForms » Dodaj nowy z lewego paska bocznego panelu administracyjnego WordPress.

Następnie musisz wybrać szablon formularza zapisu do biuletynu na stronie Konfiguracja. W ten sposób stworzysz prosty formularz z dwoma polami: imię i e-mail.

Wybierz szablon formularza zapisu do newslettera

Możesz również dodać dodatkowe pola do tego formularza, po prostu przeciągając je i upuszczając. Aby dostosować pola, musisz kliknąć pola, aby wprowadzić w nich zmiany.

Po zakończeniu możesz zmienić ustawienia powiadomień i potwierdzeń w niestandardowym formularzu rejestracji iContact.

Na koniec musisz zapisać zmiany, klikając przycisk Zapisz , znajdujący się w prawym górnym rogu ekranu. Tutaj możesz zapoznać się z demo formularza biuletynu.

Krok 2: Dodaj wpis testowy do formularza

Następnym krokiem jest dodanie co najmniej jednego wpisu do formularza w celach testowych. Będziemy go później potrzebować, aby przetestować połączenie między WPForms a iContact.

Użyjmy opcji podglądu formularza, aby utworzyć wpis testowy zamiast osadzania formularza na stronie.

Aby to zrobić, musisz przejść do strony WPForms » Wszystkie formularze .

Następnie najedź kursorem myszy na tytuł formularza zapisu do newslettera. Gdy zobaczysz opcję Podgląd , musisz ją kliknąć, aby otworzyć formularz w nowej karcie przeglądarki internetowej.

Opcja podglądu formularza rejestracyjnego iContact

Teraz wypełnij formularz i kliknij przycisk Prześlij , aby utworzyć wpis do celów testowych.

Krok 3: Zainstaluj dodatek Zapier

Po utworzeniu formularza i dodaniu wpisu testowego musisz zainstalować dodatek Zapier na swojej stronie internetowej.

Dlaczego potrzebujemy tego dodatku? Zapier to usługa automatyzacji, która umożliwia połączenie dwóch lub więcej aplikacji w celu wykonania ciągłego zadania. Będziemy go używać do łączenia WPForms i iContact, abyś mógł łatwo zbudować swoją listę e-mail.

Aby zainstalować dodatek Zapier, musisz przejść do strony WPForms » Dodatki . Teraz wyszukaj dodatek Zapier i zainstaluj go, gdy go znajdziesz.

zainstaluj dodatek zapier

Następnie przejdź do strony WPForms » Ustawienia, a następnie kliknij kartę Integracje . Następnie musisz kliknąć logo Zapier, aby zobaczyć klucz API dla swojej witryny.

Klucz integracji WPForms Zapier

Ten klucz będzie potrzebny później, aby połączyć WPForms z Zapier, więc pozostaw tę stronę otwartą i przejdź do następnego kroku.

Krok 4: Utwórz nowy Zap

Czas stworzyć nowego Zapa i połączyć WPForms z iContact.

Jeśli nie wiesz, Zap to proces łączenia dwóch lub więcej aplikacji w Zapier. I wymaga wyzwalacza, aby wykonać określoną akcję.

Aby stworzyć nowego Zapa, musisz wejść na stronę Zapier i zalogować się na swoje konto. Możesz założyć konto za darmo, jeśli go nie masz.

Następnie idź dalej i kliknij Make a Zap! obecny w prawym górnym rogu ekranu. Spowoduje to uruchomienie kreatora konfiguracji na nowej stronie.

zrób zap, aby połączyć formularz rejestracyjny iContact z kontem icontact

Proces tworzenia Zapa podzielony jest na dwie części.

Najpierw musisz skonfigurować WPForms jako aplikację wyzwalającą, a następnie musisz skonfigurować iContact jako aplikację akcji.

Przejdźmy do następnego kroku, aby rozpocząć proces.

Krok 5: Skonfiguruj aplikację wyzwalającą

W tym kroku skonfigurujemy WPForms jako aplikację wyzwalającą.

Wyszukaj WPForms za pomocą pola wyszukiwania „Wybierz aplikację wyzwalającą”, a następnie kliknij ją, aby kontynuować.

wybierz WPForms jako aplikację wyzwalającą

Następnie musisz wybrać opcję Nowy wpis do formularza jako opcję wyzwalacza, a następnie kliknąć przycisk Zapisz + Kontynuuj .

nowy wpis formularza dla aplikacji wyzwalającej

Teraz musisz połączyć swoje konto WPForms z Zapier, aby formularze Twojej witryny mogły być pobierane przez Zapier. Aby to zrobić, musisz kliknąć przycisk Połącz konto .

Spowoduje to otwarcie wyskakującego okienka, w którym należy wprowadzić adres URL witryny i klucz API Zapier. Możesz wrócić do kroku 3, aby dowiedzieć się, jak uzyskać klucz API.

zezwól na dostęp do Zapier

Po zakończeniu kliknij przycisk Tak, kontynuuj , aby połączyć WPForms z Zapier. Zobaczysz teraz swoje konto WPForms dodane do strony "Wybierz konto WPForms".

Następnie przejdź dalej i kliknij przycisk Test , aby sprawdzić połączenie między Zapier i WPForms. Jeśli otrzymasz komunikat o sukcesie, wszystko działa poprawnie, więc kliknij przycisk Zapisz + Kontynuuj , aby przejść do następnego kroku.

testowe połączenie między Zapier a WPForms

Teraz Zapier pobierze wszystkie formularze z Twojej witryny.

Kliknij ikonę strzałki w dół, aby wybrać formularz zapisu do newslettera z listy rozwijanej, a następnie kliknij przycisk Kontynuuj .

Wybierz niestandardowy formularz rejestracji iContact z menu rozwijanego

Następnie Zapier pobierze wpisy z Twojego formularza i poprosi o wybranie dowolnego z nich do celów testowych. Dlatego w Kroku 2 utworzyliśmy wpis do formularza testowego.

wybierz wpis w formularzu rejestracji iContact

Po wybraniu wpisu należy kliknąć przycisk Kontynuuj , aby zakończyć proces konfiguracji wyzwalacza.

Krok 6: Skonfiguruj aplikację Action

Teraz nadszedł czas, aby skonfigurować iContact jako aplikację akcji. Kliknij więc „Twój Zap obecnie nie ma kroku akcji. Dodaj teraz!” link, aby rozpocząć proces.

Zap potrzebuje aplikacji Action

Pierwszą rzeczą, którą musisz zrobić, to wyszukać iContact za pomocą pola wyszukiwania "Wybierz aplikację akcji", a następnie wybierz ją, aby przejść do następnego kroku.

Wybierz iContact z pola wyszukiwania Wybierz aplikację do akcji

Zapier poprosi Cię teraz o wybranie działania iContact, które zostanie wykonane, gdy ktoś prześle Twój niestandardowy formularz rejestracyjny iContact.

Wybierz Utwórz kontakt jako akcję iContact

Ponieważ chcemy tworzyć nowe kontakty w koncie iContact, wybierz opcję Utwórz kontakt , a następnie kliknij przycisk Zapisz + Kontynuuj .

Następnie musisz połączyć swoje konto iContact z Zapier, klikając przycisk Połącz konto .

Spowoduje to otwarcie wyskakującego okna, w którym należy wprowadzić identyfikator aplikacji, hasło API i adres e-mail konta iContact.

Aby uzyskać te dane, musisz wejść na stronę iContact, a następnie zalogować się na swoje konto.

Pulpit nawigacyjny iContact

W panelu konta iContact zobaczysz swoje imię i nazwisko w prawym górnym rogu strony. Kliknięcie go otworzy menu, w którym należy wybrać opcję Ustawienia i płatności .

Strona Ustawienia i rozliczenia

Spowoduje to przejście do strony Ustawienia i rozliczenia, na której zobaczysz wiele opcji. Musisz znaleźć opcję Integracje iContact , a następnie kliknąć ją, aby przejść do strony Integracje.

Teraz zobaczysz opcję „Zapier Integrations” na stronie Integracje. Aby uzyskać identyfikator aplikacji i inne szczegóły, musisz kliknąć przycisk Włącz .

Strona integracji iContact

Spowoduje to otwarcie nowej strony, na której znajdziesz identyfikator aplikacji, hasło API i adres e-mail swojego konta iContact.

Po prostu skopiuj i wklej te dane do odpowiednich pól w wyskakującym oknie Zapier. Po wypełnieniu szczegółów kliknij przycisk Tak, kontynuuj , aby zezwolić Zapier na dostęp do Twojego konta iContact.

Zezwól Zapierowi na dostęp do konta iContact

Spowoduje to dodanie konta iContact do strony „Wybierz konto iContact”. Możesz kliknąć przycisk Test , aby sprawdzić połączenie między Zapier i iContact.

Sprawdź połączenie między Zapier i iContact

Po otrzymaniu komunikatu o powodzeniu możesz kliknąć przycisk Zapisz + Kontynuuj , aby przejść do następnego kroku.

Krok 7: Skonfiguruj szablon iContact

Teraz musisz skonfigurować szablon kontaktu, który będzie używany do tworzenia nowego kontaktu na Twoim koncie iContact, za każdym razem, gdy ktoś prześle Twój niestandardowy formularz rejestracyjny.

Zanim zaczniemy, zwróć uwagę, że niektóre pola na tej stronie pobiorą dane z Twojego konta iContact, podczas gdy reszta zostanie pobrana z formularza zapisu do newslettera.

Zacznijmy proces od skonfigurowania pola Adres e-mail . Aby to zrobić, musisz kliknąć ikonę Wstaw pole, a następnie wybrać E-mail z listy rozwijanej.

Szablon iContact do tworzenia nowych kontaktów

Następnie kliknij menu rozwijane Lista i wybierz listę iContact, do której chcesz dodać nowe dane kontaktowe.

Pozostałe pola w tym szablonie są opcjonalne. Możesz jednak skonfigurować pola Imię i Nazwisko, ponieważ ułatwi to personalizację wiadomości e-mail.

Skonfiguruj pola imienia i nazwiska

Gdy skończysz, przewiń w dół strony, a następnie kliknij przycisk Kontynuuj .

Następnie możesz przetestować połączenie między WPForms i iContact, klikając przycisk Wyślij test do iContact .

Wyślij test do iContact

Spowoduje to utworzenie nowego kontaktu z wpisem formularza testowego na Twoim koncie iContact. Możesz to potwierdzić wchodząc na stronę iContact.

Jeśli wszystko działało zgodnie z oczekiwaniami, powinieneś wrócić do kreatora Zapier i kliknąć przycisk Zakończ , aby zakończyć proces konfiguracji akcji.

Wreszcie, trzeba kliknąć na pole, by włączyć go do pozycji ON, aby upewnić się, że nowy kontakt zostanie dodany do iContact uwagę, gdy ktoś podnosi swoją formę. Możesz również nadać nazwę swojemu zapowi, aby móc z niego skorzystać w przyszłości.

WPForms do iContact zap

Krok 8: Dodaj formularz rejestracyjny do swojej witryny

Czas osadzić niestandardowy formularz rejestracji iContact w naszej witrynie WordPress. Możesz to zrobić na stronie, w poście lub na pasku bocznym swojej witryny.

Przyjrzyjmy się, jak dodać formularz rejestracyjny do strony WordPress.

Pierwszą rzeczą, którą musisz zrobić, to przejść do Strony » Dodaj nowy z lewego paska bocznego panelu administracyjnego.

Dodaj blok WPForms do strony WordPress

Teraz musisz kliknąć ikonę Dodaj blok ( + ), aby wstawić blok WPForms. Po znalezieniu kliknij go, aby dodać blok WPForms do edytora stron.

Dodaj blok WPForms do edytora Gutenberg

Następnie musisz wybrać formularz subskrypcji biuletynu z listy rozwijanej „Wybierz formularz”. Spowoduje to dodanie formularza do edytora treści.

Wreszcie możesz opublikować stronę po dokonaniu niezbędnych zmian.

Opublikuj formularz zapisu do newslettera

Gratulacje! Pomyślnie utworzyłeś niestandardowy formularz rejestracyjny iContact i osadziłeś go na swojej stronie internetowej. Za każdym razem, gdy ktoś prześle ten formularz, nowy kontakt zostanie dodany do Twojego konta iContact.

Jeśli podobał Ci się ten samouczek, możesz sprawdzić te posty:

  • Dlaczego warto od razu zacząć budować listę e-mailową
  • 8 niesamowicie prostych sposobów na powiększanie listy e-mailowej
  • Jak stworzyć niestandardowy formularz Airtable dla WordPress

Nie używasz jeszcze WPForms? Zacznij od najlepszej wtyczki do tworzenia formularzy typu „przeciągnij i upuść” i twórz różne typy formularzy w swojej witrynie.

Ponadto śledź nas na Facebooku i Twitterze, aby otrzymywać aktualizacje z naszego bloga.