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)

Wielu właścicieli witryn internetowych zmaga się z niezgrabnymi formularzami i nieuporządkowanymi danymi. Może to być prawdziwy ból głowy i strata cennego czasu. To właśnie tutaj odnośnik do twojego formularza może się przydać.

Airtable to fantastyczne narzędzie do tworzenia aplikacji opartych na danych. Pomaga z łatwością gromadzić informacje i zarządzać nimi.

Na szczęście stworzenie własnego formularza Airtable dla twojej witryny WordPress jest łatwiejsze niż mogłoby się wydawać. W WPBeginner przeprowadziliśmy przez ten proces niezliczoną liczbę użytkowników.

W tym artykule przeprowadzimy Cię przez proces tworzenia własnego formularza Airtable w WordPress. Brak umiejętności kodowania? Nie ma problemu. Nasza metoda jest prosta i przyjazna dla początkujących.

Create custom Airtable form

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 pytań 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.

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 użyć danych z formularza kontaktowego WordPress w Airtable jako narzędzia 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 z WordPressem:

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

Mając to na uwadze, zobaczmy, jak można łatwo utworzyć 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 kontaktowych WordPress, która umożliwia łatwe tworzenie wszelkiego rodzaju formularzy za pomocą prostego interfejsu typu „przeciągnij i upuść”.

Następnie połączymy nasz formularz z Airtable za pomocą usługi o nazwie Uncanny Automator.

Uncanny Automator działa jako pomost łączący dwie różne aplikacje bez żadnego kodu. Można go używać z dziesiątkami aplikacji online, w tym WPForms i Airtable.

Oto przegląd kroków, które omówimy w tym wpisie:

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: Możesz użyć darmowej wersji WPForms, aby zintegrować Airtable z WPForms. Jednak uaktualnienie do WPForms premium odblokuje wszystkie ponad 1900 szablonów formularzy, pozwoli ci korzystać z zaawansowanych funkcji formularzy, takich jak logika warunkowa, łączyć się z większą liczbą opcji płatności i nie tylko!

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 1900 gotowych szablonów.

Pamiętaj, aby nadać twojemu formularzowi nazwę, abyś mógł łatwo się do niego odwołać.

name your WPForms

W tym poradniku 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 „Tekst jednowierszowy”, a następnie kliknąć element i zmienić nazwę pola na „Firma”.

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

Utwórz swoje konto Airtable

Przed integracją Airtable za pomocą Uncanny Automator, upewnijmy się, że posiadamy konto Airtable.

Na witrynie internetowej wystarczy kliknąć przycisk „Zarejestruj się za darmo”, aby rozpocząć.

Signing up for Airtable

Następnie zostaniesz poproszony o wpisz swój adres e-mail. Alternatywnie możesz użyć logowania jednokrotnego lub twojego istniejącego konta Google, aby utworzyć konto Airtable.

Możesz wybrać preferowaną metodę. My wybierzemy „Kontynuuj z Google”.

Creating a free account in Airtable

Następnie wystarczy postępować zgodnie z kreatorem konfiguracji konta.

Po utworzeniu konta można przejść do karty „Automatyzacje” w lewym górnym rogu Airtable.

Automations tab in Airtable

Kliknij przycisk „+ Dodaj wyzwalacz”.

Spowoduje to otwarcie menu rozwijanego, w którym należy kliknąć opcję „Po otrzymaniu webhooka”.

Selecting when webhook received trigger

Po dodaniu powinieneś zobaczyć prawy panel boczny, w którym możesz uzyskać dostęp do unikatowego adresu URL webhook.

Ten adres URL będzie potrzebny w następnej części poradnika, więc kliknij przycisk „Kopiuj” obok niego.

The copy webhook URL button

Następnie możesz tymczasowo zapisać ten adres URL w twoim notatniku. Wykorzystamy go w dalszej części przewodnika.

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.

Na twoim koncie Airtable kliknij opcję „Zacznij od zera” w kokpicie głównym.

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 etykiety „Nazwa”, „Firma”, „E-mail” i „Telefon”.

Change labels

Warto pozostawić tę kartę otwartą, ponieważ będziemy się do niej później odwoływać, aby sprawdzić, czy nasza automatyzacja WordPressa działa.

Integracja Uncanny Automator z WPForms

Wróćmy teraz do twojego kokpitu WordPress.

Aby zbudować pomost między WPForms i Airtable, użyjemy Uncanny Automator. Jest to jedna z najlepszych i najpopularniejszych wtyczek do automatyzacji na rynku, z której korzysta ponad 40 000 użytkowników WordPressa.

Co więcej, do połączenia WPForms i Airtable można użyć darmowej wersji Uncanny Automator.

Zainstalujmy więc i włączmy wtyczkę Uncanny Automator. Jeśli potrzebujesz pomocy, możesz zapoznać się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po instalacji należy przejść do Automatora ” Utwórz nowy, aby utworzyć nowy przepis. W wyskakującym okienku wybierzmy „Wszyscy”.

Choosing Everyone for the recipe type

W edytorze nadaj nazwę twojemu przepisowi.

Zalecamy użycie łatwej nazwy, aby można było łatwo odwoływać się do niej w razie potrzeby. Na przykład, użyjemy „Airtable Automation” jako nazwy receptury.

Naming the recipe as Airtable Automation

Przejdźmy teraz do sekcji „Wyzwalacz”.

Tutaj należy wybrać WPForms, a następnie wybrać wyzwalacz z dostępnej listy w menu rozwijanym. Wybierzmy „Przesłano formularz”.

Choosing WPForms trigger

Następnie musisz wybrać, który formularz ma uruchomić automatyzację.

Z rozwijanego menu wybierz tę, którą właśnie utworzyliśmy. Następnie nie zapomnij kliknąć przycisku „Zapisz”.

Choosing the form from the dropdown

Po wykonaniu tej czynności przewińmy w dół do sekcji „Działanie”.

Z tego miejsca możesz kliknąć „Dodaj działanie” i wybrać „Airtable”.

Selecting Airtable as an action

Następnie zostaniesz poproszony o kliknięcie „Wyślij dane do webhooka Airtable”.

Przejdź dalej i wybierz opcję.

Sending data to Airtable webhook option

W tym miejscu należy otworzyć notatkę, w której zapisano unikatowy adres URL webhooka Airtable z poprzedniego kroku. Wystarczy skopiować adres URL do schowka.

Następnie wróćmy do karty WordPress.

Wklej adres URL webhooka w polu „URL”.

Pasting the webhook URL

Następnie można pozostawić wszystkie inne ustawienia bez zmian i przewinąć panel do dołu.

Tutaj zobaczysz kilka opcji. Jeśli chcesz, możesz kliknąć „Wyślij test”, aby sprawdzić, czy twoje konto Airtable otrzyma dane. Następnie dostępny jest przycisk „Sprawdź format danych”, który umożliwia podgląd wychodzących danych.

Gdy wszystko ci odpowiada, możesz kliknąć przycisk „Zapisz”.

Saving Automator recipe

Po skonfigurowaniu wyzwalacza i działania twojego przepisu, będziesz chciał upewnić się, że zacznie on działać.

Wystarczy przełączyć przełącznik na panelu po prawej stronie z „Wersja robocza” na „Na żywo”.

Making recipe live

I to już wszystko!

Teraz za każdym razem, gdy ktoś prześle formularz, dane trafią do 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

3 komentarzeZostaw odpowiedź

  1. Jiří Vaněk

    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.

  2. ibrar

    This is really helpful to me, thank you! Keep up the good work.

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrator

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