Tworzenie niestandardowego formularza Airtable w WordPress

Czy chcesz stworzyć niestandardowy formularz Airtable dla swojej witryny WordPress?

Airtable to narzędzie do zarządzania danymi, które pozwala tworzyć własne niestandardowe aplikacje oparte na danych. Zasadniczo możesz zbierać dane za pomocą formularza na swojej stronie internetowej i używać go do tworzenia arkuszy kalkulacyjnych, listy kontaktów, kalendarzy rezerwacji i innych.

W tym artykule pokażemy, jak stworzyć niestandardowy formularz Airtable w WordPress.

Creating a custom Airtable form in WordPress

Po co tworzyć niestandardowy formularz Airtable w WordPress?

Airtable to narzędzie do zarządzania danymi, które umożliwia tworzenie niestandardowych aplikacji opartych na danych. Możesz go użyć do lepszej wizualizacji danych zebranych w Twojej witrynie za pomocą formularzy WordPress.

Na przykład możesz użyć danych formularza kontaktowego WordPress w Airtable jako narzędzia CRM (Customer Relationship Management).

Może być również używany do zarządzania potencjalnymi klientami przechwyconymi przez twoje formularze WordPress. Możesz również użyć go do przechowywania danych z ankiet użytkowników na swojej stronie internetowej.

Zasadniczo możesz użyć danych zebranych z formularzy kontaktowych WordPress w Airtable do tworzenia niestandardowych aplikacji, przepływów pracy i narzędzi dla swojej firmy.

Mając to na uwadze, przyjrzyjmy się, jak łatwo niestandardowy formularz Airtable w WordPress.

Tworzenie niestandardowego formularza Airtable w WordPress

Aby utworzyć nasz niestandardowy formularz Airtable w WordPress. najpierw utworzymy formularz kontaktowy za pomocą WPForms.

Jest to najlepsza wtyczka do tworzenia formularzy WordPress na rynku i pozwala łatwo tworzyć dowolny formularz 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 do łączenia dwóch różnych aplikacji bez żadnego kodu. Możesz go używać z dziesiątkami aplikacji online, w tym WPForms i Airtable.

Gotowy? Zaczynajmy.

Tworzenie formularza w WPForms

Najpierw musisz zainstalować i aktywować wtyczkę WPForms. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga: potrzebujesz wersji Pro lub wyższej, aby uzyskać dostęp do dodatku Zapier dla WPForms.

Po aktywacji przejdź do WPForms ” Ustawienia strona, aby wprowadzić klucz licencyjny. Klucz licencyjny znajdziesz pod swoim kontem na stronie WPForms.

Entering your license key for WPForms

Następnie musisz odwiedzić WPForms ” Dodaj Nowy strona w panelu WordPress. Spowoduje to uruchomienie interfejsu wpforms builder.

Użyjemy prostego szablonu formularza kontaktowego z dwoma dodatkowymi polami „Firma” i „numer telefonu”.

The Contact Us form with the extra fields, in the WPForms form builder

Po skonfigurowaniu formularza musisz dodać go do swojej witryny WordPress. Po prostu Edytuj post lub stronę, na której chcesz dodać formularz.

Na ekranie Edytuj post kliknij przycisk ( + ), aby dodać nowy blok. Następnie wyszukaj blok WPForms i dodaj go do obszaru zawartości.

Adding the WPForms block to your page or post

Szczegółowe instrukcje znajdziesz w naszym przewodniku krok po kroku dotyczącym tworzenia formularza kontaktowego w WordPress.

Po dodaniu formularza do witryny, Utwórz wpis testowy. Zostanie to wykorzystane do skonfigurowania i sprawdzenia połączenia między WPForms i Airtable.

Oto nasz wpis testowy, zawierający imię i nazwisko, adres e-mail, telefon, nazwę firmy i wiadomość:

Sending a test entry through the contact form

Przygotowanie do połączenia WPForms i Zapier

Użyjemy zapiera do zbudowania mostu między WPForms i Airtable. Aby to zrobić, musisz zainstalować i aktywować dodatek WPForms Zapier.

W panelu WordPress przejdź do WPForms ” Dodatki strona i znajdź dodatek Zapier. Następnie go zainstaluj i aktywuj.

Installing the Zapier addon for WPForms

Teraz musisz iść do WPForms „Ustawienia” Integracje strona. Wystarczy kliknąć logo Zapier tutaj, a otrzymasz klucz API Zapier. Potrzebujesz tego, aby połączyć zapiera z kontem WPForms.

Get your API key from WPForms to use with Zapier

Skopiuj klucz API w bezpieczne miejsce lub zachowaj otwartą kartę, ponieważ będzie to potrzebne w późniejszym kroku.

Przygotowanie do podłączenia Airtable i Zapier

Teraz musisz przygotować Airtable do połączenia z WPForms przez Zapier. Aby to zrobić, potrzebujesz klucza API dla Airtable. Pozwala to połączyć Airtable z Zapierem.

Wystarczy utworzyć konto Airtable lub zalogować się na istniejące konto. Następnie kliknij przycisk Konto w prawym górnym rogu. Zostaniesz przeniesiony na stronę swojego konta, gdzie wystarczy kliknąć przycisk „Wygeneruj klucz API”

Generate Airtable API Key

Po wygenerowaniu klucza musisz go skopiować i wkleić w bezpieczne miejsce na później.

Tworzenie Zap, aby wysłać dane z formularza witryny do Airtable

