Webflow: Obsługa formularza w Zapier

Webflow 2020+

0:00Witaj w kolejnej lekcji w której zgodnie

0:02z obietnicą chciałbym pokazać Ci jak możesz bez wykorzystania kodu serwerowego

0:06obsłużyć formularz webflow z pomocą zapier.

0:09Jeśli wybierzesz plus make a zap czyli

0:12oczywiście wcześniej założyć sobie konto może to być darmowe konto na zapierze.

0:15Teraz wpisz aplikacje webflow czyli

0:18wyszukaj webflow, a następnie wybieramy sobie tzw.

0:21trigger event czyli co ma uruchamiać naszą

0:24automatyzacje w tym przypadku będzie to form submission czyli nowe zgłoszenie z

0:28formularza wybieramy continue, a następnie będziemy musieli wskazać projekt który

0:33konto a jeżeli go nie mamy to połączyć się z kontem webflow wskazać projekt do

0:38którego chcemy się odnieść w naszym przypadku będzie to

0:41juice i wskazać formularz tutaj istotna sprawa.

0:45Zanim to zrobisz będziesz musiał przejść do webflow, a następnie opublikować stronę

0:50czyli wybrać polecenie publiczne wybrać public to select

0:53domain czyli opublikować pod tą domeną subdomeną na webflow.

0:58Później wejdź sobie do tej twojej strony,

1:01a następnie zejdź na sam dół i wypełni formularz oraz go wyślij.

1:04Trzeba jeden raz taką czynność wykonać po

1:07to żeby formularz był dostępny przez zapiera.

1:09No i dodatkowo jeżeli chcesz to wcześniej

1:12możesz też zmodyfikować właściwość tego formularza jeśli klikne w ustawienia to na

1:18całym forum bloku mamy taką właściwość forum name jest u mnie email forum

1:22ale jeśli to zmienisz będziesz miał pod inną nazwą w zapierze.

1:26Ja to zostawiłem i teraz po takim

1:29wykonaniu jednego zgłoszenia warto chwilę odczekać albo sobie odświeżyć

1:33albo dopiero później zrobić Zap-a ponieważ wtedy powinno to być dostępne.

1:38Wybieram polecenie continue czyli nasz email formę podłączony.

1:41Sprawdźmy czy ta automatyzacja działa i

1:44wygląda na to że moje zgłoszenie sprzed chwili które wykonałem zostało poprawnie

1:48pobrane więc mogę wybrać polecenie continue.

1:51No i teraz co chce z tym zrobić.

1:53W zasadzie możesz zrobić

1:54dowolną rzecz którą sobie tylko wymyślisz która jest dostępna tutaj zapier-a np.

1:59zapisywać sobie do Google sheets więc wybierzmy Google sheets .

2:02Możemy wejść teraz na nasz dysk Google

2:05stworzyć sobie nowy arkusz kalkulacyjny nadać mu nazwę np.

2:09webflow submission wybieramy akcję polegającą na stworzeniu nowego rzędu.

2:13W takim spreadsheet czyli każdy rekord to

2:16będzie nowy rząd i wybieram polecenie continue.

2:19De facto mógłbym tutaj jeszcze zrobić odpowiednie pole np.

2:23e-mail po to żeby było ono nagłówkiem

2:25gdzie będą lądować wszystkie maile to jest dobra praktyka gdybyśmy mieli więcej pól

2:29to moglibyśmy odpowiednio je nazwać np. name tutaj invoice itd.

2:33żeby wszystko mieć poukładane w kolejnych

2:35kolumnach arkusz jeden to też jest ważne mogę to zmienić na forum np.

2:38Zaraz pokażę ci gdzie to będzie

2:40i teraz gdy wrócimy do Zapiera to po połączeniu się z naszym kontem wybieramy

2:44dostęp do google drive, a następnie wskazujemy nasz spreadsheet.

2:47Ja to wybrałem już przed chwilą żebyś nie

2:49widział listę po prostu moich wszystkich plików Webflow submission a następnie

2:53wybieramy Work sheet czyli form i automatycznie z tego Work sheetu czyli z

2:58tego czy do form zostaną zaczytane przez Zapiera te

3:02pierwsze rzędy które są nagłówkami dla kolumn i mamy tutaj email więc zapier

3:08rozpoznał że w tej kolumnie e-mail chcielibyśmy coś przekazać teraz to co

3:13będę przekazywał to jest dostępne w tym co dostaliśmy z webflow.

3:18I tu jest w zasadzie niewiele rzeczy

3:19dostępnych ale jest dostępne ten nasz data , mail.

3:22Przy czym zapier też pokazuje przykład

3:24tych danych które zostały pobrane jako sam jako próba więc np.

3:28mojego maila którego pisałem przed chwilą

3:30jest data email będziemy chcieli właśnie tutaj wrzucić wybieram polecenie continue.

3:34I to tak naprawdę będzie wszystko mogę to

3:37przetestować wybieram polecenie test continue i w tym momencie ten wpis

3:41automatycznie wyląduje już ten pierwszy wpis wyląduje bezpośrednio w Google sheet.

3:47Muszę włączyć tego Zapa.

3:48Muszę wybrać polecenie on.

3:50Jeszcze warto zmienić nazwę tego np.

3:53na webflow juicesubmissions.

3:57No i teraz jeśli przejdę do strony, a

4:00następnie wypełnia formularz przykładowo wpisze Tu test eduweb.pl

4:03to wyśle to automatycznie zostało to szybciutko dodane do webflow submissions

4:09czyli tutaj będą się zbierać wszystkie te maile.

4:11Oczywiście możesz

4:13z pomocą zapiera wybrać sobie jakąś inną aplikację niż google sheet .

4:18Przykładowo możesz np.

4:20wybrać Get Response albo mailchimp

4:22do którego przekaże automatycznie adres e-mail albo jakiś CRM np.

4:27hubspot do którego od razu te adresy będą spływać gdybyśmy w formularzu mieli więcej

4:31danych do wypełnienia też te wszystkie dane moglibyśmy uporządkować sobie np.

4:35w hubspocie.

4:36To jest dopiero wierzchołek góry lodowej którą możesz zrobić za pomocą

4:40narzędzi no-code takich jak zapier i webflow.

4:42Więc jeżeli jesteś zainteresowany tym tematem jak to wszystko sobie pospinać.

4:46W kontekście takiej biznesowej logiki jak

4:48później obsługiwać klientów obsługiwać listy mailowe to zapraszam Cię do innych

4:52materiałów na eduwebie na pewno będę sukcesywnie wydawał ich bardzo dużej

4:56ilości także na teraz to tyle mamy gotowego Zap-a który działa.

5:00W związku z tym mamy obsłużonych formularz.

5:03Opublikowaliśmy też naszą stronę o takich końcowych ustawieniach chciałbym

5:07powiedzieć Ci w ostatniej lekcji na którą zapraszam.