Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak utworzyć własny formularz Airtable w WordPress (prosty sposób)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

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.

how-to-create-a-custom-airtable-form-in-wordpress-og

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

verify key in WPForms

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

name your WPForms

Na potrzeby tego poradnika będziemy używać „Prostego formularza kontaktowego”.

Kliknij przycisk „Użyj szablonu”.

Use template for simple contact form

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

Add company field to WPForms

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.

Phone field

Po skonfigurowaniu twojego formularza, musisz dodać go do twojej witryny internetowej WordPress.

Wystarczy nacisnąć przycisk „Osadzanie” u góry.

embed button

Formularz kontaktowy można osadzać na istniejącej lub nowej stronie.

W tym przypadku wybierzemy opcję „Wybierz istniejącą stronę”.

Select existing page

Wybierz dowolną stronę i kliknij przycisk „Zaczynamy!”.

Spowoduje to przejście do edytora WordPress tej strony.

Embed in a page

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.

WPforms block

W tym miejscu możesz wybrać formularz kontaktowy, który właśnie utworzyłeś.

Spowoduje to automatyczne osadzanie formularza na twojej stronie.

choose contact form

Następnie kliknij przycisk „Aktualizuj” u góry.

Teraz twój formularz powinien zostać dodany do twojej strony WordPress.

update button

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ść:

Contact form entry

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.

Zapier addon

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.

Zapier api

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

Start from scratch

Nazwij swoją bazę i tabelę.

Zdecydowaliśmy się nazwać naszą bazę „Sales CRM”, a tabelę „Contacts”.

Rename base and table in Airtable

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.

Change labels

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.

Airtable account

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

Go to developer hub

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

Create 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”.

Create token from airtable

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.

copy token

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.

Create a zap

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.

Set up name for trigger in Zapier

Przewiń w dół i kliknij pole „Wyzwalacz”.

Następnie należy znaleźć i wybrać aplikację WPForms, aby uruchomić wyzwalacz.

WPForms zapier trigger

W polu „Wybierz aplikację i wydarzenie” wpisz „WPForms” w pasku wyszukiwania.

Następnie wystarczy kliknąć ikonkę WPForms, która się pojawi.

Choose WPForms as your trigger app

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

New form entry event trigger

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.

Sign in to WPForms

Pojawi się wyskakujące okienko.

Będziesz musiał wpisz wygenerowany wcześniej klucz API oraz adres URL(nazwę domeny) twojej witryny internetowej.

allow zapier access to WPForms

Gdy to zrobisz, kliknij przycisk „Kontynuuj”, aby przejść dalej.

Następnie zostaniesz poproszony o wybranie utworzonego wcześniej formularza z listy rozwijanej.

Continue button

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.

Add trigger to Zapier

Następnie kliknij przycisk „Testuj wyzwalacz”.

Zapier znajdzie twój ostatni wpis, który potwierdzi, czy wyzwalacz jest skonfigurowany poprawnie.

Test trigger

Następnie powinien pojawić się komunikat informujący, że Zapier znalazł wpis testowy.

Dane z twojego formularza zostaną wyświetlone na ekranie:

Continue with selected record

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.

Connect airtable to zapier

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

Create record

Teraz Zapier poprosi o zalogowanie się do Airtable.

Wystarczy kliknąć przycisk „Zaloguj się”, a następnie zalogować się.

Sign in to connect airtable

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

Grant access

Teraz pojawi się przycisk „Kontynuuj”.

Wystarczy kliknąć, aby kontynuować tworzenie twojego zapa.

Continue with making zap

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.

Add base and table to zap

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:

table fields to add to zap

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

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.

Test record

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.

Airtable data

Teraz wróć do aplikacji Zapier.

Wystarczy kliknąć przycisk „Opublikuj”, aby zakończyć tworzenie twojego zapa.

Publish zap

Daj Zapowi kilka sekund na opublikowanie.

U góry twojego ekranu powinien być widoczny przycisk „On”, wskazujący, że Zap jest aktywny.

Zap is on

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

Edit zap

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.

Brevo website

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

4 komentarzeZostaw odpowiedź

  1. 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!

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

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.