Następnie przejdź na stronę zapiera. Tutaj musisz utworzyć bezpłatne konto lub zalogować się na istniejące konto.

W pulpicie nawigacyjnym Zapier kliknij przycisk „Utwórz Zap” w lewym górnym rogu, aby uruchomić kreator konfiguracji.

Click the button to start making your zap

Uwaga: W Zapier 'u” zap ” jest procesem z wyzwalaczem i akcją. Naszym wyzwalaczem będzie ktoś wypełniający formularz, a naszym działaniem będzie utworzenie rekordu w Airtable.

U góry ekranu musisz nadać swojemu zapowi nazwę, a następnie skonfigurować spust.

Najpierw w polu „Wybierz aplikację i Zdarzenie „wpisz” WPForms ” na pasku wyszukiwania. Następnie po prostu kliknij ikonę WPForms, która się pojawi:

Choose WPForms as your trigger app

Teraz zostaniesz poproszony o wybranie zdarzenia wyzwalającego. Pozostaw ten zestaw na 'nowy wpis formularza’ i kliknij przycisk Kontynuuj.

Choose 'New Form Entry' as the trigger event

Zapier poprosi Cię o zalogowanie się do WPForms. Wystarczy kliknąć przycisk „Zaloguj się do WPForms” tutaj:

Click the button to sign into WPForms

Powinieneś zobaczyć wyskakujące okno. Musisz wprowadzić swój klucz API, który znalazłeś wcześniej oraz adres URL (nazwę domeny) swojej witryny:

Enter your API key from WPForms and the URL of your website

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

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

Choose the form you want to use from the dropdown list

Po wybraniu właściwego formularza kliknij przycisk „Test trigger”.

Click the button to test your zap's trigger is working

Powinieneś wtedy zobaczyć komunikat informujący, że Zapier znalazł wpis testowy. Dane z tego zostaną wyświetlone na ekranie:

Zapier should find your test entry and show it on the screen

Kliknij przycisk „Kontynuuj”, aby kontynuować. Jesteś teraz na części działania Zap, gdzie trzeba wybrać drugą aplikację.

Starting the Do This action step for your zap

Po prostu wpisz Airtable w rozwijanym menu i wybierz go. Następnie pojawi się rozwijane menu wyboru zdarzenia akcji:

Selecting Airtable as the app for your action event

Wydarzenie akcji jest po prostu tym, co chcesz zrobić, gdy ktoś wypełni formularz na twojej stronie. Musisz wybrać „Utwórz rekord” tutaj:

Choose an action event (create record) from the dropdown list

Zapier poprosi Cię o zalogowanie się do Airtable. Po prostu kliknij przycisk „Zaloguj się do Airtable”, a następnie zaloguj się.

Click the button to sign into your Airtable account

Teraz musisz wprowadzić klucz API Airtable, który otrzymałeś wcześniej:

Enter your Airtable API key

Teraz zobaczysz przycisk Kontynuuj. Po prostu kliknij to, aby kontynuować tworzenie zap.

Click to continue once you've connected your Zapier account to Airtable

Następnie musisz wybrać swoją bazę, która jest skrótem od 'baza danych’. Musisz również wybrać swój stół. Będziemy używać naszego CRM sprzedaży jako bazy i dodać nasze nowe kontakty do tabeli kontaktów:

Select your Base then your Table from the dropdown lists

Teraz musisz powiedzieć Zapierowi, które pola z formularza WPForms powinny odpowiadać kolumnom w tabeli Airtable.

Dla wszystkich odpowiednich pól wystarczy wybrać odpowiednie pole, korzystając z danych testowych:

Customize your record by selecting what data should populate which column of your Airtable table

Po zakończeniu kliknij przycisk „Kontynuuj”, aby kontynuować. Zapier poprosi Cię o wysłanie rekordu testowego do Airtable, używając danych testowych. Zobaczysz podgląd danych.

Send test data to Airtable

Kliknij przycisk „Testuj i kontynuuj”. Spowoduje to wysłanie danych testowych do wybranej tabeli w Airtable, tworząc nowy rekord:

Click to test & review or test & continue

Teraz wystarczy kliknąć przycisk „Gotowe edytowanie”, aby zakończyć tworzenie zap.

Click the 'Done Editing' button to finish creating your zap

Możesz dwukrotnie sprawdzić, czy rekord został poprawnie dodany do Airtable. Aby to zrobić, po prostu przejdź do swojego konta Airtable, otwórz bazę CRM sprzedaży, a następnie tabelę kontaktów i sprawdź, czy nie masz danych testowych.

Checking the record added to the Airtable table

Jeśli chcesz coś zmienić, po prostu wróć do kroku „Dostosuj rekord” i zmień, które dane trafiają do kolumny w tabeli.

Ostatnim krokiem jest włączenie Zap, klikając suwak u dołu ekranu.

Turn your zap on

Twój zap jest teraz uruchomiony. Wszystkie wpisy formularza za pośrednictwem połączonego formularza zostaną dodane do wybranej tabeli Airtable.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak stworzyć niestandardowy formularz Airtable w WordPress. Aby pójść dalej z rozwojem firmy, zapoznaj się z naszymi przewodnikami po najlepszych usługach telefonicznych dla firm i najlepszych wtyczkach do witryn biznesowych.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

WordPress Pingbacks & Trackbacks: Ultimate A-Z Guide

W artykule: Czym są Pingbacks i Trackbacks? Plus, dlaczego są ważneCzym Są…