Chcesz stworzyć własny formularz Airtable dla twojej witryny WordPress?
W WPBeginner pomogliśmy wielu użytkownikom płynnie zintegrować formularze Airtable z ich witrynami internetowymi WordPress.
Airtable to potężne narzędzie do tworzenia własnych aplikacji opartych na danych, umożliwiające efektywne gromadzenie danych i zarządzanie nimi. Zmaganie się z niezgrabnymi formularzami i zdezorganizowanymi danymi może być frustrujące i czasochłonne.
W tym artykule pokażemy najprostszy sposób na stworzenie własnego formularza Airtable w WordPress bez konieczności kodowania.
Dlaczego warto utworzyć własny formularz Airtable w WordPress?
Wyobraź sobie, że prowadzisz witrynę internetową z mnóstwem danych pochodzących z formularzy kontaktowych, ankiet i zapytań klientów. Śledzenie wszystkich tych informacji może szybko stać się koszmarem.
Gubisz się w morzu e-maili, arkuszy kalkulacyjnych i źle zorganizowanych danych, tracąc cenny czas, próbując nadać temu wszystkiemu sens. Tutaj z pomocą przychodzą własne formularze Airtable w WordPress.
Airtable to narzędzie do zarządzania danymi, które umożliwia tworzenie własnych aplikacji opartych na danych. W ten sposób możesz lepiej wizualizować dane zebrane na twojej witrynie internetowej za pomocą formularzy WordPress.
Na przykład, możesz wykorzystać dane z formularza kontaktowego WordPress w Airtable jako narzędzie CRM (Customer Relationship Management) do zarządzania potencjalnymi klientami i kontaktami przechwyconymi przez twoje formularze WordPress.
W Airtable można również przechowywać dane z ankiet użytkowników.
Oto kilka innych przypadków użycia Airtable w WordPress:
- Organizuj zadania według projektów, przypisuj obowiązki i korzystaj z widoków Kanban, aby wizualizować postępy projektu.
- Stwórz kalendarz treści, śledź daty publikacji i przydzielaj autorów i redaktorów, aby zwiększyć ruch na Twoim blogu.
- Utrzymuj bazę danych pozycji magazynowych, aby śledzić ilości dla twojego sklepu internetowego.
Zasadniczo możesz wykorzystywać dane zebrane z formularzy kontaktowych WordPress w Airtable do tworzenia własnych aplikacji, przepływów pracy i narzędzi dla Twojej firmy.
Biorąc to pod uwagę, przyjrzyjmy się, jak łatwo stworzyć własny formularz Airtable w WordPress.
Jak stworzyć własny formularz Airtable w WordPress?
Aby utworzyć nasz własny formularz Airtable w WordPress, najpierw utworzymy formularz kontaktowy za pomocą WPForms.
Jest to najlepsza na rynku wtyczka do tworzenia formularzy WordPress, która umożliwia łatwe tworzenie dowolnego rodzaju formularzy za pomocą prostego interfejsu „przeciągnij i upuść”.
Następnie połączymy nasz formularz z Airtable za pomocą usługi o nazwie Zapier.
Zapier działa jako most łączący dwie różne aplikacje bez żadnego kodu. Można go używać z dziesiątkami aplikacji online, w tym WPForms i Airtable.
Gotowy? Zaczynajmy.
Utwórz swój formularz w WPForms
Najpierw należy zainstalować i włączyć wtyczkę WPForms. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Uwaga: Aby uzyskać dostęp do dodatku Zapier dla WPForms, wymagana jest wersja Pro lub wyższa.
Po włączaniu należy przejść do strony WPForms ” Ustawienia.
W karcie „Ogólne” wpisz klucz licencyjny z twojego konta w witrynie internetowej WPForms i naciśnij „Zweryfikuj klucz”.
Następnie musisz przejść na stronę WPForms ” Add New w twoim kokpicie WordPress. Spowoduje to uruchomienie interfejsu kreatora WPForms, w którym można wybierać spośród ponad 1200 gotowych szablonów.
Pamiętaj, aby nadać twojemu formularzowi nazwę, abyś mógł łatwo się do niego odwołać.
Na potrzeby tego poradnika będziemy używać „Prostego formularza kontaktowego”.
Kliknij przycisk „Użyj szablonu”.
Z tego miejsca zostaniesz przeniesiony do edytora „przeciągnij i upuść”, w którym możesz łatwo dostosować formularz.
Załóżmy, że tworzymy formularz kontaktowy do zbierania potencjalnych klientów B2B. W takim przypadku będziemy chcieli dodać „Firmę” i „Numer telefonu” do naszego formularza kontaktowego.
Aby dodać firmę, należy dodać element „Single Line Text”, a następnie kliknąć element i zmienić nazwę pola na „Company”.
Jeśli chcesz, aby potencjalni klienci podali swój numer telefonu, po prostu przeciągnij opcję pola „Telefon” do edytora.
Możesz dodać dowolne inne pola, które odpowiadają Twoim potrzebom. Więcej szczegółów można znaleźć w naszym przewodniku na temat tworzenia formularza kontaktowego w WordPress.
Po skonfigurowaniu twojego formularza, musisz dodać go do twojej witryny internetowej WordPress.
Wystarczy nacisnąć przycisk „Osadzanie” u góry.
Formularz kontaktowy można osadzać na istniejącej lub nowej stronie.
W tym przypadku wybierzemy opcję „Wybierz istniejącą stronę”.
Wybierz dowolną stronę i kliknij przycisk „Zaczynamy!”.
Spowoduje to przejście do edytora WordPress tej strony.
Wszystko, co musisz zrobić, to nacisnąć przycisk „+” w lewym górnym rogu.
Następnie znajdź i wybierz widżet WForms, aby dodać go do twojej strony.
W tym miejscu możesz wybrać formularz kontaktowy, który właśnie utworzyłeś.
Spowoduje to automatyczne osadzanie formularza na twojej stronie.
Następnie kliknij przycisk „Aktualizuj” u góry.
Teraz twój formularz powinien zostać dodany do twojej strony WordPress.
Po dodaniu twojego formularza do witryny internetowej, utwórz wpis testowy. Posłuży on do skonfigurowania i sprawdzenia połączenia między WPForms i Airtable.
Oto nasz wpis testowy, zawierający imię i nazwisko, e-mail, telefon, nazwę firmy i wiadomość:
Włączanie dodatku Zapier dla WPForms
Będziemy używać Zapier do zbudowania mostu między WPForms i Airtable. Aby to zrobić, należy zainstalować i włączyć WPForms Zapier Addon.
W twoim kokpicie WordPress przejdź do strony WPForms ” Addons i znajdź dodatek Zapier. Następnie zainstaluj go i włącz.
Teraz należy przejść do zakładki WPForms ” Ustawienia.
Na stronie „Integracje” wystarczy kliknąć logo Zapier, aby otrzymać twój klucz API Zapier. Jest on potrzebny do połączenia Zapiera z twoim kontem WPForms.
Skopiuj klucz API w bezpieczne miejsce lub zachowaj tę kartę otwartą, ponieważ będziesz go potrzebować w późniejszym kroku.
Konfiguracja podstawy i stołu w aplikacji Airtable
Następnie musimy utworzyć bazę w Airtable, aby przechowywać wszystkie informacje, które zbieramy z naszego formularza kontaktowego.
Jeśli jesteś nowym użytkownikiem Airtable, możesz nie wiedzieć, jak skonfigurować bazę i tabelę.
Po pierwsze, baza jest bazą danych najwyższego poziomu używaną do organizowania i przechowywania informacji. Tabela w Airtable jest podobna do arkusza w arkuszu kalkulacyjnym.
Po utworzeniu konta w Airtable, kliknij opcję „Zacznij od zera” w twoim kokpicie.
Jeśli masz istniejący arkusz kalkulacyjny, który chcesz przenieść do Airtable, po prostu kliknij opcję „Szybkie przesyłanie”.
Nazwij swoją bazę i tabelę.
Zdecydowaliśmy się nazwać naszą bazę „Sales CRM”, a tabelę „Contacts”.
Następnie zmień etykiety górnych kolumn, aby pasowały do pól formularza, które właśnie utworzyłeś w WPForms.
W tym przypadku dodaliśmy etykietę dla nazwy, firmy, e-maila i telefonu.
Zachowaj tę kartę otwartą, ponieważ wrócimy do niej później, aby sprawdzić, czy nasza automatyzacja WordPress działa.
Utwórz osobisty token dostępu
Teraz należy przygotować Airtable do połączenia z WPForms przez Zapier. Aby to zrobić, potrzebny jest osobisty token dostępu do połączenia Airtable z Zapier.
Wystarczy przejść do Airtable i kliknąć przycisk „Konto” pod logo twojego profilu.
Osobisty token dostępu umożliwia tworzenie wielu tokenów, które zapewniają dostęp do informacji przechowywanych w twojej bazie danych Airtable.
Na karcie „Przegląd” kliknij przycisk „Przejdź do centrum deweloperów”.
Zostaniesz przeniesiony do centrum deweloperskiego, gdzie możesz utworzyć tokeny, aby połączyć się z twoimi danymi Airtable.
W karcie „Osobiste tokeny dostępu” kliknij przycisk „Utwórz token”.
W tym miejscu będziesz musiał wypełnić ważne informacje. Po pierwsze, musisz nazwać token, abyś mógł łatwo odwołać się do niego później, jeśli chcesz edytować uprawnienia.
W sekcji „Zakresy” należy wybrać, co użytkownicy mogą zrobić, gdy otrzymają dostęp do tego tokena. W tym przypadku wybierzemy opcję „data.records:write”, aby użytkownicy mogli tworzyć, edytować i usunąć rekordy.
Gdy to zrobisz, po prostu kliknij przycisk „Utwórz token”.
Pojawi się wyskakujące okienko z informacją, że twój token został utworzony. Wystarczy go skopiować i zachować w bezpiecznym miejscu.
Dodamy ten token do Zapiera, abyśmy mogli połączyć naszą bazę danych Airtable z WordPressem.
Stwórz swój Zap, aby wysyłać dane z formularza witryny internetowej do Airtable
Następnie przejdź do witryny internetowej Zapier. Tutaj musisz utworzyć darmowe konto lub zalogować się na twoje istniejące konto.
W twoim kokpicie Zapier kliknij przycisk „Create a Zap” w lewym górnym rogu, aby uruchomić kreatora konfiguracji.
Uwaga: W Zapier „zap” to proces z wyzwalaczem i działaniem. Naszym wyzwalaczem będzie osoba wypełniająca formularz, a naszym działaniem będzie utworzenie rekordu w Airtable.
W górnej części ekranu musisz nadać twojemu zapowi nazwę, a następnie możesz skonfigurować wyzwalacz.
Przewiń w dół i kliknij pole „Wyzwalacz”.
Następnie należy znaleźć i wybrać aplikację WPForms, aby uruchomić wyzwalacz.
W polu „Wybierz aplikację i wydarzenie” wpisz „WPForms” w pasku wyszukiwania.
Następnie wystarczy kliknąć ikonkę WPForms, która się pojawi.
Po prawej stronie twojego ekranu pojawi się panel boczny. W sekcji Zdarzenie wybierz opcję „Nowy wpis w formularzu” jako wyzwalacz inicjujący działanie.
Następnie wystarczy nacisnąć przycisk „Kontynuuj”.
Następnie należy kliknąć przycisk „Zaloguj się”, aby zalogować się na twoje konto WPForms.
Dzięki temu Zapier może pobrać wszystkie dane z nowego formularza i wstawić je do twojego Airtable.
Pojawi się wyskakujące okienko.
Będziesz musiał wpisz wygenerowany wcześniej klucz API oraz adres URL(nazwę domeny) twojej witryny internetowej.
Gdy to zrobisz, kliknij przycisk „Kontynuuj”, aby przejść dalej.
Następnie zostaniesz poproszony o wybranie utworzonego wcześniej formularza z listy rozwijanej.
Po wybraniu formularza kontaktowego wybierz opcję „Kontynuuj”.
Przycisk „Odśwież pola” umożliwia ponowne załadowanie danych, aby mieć wpływ na najnowsze wpisy formularza.
Następnie kliknij przycisk „Testuj wyzwalacz”.
Zapier znajdzie twój ostatni wpis, który potwierdzi, czy wyzwalacz jest skonfigurowany poprawnie.
Następnie powinien pojawić się komunikat informujący, że Zapier znalazł wpis testowy.
Dane z twojego formularza zostaną wyświetlone na ekranie:
Kliknij przycisk „Kontynuuj z wybranym rekordem”, aby kontynuować. Znajdujesz się teraz w części Zap poświęconej działaniom, gdzie musisz wybrać twoją drugą aplikację.
Wystarczy wpisać „Airtable” w rozwijanym menu, aby znaleźć aplikację. Następnie kliknij widżet Airtable.
Gdy Airtable połączy się z twoim zapem, zobaczysz listę rozwijaną umożliwiającą wybór działania.
Zdarzenie działania jest po prostu tym, co ma się wydarzyć, gdy ktoś wypełni formularz na twojej witrynie. W tym miejscu należy wybrać opcję „Utwórz rekord”.
Następnie naciśnij przycisk „Kontynuuj”.
Teraz Zapier poprosi o zalogowanie się do Airtable.
Wystarczy kliknąć przycisk „Zaloguj się”, a następnie zalogować się.
Pojawi się nowe okno z informacją, że Zapier prosi o dostęp do Airtable. Zasadniczo pozwala to Zapierowi na automatyczne wysyłanie danych z twojego formularza do utworzonych pól w Airtable.
Wystarczy kliknąć odnośnik „+ Dodaj bazę”. Następnie wybierz obszary robocze, do których chcesz dać dostęp Zapierowi. Jeśli nie masz preferencji, po prostu kliknij opcję „Wszystkie obecne i przyszłe bazy we wszystkich obecnych i przyszłych obszarach roboczych”.
Następnie, po wybraniu, kliknij przycisk „Przyznaj dostęp”.
Teraz pojawi się przycisk „Kontynuuj”.
Wystarczy kliknąć, aby kontynuować tworzenie twojego zapa.
Na karcie Działanie musisz najpierw dodać twoją „Bazę” i „Tabelę” z podanych rozwijanych menu.
Zamierzamy użyć naszego CRM Sales jako bazy i utworzyć nowe kontakty w tabeli Contacts.
Musisz również powiedzieć Zapierowi, które pola z twojego formularza WPForms powinny odpowiadać kolumnom w twojej tabeli Airtable.
Dla wszystkich odpowiednich pól, po prostu wybierz właściwe pole używając twoich danych testowych. Powinno to wyglądać mniej więcej tak:
Następnie kliknij przycisk „Kontynuuj”, aby kontynuować.
Zapier wyświetli teraz monit o wysłanie rekordu testowego do Airtable przy użyciu twoich danych testowych.
Zobaczysz podgląd danych. Wystarczy kliknąć „Test step”.
Spowoduje to wysłanie danych testowych do twojej wybranej tabeli w Airtable, tworząc nowy rekord.
Przejdź dalej i przejrzyj rekord podglądu, aby sprawdzić poprawność informacji.
Warto dwukrotnie sprawdzić, czy rekord został poprawnie dodany do Airtable.
Dobrym pomysłem jest sprawdzenie, czy dane zostały przesłane do twojej bazy Airtable i czy informacje zostały poprawnie wpiszone w odpowiednie pola.
Teraz wróć do aplikacji Zapier.
Wystarczy kliknąć przycisk „Opublikuj”, aby zakończyć tworzenie twojego zapa.
Daj Zapowi kilka sekund na opublikowanie.
U góry twojego ekranu powinien być widoczny przycisk „On”, wskazujący, że Zap jest aktywny.
Ponadto, jeśli kiedykolwiek zajdzie potrzeba edycji Zapiera, na przykład zmiany tabeli lub pól, do których ma zostać wysłany wpis formularza, zawsze możesz znaleźć twój Zapier na głównym kokpicie Zapiera.
Wystarczy kliknąć tytuł zapa, aby go edytować.
Twój zap jest teraz uruchomiony. Wszystkie wpisy z Twojego połączonego formularza zostaną dodane do wybranej tabeli Airtable.
Bonus: Jak wysyłać wiadomości SMS do twoich potencjalnych klientów?
Jeśli ta integracja okazała się pomocna, możesz również chcieć wysyłać powiadomienia SMS do osób, które wypełniły Twój formularz kontaktowy.
Jest to świetny sposób na informowanie ich na bieżąco o statusie ich prośby.
Załóżmy na przykład, że potencjalni klienci przechodzą na twoją stronę docelową, a następnie wypełniają formularz, wskazując zainteresowanie twoimi usługami. Podczas gdy dane z formularza są wpisz do Airtable, będziesz potrzebował innego połączenia, które automatycznie wysyła wiadomości SMS do twoich potencjalnych klientów, aby wiedzieli, czego mogą się po tobie spodziewać.
Najlepszą opcją jest skorzystanie z Brevo, które jest usługą e-mail marketingu, która pozwala również wysyłać wiadomości SMS do twoich potencjalnych klientów.
Dzięki temu oprogramowaniu będziesz mógł importować swoje kontakty, a następnie wysyłać kampanie SMS. Aby uzyskać więcej informacji, postępuj zgodnie z naszym poradnikiem, jak wysyłać wiadomości SMS do twoich użytkowników WordPress.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak utworzyć własny formularz Airtable w WordPress. Możesz również zapoznać się z naszymi przewodnikami po najlepszych usługach telefonii biznesowej i sposobach otrzymywania wiadomości tekstowych SMS z twoich formularzy WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
I have some polls on my blog, but this way is more comfortable for doing sheets with answers an data of users on my blog. This is a good idea how to do it in better way. Thanks a lot.
ibrar says
This is really helpful to me, thank you! Keep up the good work.
WPBeginner Support says
Glad our guide was helpful
Administrator