Strony WWW bez Kodowania: Strona typu Marketplace

0:00Cześć, witaj w kolejnej lekcji.

0:01Przed nami kolejny projekt i wyzwanie.

0:03Tym razem będzie to marketplace.

0:04Stworzymy sobie jobboard dla osób, które

0:06szukają pracy w przestrzeni no-code i będzie to typowe właśnie taki marketplace,

0:12gdzie można z jednej strony złożyć jakąś swoją ofertę, z drugiej strony inni ludzie

0:17mogą się z nią zapoznać, a następnie na nią odpowiedzieć.

0:20Flow wygląda w ten sposób, że jest on inny dla osoby, która dodaje ofertę, jak

0:24również dla osoby, która rejestruje się jako ten, który chce przyjąć zlecenia,

0:28czyli w naszym przypadku nazwiemy go freelancer i zarówno jedna jak i druga

0:32osoba po rejestracji zostanie dodana do naszego CRM'a, czyli do Airtable, do bazy

0:36danych, a następnie wyślemy email z potwierdzeniem.

0:39Kolejno już ten flow jest inny dla osoby, która zleca jakieś zadanie.

0:44Taka oferta będzie musiała poczekać na zatwierdzenie administratora strony.

0:49W momencie, gdy zostanie zatwierdzona, to zostanie wysłany do tej osoby email z potwierdzeniem.

0:53Pojawi się ona na stronie, a także oferty zostaną wysłane do freelancer'ów, którzy

0:57pasują do konkretnego profilu zgłaszanego w ofercie.

1:01No i po 30 dniach ta oferta wygaśnie, czyli ukryjemy ją na stronie.

1:06Jeśli chodzi o flow freelancer'a, no to po

1:08rejestracji dodamy go do CRM'a i wyślemy email z potwierdzeniem.

1:12Później taki freelancer będzie mógł

1:15przeglądać sobie oferty i będzie mógł aplikować na jakieś wybrane oferty, ale

1:20jeżeli się zarejestruje, to będzie też otrzymywał te oferty, które będą

1:24zatwierdzony i będą pasowały do jego profilu.

1:26Więc w momencie gdy

1:28ktoś będzie aplikował na ofertę, wyślemy mu email z potwierdzeniem, ale także

1:32wyślemy email z aplikacją do osoby, która tą ofertę zleciła.

1:36I tak w skrócie wygląda ten flow.

1:38Ponieważ mamy tutaj dosyć dużo maili,

1:40chciałem pokazać Ci też w tej automatyzacji jak można zastąpić taki

1:44prosty email ten który połączymy z naszą skrzynką po SMTP lub też np.

1:49Gmaila. Bardziej profesjonalnym rozwiązaniem,

1:51które pozwoli nam wysyłać maile tzw. transakcyjne, czyli to są właśnie te maile

1:56z potwierdzeniem rejestracji, i do odzyskania hasła itd.

1:59Co prawda my nie będziemy mieli takich typowych kont użytkowników,

2:03niemniej jednak zdecydowanie lepiej jest maile transakcyjne wysyłać przez jakąś

2:06dedykowaną do tego platformę przez naszą skrzynkę mailową.

2:10My akurat skorzystamy z SendGrid, ale są

2:12inne fajne rozwiązania, które też posiadają API np.

2:15Postmark albo EmailOctopus.

2:17Ale na razie zajmijmy się omówieniem landing page, który stworzyłem.

2:20Jest on bardzo prosty, zawiera miejsce na no-code board.

2:23Ten cały board będę chciał osadzić jako embed z Airtable.

2:26Można by było oczywiście zrobić to

2:28inaczej, wyciągać stamtąd dane i prezentować je np.

2:30w formie tabeli, ale to będzie dla nas rozwiązanie szybsze.

2:34Kolejno mamy po prawej stronie możliwość dodania oferty pracy, czyli add job offer,

2:38również stworzenia profilu jako freelancer.

2:41No i mamy też przycisk, który pozwala aplikować na wybraną ofertę pracy.

2:46Tak że, to jest bardzo uproszczony schemat.

2:48Dosłownie w trzy minuty go wyklikałem,

2:50natomiast bardziej interesuje nas model działania całości.

2:52W związku z tym przenieśmy się do Airtable.

2:54Tutaj też jest schemat uproszczony.

2:56Można to rozszerzać o dodatkowe pola

2:58formularza, dodatkowe dane tutaj przechowywać.

3:00Ale generalnie struktura wygląda tak, że

3:02mamy jedną bazę, która nazywa się marketplace i w tej bazie znajdują się,

3:06znajduje się zakładka na freelancerów i drugi arkusz

3:09to są oferty pracy, czyli mamy freelancerzy i ofertę na freelancer'ach,

3:13mamy imię, później email, następnie avatar będzie można tutaj wgrać i powinienem

3:17zmienić te pole na attachment, wybieram Save.

3:20No i dodałem coś takiego jak ekspertyza.

3:22Czyli będą mogli freelancerzy podać tutaj

3:25jak i w jakich narzędziach no-code się specjalizują.

3:27To jest multiple select, czyli będzie można wybrać więcej niż jedno narzędzie.

3:32I zrobiłem przykładową listę narzędzi.

3:34Wybieram polecenie Save te narzędzia, które

3:38w których ktoś ma ekspertyzę chciałbym też przenieść do ofert, czyli w ofertach.

3:42Chciałbym, żeby też ktoś mógł określić w

3:44jakich narzędziach chciałby ewentualnie, żeby ta osoba pracowała.

3:48W związku z tym możemy zrobić taką fajną sztuczkę w Airtable.

3:52Jeśli mamy jakiś tutaj wypełniony, może wybierzmy WebFlow np.

3:56jeśli mamy jakiś wypełniony rekord, to możemy po prostu go skopiować.

4:00Wybieram polecenie command C

4:02teraz klikając na takim rekordzie, następnie w offers klikam następne pole.

4:07Jego właściwości są teraz nieważne.

4:09Jeżeli wybiorę polecenie Command V to

4:11zobacz, że wkleiłem tutaj nie tylko informacje o tym WebFlow, ale też same

4:16właściwości tego pola są teraz skopiowane i wklejone tutaj,

4:20czyli wszystkie opcje w Multiple select zostały przeniesione,

4:23a my możemy nazwać to pole Preferred Tools, czyli preferowane narzędzia

4:28z pomocą których takie zlecenie powinno być wykonane.

4:31W samym zleceniu mamy nazwę firmy, która zleca albo nazwa osoby, która zleca.

4:35Następnie opis takiego zlecenia to jest long text.

4:39Kolejno mamy

4:40do wyboru czy to jest jednorazowe zlecenie checkbox remote czyli czy może być zdalne,

4:46czy trzeba w konkretnym mieście podjąć takie zlecenie.

4:48Jeśli trzeba w konkretnym mieście to zrobiłem specjalną kolumnę city,

4:52aczkolwiek tutaj nie zrobiłem listy tylko po prostu single line.

4:54Będzie można wpisać tutaj nazwę miasta.

4:57Kolejno szacowany budżet.

4:58Zrobiłem go jako single line po to, żeby można było np.

5:00wpisać widełki z myślnikiem no i skopiowaliśmy właśnie

5:03to preferred tools oraz mamy coś takiego jak email.

5:06To jest email, pod którym taka osoba

5:08zlecający pracę będzie się spodziewać aplikacji.

5:11Ponieważ w poprzednich lekcjach pokazałem Ci szczegółowo jak można przygotować w

5:14Carrd formularze i obsługiwać to teraz zrobimy formularz poza Carrd w taki

5:18sposób, że jeden przycisk add job offer i create profile.

5:21Przejdźmy do sekcji buttons.

5:22Mamy add job offer będzie kierował na URL,

5:25który zostanie wygenerowany przez bezpośrednio przez Airtable.

5:29Bardzo często z tego korzystam.

5:30To co musimy zrobić to może zacznijmy od freelancer'ów.

5:33Następnie przejdźmy.

5:34Tu mamy widok na razie grid view.

5:36Może wpiszmy sobie all freelancers.

5:38Następnie zróbmy kolejny widok, który

5:40będzie widokiem formularza, czyli wybieram Form.

5:43Wpisałem tu nazwę Freelancer Application Form.

5:45Proszę wypełnij ten formularz, a zostaniesz dodane do naszej bazy danych i

5:48freelancer'ówl i będziesz otrzymywał oferty pracy no-code.

5:52Super.

5:53Kolejno mamy name, email i avatar oraz expertise,

5:57ta ekspertyza, którą trzeba wybrać jako opcję i zobacz, że to się pojawi

6:01jako taka lista opcji.

6:02Będzie można wybrać jedno narzędzie, ale będzie można do niego również dodać jakieś

6:06kolejne narzędzie podczas wypełniania tego formularza.

6:09Ponieważ wyświetlają się tutaj same nazwy

6:11pól, to fajnie by było zrobić jakieś bardziej sensowne opisy np.

6:15your expertise.

6:18Wybierz jedno lub więcej narzędzi,

6:20na których się dobrze znasz i możemy teraz wybrać to jako dropdown albo jako listę.

6:24Więc też można zrobić tutaj listę.

6:26I chyba nawet fajnie wygląda ta lista.

6:29Teraz jeśli chodzi o

6:31to pole avatar, możemy dodać znowu tutaj opis dodaj swój avatar np.

6:36możemy dodatkowo wskazać jaki to powinien być rozmiar.

6:39Kolejno pole email.

6:41Użyjemy tego maila, żeby wysyłać Ci oferty.

6:44No i name.

6:46Proszę podaj swoje imię do katalogu.

6:49I teraz możemy jeszcze oznaczyć te pola jako obowiązkowe required, czyli w

6:52zasadzie wszystkie pola będą obowiązkowe tutaj.

6:56Oraz pola your expertise.

6:58No i mamy ankietę gotową.

6:59Możemy teraz jeszcze zmienić tą wiadomość, która się pojawi po jej wypełnieniu np.

7:04Możemy tu dodać informację, że Twój profil

7:06zostanie wyświetlony na stronie po 24 godzinach czy coś takiego.

7:10My zostawiamy to, ponieważ chcemy te profile dodawać od razu.

7:13Zrobimy trochę inaczej w przypadku ofert.

7:15No właśnie, to skoro już mamy gotowe

7:17taki formularz, to teraz wystarczy wybrać polecenie Share form.

7:20Następnie skopiować ten link, który tutaj jest.

7:23Przechodzimy do naszego landing page'a i

7:25dla sekcji create profile wstawiamy właśnie ten link.

7:29Ja dodatkowo dodam jeszcze na końcu slash

7:31małpka blank po to żeby było to otwierane w osobnej karcie.

7:35Wybieram, no w zasadzie przechodzę sobie teraz do przycisku job offer, bo

7:38tutaj jeszcze będziemy musieli uzupełnić kolejny URL, a będzie on z ofert.

7:43I tutaj, podobnie tak jak zrobiliśmy, zrobimy all offers najpierw ten pierwszy widok.

7:48Wybierzmy teraz opcję form i stworzymy z tego formularz.

7:51Zmieniłem tutaj szybko wszystkie opisy.

7:53Teraz wyjaśnić jak to zrobiłem.

7:55Zapostój swoją ofertę pracy dodamy ją w ciągu 24 godzin.

7:58Tutaj możesz podać swoje, swoją nazwę firmy

8:00albo swoje imię i nazwisko, jeśli jesteś osobą prywatną.

8:04Kolejno job description, czyli opis oferty.

8:06Proszę wyjaśni, co ma zostać dokładnie zrobione.

8:09Następnie zmieniłem też trochę te label'e czy to jest jednorazowe zlecenie?

8:13I wtedy zaznaczasz sobie, że to jest jednorazowe.

8:16Czy jest okej dla Ciebie,

8:16jeśli to będzie zlecenie, które ktoś wykona zadalnie?

8:20I tutaj dodatkowo zaznaczyłem, że jeśli zostawisz to nie zaznaczone, to wtedy

8:23zapytam Cię dodatkowo o miasto, w którym chcesz żeby zlecenie zostało wykonane.

8:27I to jest zrobione na takiej zasadzie, że właśnie

8:30w tym polu miasto mam włączoną opcję na dole show filtr only when conditions

8:35are met. Czyli pokaż to pole miasto tylko wtedy kiedy zostanie spełniony warunek.

8:39Jaki to jest warunek?

8:40Wtedy, gdy remote będzie pusty, czyli jeśli ktoś zostawił pusty remote pojawi się City.

8:45Jeśli ktoś kliknie na remote

8:47nie, pojawi się city, bo to znaczy, że zezwala on też na pracę zdalną.

8:50Następnie mamy budżet, możesz podać

8:52widełki, możesz mu podać jakiekolwiek, stawkę godzinową itd.

8:57Też jest to pole obowiązkowe jeśli chodzi o preferowane narzędzia.

9:00Zaznaczyłem, że jest to opcjonalne i nie

9:02zaznaczyłem opcji required dlatego, że może ktoś nie wiedzieć jakimi narzędziami

9:07ma być wykonane zlecenie albo go to nie interesuje i dlatego też nie robiłem tej

9:11listy takiej z checkbox'ami tylko ewentualnie opcje jeżeli ktoś

9:14by sobie chciał zaznaczyć jakieś wymagane przez niego narzędzie.

9:17No i kolejno email.

9:19Użyjemy tego maila po to, żeby wysyłać Ci zgłoszenia od aplikantów.

9:22Tutaj też możemy dodać, że właśnie

9:25opublikujemy to ogłoszenie w ciągu 24 godzin.

9:27Dziękuję za wypełnienie i to się pojawi

9:29wtedy, kiedy taka osoba zgłosi nam ten formularz.

9:33Dodatkowo w opcji płatnej Airtable masz możliwość jeszcze przekierowania strony na

9:36konkretny adres po wypełnieniu ankiety, a nie na taką stronę z tym komunikatem.

9:42No i wtedy rzeczywiście można by było przekierować na nasz adres z jakimś # np.

9:47done I tutaj można by było przekierować na ten

9:50adres Thanks, ale nie jest to jakoś super istotne i

9:52można zawsze to łatwo dorobić.

9:54Można też sobie zaznaczy taką opcję jak:

9:56Email me at codlless

9:58akurat ja podałem ten email do założenia konta, więc można na ten email dostawać

10:02zgłoszenia z tej ankiety, ale my nie będziemy ich potrzebować.

10:04Zrobimy sobie do tego automatyzację.

10:06Mamy w związku z tym kolejny formularz i wybieram polecenie Share form.

10:09Zaznaczam sobie jego adres i kopiuję go do

10:11schowka, następnie przerzucam tutaj do add job offer w to miejsce i tak samo

10:16dodaję do niego @blank, żeby było otwierany w osobnej karcie.

10:20I to wszystko jeśli chodzi o te dwa przyciski.

10:22Teraz, jeśli opublikujemy tę stronę, a ja

10:24opublikowałem ją pod nazwą job-board.co, przejdźmy sobie.

10:29W momencie, gdy ktoś kliknie np.

10:31add job offer, zostanie przeniesiony na taki formularz.

10:34Ja już ten formularz wypełniłem wstępnie, żeby teraz tylko go wysłać, ewentualnie

10:38ten formularz nawet można by było dołączyć na naszej stronie.

10:41Jeśli przejdziemy do tej sekcji post a job offer, to tutaj w sekcji share form mamy też

10:47możliwość za embedowania ten formularz na stronę, czyli wybierz embed on this site

10:52i można będzie sobie za embedować to w dowolne miejsce na naszej stronie, ale

10:55myślę, że jak to się otwiera w nowym oknie to też jest ok.

10:58Więc wybieram polecenie submit po to żeby te dane zostały dodane.

11:02Jest taka wiadomość z podziękowaniem i do all offers powinna trafić moja oferta.

11:09Te trzy wcześniejsze wpisy wrzucimy.

11:11One były przykładowe, zawsze są dodawane przez Airtable.

11:14No i mamy to, więc są zaznaczone te opcje tutaj.

11:17Teraz możemy zaraz zrobić automatyzację zatwierdzania takiego zgłoszenia.

11:22No a jeśli chodzi o freelacer'ów będzie się to działał analogicznie.

11:25Czyli teraz w momencie gdy ktoś wybierze

11:28Create a profile, to zostanie przekierowany do tej drugiej freelancer application form.

11:33Mam tu też możliwości dołączenia pliku,

11:35wybieram a attach file albo po prostu przerzucam plik tutaj.

11:39Wybiorę sobie tutaj opcję do upload'u, przerzucę plik, wybieram polecenie upload

11:43i taki plik zostanie załadowany do naszego Airtable.

11:46Kolejno wybieram to na czym się znam np.

11:49trzy opcje i wybieram polecenie submit i mamy w freelancers,

11:55w all freelancers. Zgłoszenie przyjęte.

11:57Wyrzucę te pola, które są niepotrzebne. No i super.

12:00Dobra, czyli mamy oferty, mamy freelancer'ów

12:02i teraz trzeba dołączyć jakoś na naszą stronę.

12:04Moglibyśmy to zrobić w jakiś bardziej

12:06zaawansowany sposób, tworząc tabele, linkując jakoś te rekordy, ale możemy po

12:09prostu osadzić całą bazę lub też jej wybrane części.

12:13Pytanie czy chcemy osadzać całą bazę?

12:14Nie, dlatego, że nie chcemy pokazywać

12:16freelancer'ów, jak również nie chcemy pokazywać adresu email w ofercie.

12:20Dlaczego? Dlatego, że chcemy, żeby freelancerzy

12:23używali guzika apply for a job po to, żeby mogli zgłosić się do właśnie

12:28wykonania takiej pracy, a my dzięki temu będziemy mogli np.

12:31zcharge'ować taką osobę, która

12:33właśnie zamieściła ofertę za to, że znajdziemy jej pracownika.

12:36W związku z tym chcemy,

12:38nie chcemy zamieszczać całej bazy.

12:40Pokazywałem Ci, jak można to zrobić z pomocą tego guzika share.

12:42Następnie bierzemy sobie private link i tutaj mamy coś takiego jak embed.

12:47Natomiast to właśnie za embeduję nam całą bazę.

12:51Ja wybieram opcję disable.

12:52My chcielibyśmy za embedować specyficzny

12:54widok i to taki widok, który sobie teraz tworzymy np.

12:57bez tego maila. Czyli wybieram

12:59strzałkę i tworzę nowy widok np. grid albo coś takiego jak galeria.

13:04Możemy zrobić sobie galerię, to będzie w miarę fajnie wyglądać.

13:07Gdybyśmy jeszcze np. dodali tutaj zdjęcia też było spoko.

13:10Natomiast ten widok galerii możemy modyfikować w taki sposób, że

13:14wybieram opcję custom cards, a następnie wybieram co ma być widoczne.

13:18Na pewno tego emaila nie chcemy pokazywać, ale pozostałe rzeczy chcemy pokazać.

13:22I dodatkowo jeszcze zobacz, że można tutaj np.

13:25sobie przerzucić budżet pod description albo nawet nad description,

13:29żeby był pierwszy i wszystkie te dodatkowe opcje są też widoczne.

13:34No dobra, wszystko bez maila.

13:35W zasadzie zależy nam na tym, żeby pokazywać w postaci takich kartek

13:39jest ok. I teraz żeby to zamieścić wybieramy ten

13:41przycisk share view, a następnie create a shareable gallery view link.

13:45I teraz przechodzimy do opcji embed this view on your site,

13:49czyli będziemy mogli wygenerować sobie kod iFRAME, który zamieści nam to u nas na

13:53stronie i dodatkowo możemy pokazać kontrolki.

13:57Mamy tutaj taką kontrolkę filter, która

13:59ewentualnie pozwalałaby nam wyfiltrować pola, ale zobacz, że tutaj już nie ma tego

14:04emaila, bo my schowaliśmy go z kartki, więc w zasadzie to jest ok.

14:07Możemy to zostawić.

14:09Dzięki temu ludzie będą mogli jakoś to

14:11filtrować, sortować, albo jeśli nie chcemy tego, możemy po prostu to wyłączyć.

14:15W każdym razie mamy wygenerowany kod

14:17iFRAME, który teraz musimy dołączyć na stronę w Carrd.

14:20Jest to bardzo proste już wiesz jak to zrobić.

14:22Z pomocą plusa wybieramy taki komponent jak embed i do embed zostawiamy code.

14:27Dajemy mu nazwę np. job board.

14:28Styl inline i kod wrzucamy tak jak jest.

14:31Wybieram polecenie Done.

14:32Teraz trzeba jeszcze opublikować zmianę na naszej stronie.

14:34Wybieram Publish changes.

14:35Zaraz zobaczymy jak to będzie się wyświetlało.

14:37Tam mieliśmy rozmiary podane w iFRAME'ie, czyli tutaj możemy je zmienić np.

14:42wysokość czy szerokość takiego elementu, ale wydaje mi się, że jest ok.

14:47Jedna oferta co prawda tylko jest widoczna.

14:48Naturalnie moglibyśmy zrobić sobie oczywiście jakiś

14:51inny widok, czyli przykładowo widok typu grid i teraz wyświetlać to w ten sposób, a

14:56jedyne co byśmy zrobili możemy go nazwać job offers.

15:00Jedyne co byśmy tutaj musieli zrobić to hide fields i ukryli byśmy to pole email,

15:04a następnie przy embedowaniu zrobilibyśmy to co Ci pokazywałem, czyli

15:09ukrylibyśmy opcje filtrowania też, czyli show view contrlos byśmy sobie ukryli.

15:13No i tu mamy kolejny embed kod, który mógłby dla nas za embedować coś takiego.

15:17Ewentualnie alternatywny widok jest też taki, więc chyba nawet ten jest

15:21fajniejszy, więc możemy te carts zrobić właśnie poziome w ten sposób.

15:25Czyli zmiana jest super prosta.

15:28Przechodzimy do tej sekcji embed, wrzucamy

15:30to tutaj, wybieramy Done i zaraz to opublikujemy.

15:33No dobra, czyli mamy oferty pracy, które są widoczne na stronie.

15:36Problem będzie polegał na tym, że jeśli ktoś chce aplikować na taką ofertę, no to tak

15:41naprawdę musi dać jakąś referencję do niej.

15:43Więc moim zdaniem warto by było tutaj pokazać jeszcze dodatkowo jakiś

15:48identyfikator tego ogłoszenia, żeby można było się do niego odnieść.

15:53W związku z tym można w tej

15:55sekcji, gdzie mamy ofertę dodać sobie jeszcze pole jedno, czyli np.

16:00job ID.

16:01I będzie to możemy zrobić automatycznie

16:04nadawanie numerów dla każdej oferty, czyli coś takiego jak auto number.

16:08Wybieram polecenie Save.

16:10Teraz upewniam się, że w tym widoku, który

16:11jest za embedowany, czyli w tym właśnie job offers, nie jest to pole ukryte.

16:15Mamy job ID, możemy nawet gdzieś je przerzucić.

16:19Może być pierwsze w kolejności i do tego job ID.

16:22Poprosimy, żeby ktoś się odniósł.

16:23W momencie kiedy będzie składał, aplikował, składał ofertę.

16:27No i to co jest fajne to że jak wykonamy tutaj zmiany, to nie musimy już nic

16:31zmieniać, nie musimy republikować naszej strony.

16:34Śmieszne słowo.

16:35Po prostu wystarczy, że ją odświeżymy, command R, odświeżam i już

16:38jest to job ID tutaj wpisane.

16:40Więc. No tak, to tyle.

16:42Zobacz, że można sobie kliknąć taką ofertę i zobaczyć jeszcze jej szczegóły.

16:45to co jeszcze warto

16:46o tym pamiętać, aczkolwiek nam tutaj nie przeszkodzi to jest to.

16:49To o czym warto jeszcze pamiętać w kontekście Airtable, że

16:51jeżeli dodajesz tutaj jakieś dodatkowe pola, nie tyle nowe widoki, co właśnie np.

16:56dodaliśmy job ID, no to pamiętaj, że my wcześniej

16:59stworzyliśmy ten widok post a job offer i automatycznie te nowe pola dodane nie

17:03dodają się do formularza, co jest akurat dla nas ok.

17:05Akurat w ogóle to pole

17:07to pole ID jest takie techniczne, że nawet go tutaj nie można dodać.

17:10Natomiast gdybyś dodał później jakieś nowe

17:12pola, które chciałbyś, żeby ludzie jednak wypełniali, to pamiętaj, że musisz przejść

17:15tu z powrotem jeszcze do formularza i one znajdą się tu.

17:18Trzeba będzie je przeciągnąć i upuścić.

17:20W naszym przypadku akurat specjalnie

17:21właśnie zrobiliśmy to wtedy, gdy mamy już gotowy formularz.

17:23Teraz można sobie techniczne pola dodawać i nie przejmować się tym

17:26formularzem.

17:27No właśnie, a techniczne pola będą nam potrzebne dlatego, że mamy

17:32do zrobienia automatyzację polegającą na tym, że dodajemy tą ofertę.

17:35To tak musimy to dodać do Airtable i wysłać email z potwierdzeniem, ale też

17:40za chwilę będziemy potrzebowali, żeby oferta była zaakceptowana przez admina i

17:44wtedy też wysyłamy jakiś email z potwierdzeniem.

17:46Pokazujemy na stronie.

17:47Czyli dopiero w momencie, gdy oferta

17:49zostanie zaakceptowana to my będziemy chcieli ją pokazać.

17:51Jak zrobić taką logikę?

17:52No właśnie to już wiesz, bo tutaj

17:54wystarczy przecież teraz dodać jakieś takie pole accepted

17:59i zrobić je typu checkbox i wtedy admin będzie je oznaczał na true.

18:05A my w tym widoku job offers, który nam

18:08się pojawia na stronie będziemy chcieli prezentować

18:13w filtr wybieram add filter tylko te rekordy, które mają accepted na true.

18:19No i jednocześnie moglibyśmy zrobić sobie jeszcze jeden dodatkowy widok.

18:23Może tej galerii się pozbędę.

18:24Skoro jej nie używam, to może usuńmy ją, żeby mi ten widok nie przeszkadzał.

18:28Ale moglibyśmy zrobić sobie dodatkowe grid widok i np.

18:32zrobić to tu accept, czyli te czekające na akceptację.

18:37I tutaj z kolei moglibyśmy wyfiltrować tylko te rekordy, gdzie accepted jest puste.

18:42I to będzie taki widok naszego admina, który sobie wchodzi, patrzy, że ok, są

18:45tutaj nowe oferty, czy je zaakceptować? Zaakceptować.

18:48Jeżeli kliknie, to wtedy wpadnie to do tego widoku job offers no i cóż automatycznie

18:54przeleci na stronę, więc nic dodatkowo nie trzeba będzie robić.

18:57Może ewentualnie tylko poinformować takiego admina, że w ogóle ogłoszenie

19:00zostało dodane, ale to właśnie zrobimy sobie zaraz po dodaniu oferty.

19:04Czyli no dobra, możemy przejść do pierwszej automatyzacji, którą stworzymy.

19:09Create a new scenario i będziemy chcieli w tej pierwszej automatyzacji właśnie

19:12nasłuchiwać czy zostało stworzone nowe ogłoszenie.

19:15Wybieram Airtable i standardowa procedura w Airtable

19:18będziemy watch a records.

19:20No a skoro watch rekords, to już na pewno wiesz co musimy też zrobić wewnątrz Airtable.

19:24Naturalnie musimy dodać tutaj coś takiego jak, ja

19:27dodam sobie created osobno i będzie to

19:29create time i dodam też last modified czyli modified.

19:37I tutaj stworzymy last modified time, Save.

19:40Mając te dwa pola będę mógł rzeczywiście

19:43łatwo ustawić te automatyzację, które bazują na wyszukiwaniu rekordów dla bazy.

19:49W tym przypadku marketplace będziemy szukać w tabeli offers.

19:53Jako trigger field użyjemy tego pola

19:55created, czyli właśnie stworzone nowe rekordy.

19:57I label field możemy tutaj wrzucić company.

20:01Następnie widok.

20:02Chcemy tutaj skorzystać z widoku ofert do

20:04zaakceptowania, czyli tych, które wpadły jako nowe i będziemy zwracali na raz.

20:08Możemy zwrócić np. 10 czy 100 wyników

20:10nawet zakładając, że ta automatyzacja będzie działać od teraz,

20:14czyli dla nowych rekordów i będzie się odpalać kiedyś np.

20:17raz dziennie i wysyłać

20:19rano informację do admina, że coś tam jest do zatwierdzenia, no i wtedy

20:23trzeba zrobić następujące rzeczy.

20:25Co prawda nie mamy tego w scenariuszu, ale

20:27można by było jakoś notyfikować tych adminów, że coś jest do sprawdzenia.

20:31Czyli przykładowo założyć sobie Trello.

20:32Moglibyśmy zrobić tak jak mieliśmy z

20:34usługami albo możemy wysyłać wiadomość na Slack'a.

20:36Wybieram Slack i create a message.

20:39Można by było wysłać na nasz kanał z

20:40automatyzacjami no i możemy wpisać new offer from.

20:43I tutaj wrzućmy jeszcze od kogo jest ta oferta np.

20:45company to accept.

20:47Ok, i dobrą praktyką jeszcze jest w tego typu wiadomościach czy w tego typu mailach

20:52zawsze dodawać tutaj link do tego widoku po to, żeby ktoś mógł po

20:57prostu szybko w to kliknąć i sobie zatwierdzić np.

21:00taki rekord, czyli w tym widoku to accept wybierzmy

21:04share, create a shareable link i link do tego umieścimy bezpośrednio w wiadomości na Slack'a.

21:11Dobra, wybieram polecenie Ok, czyli poinformujemy naszych moderatorów.

21:16No i dodatkowo chcemy jeszcze wysłać

21:17email z potwierdzeniem do takiej osoby, która dodaje oferte.

21:20Czyli moglibyśmy zrobić to router i wyślemy email.

21:24Wybieram auto-align, Save, ale w przypadku wysłania maila użyjemy

21:29czegoś bardziej skomplikowanego niż standardowy moduł mail.

21:32On nie jest zbyt dobry do wysyłania wielu maili.

21:34Zakładam, że sporo osób może się rejestrować.

21:36No i zaraz będziemy też mieli taki

21:38scenariusz, który będzie kazał nam powiadomić wszystkie osoby wszystkich

21:42freelancer'ów o tym, że jest jakaś nowa oferta.

21:44No i zdecydowanie odradzam robić tego z pomocą modułu mail, żeby np.

21:47na raz wysłać z naszego jednego maila nie wiem, 100 czy tam 500 maili.

21:50Wtedy oczywiście nas z blacklistują różne serwery i

21:54nie jest to fajne, więc warto skorzystać ze specyficznej usługi, która

21:59pozwoli wysłać maile transakcyjne czy maile marketingowe.

22:02Jedną z takich profesjonalnych,

22:03profesjonalnych dostawców, z których często korzystam jest SendGrid.

22:07Na SendGrid możesz założyć darmowe konto.

22:09W ramach tego konta możesz wysyłać

22:10wystarczającą ilość maili, która jest do

22:13przetestowania takiego MVP czy takiej strony, którą tworzymy.

22:16A po kilku kliknięciach i założeniu

22:19darmowego konta warto, żebyś udał się do sekcji email API.

22:23I tutaj będziemy tworzyć dynamiczne

22:26szablony maili, które będą się wysyłać w sekcji dynamic templates.

22:30Ale zanim jeszcze to zrobimy, w settings przejdziemy do sekcji API keys.

22:35W tej sekcji API keys będziesz potrzebował

22:37wygenerować sobie klucz API, czyli wybierasz polecenie create API key.

22:42W tym przypadku użyję klucza full access i jako jego nazwę podam Integromat.

22:47Wybieram polecenie Create & View.

22:49Tego klucza co prawda nie mogę Ci teraz

22:50pokazać, bo będę znowu go musiał niszczyć, ale to co musisz zrobić to skopiować sobie

22:54taki klucz i przejść jeszcze raz do naszej integracji.

22:57Wybierzemy teraz SendGrid i w module

22:59SendGrid mamy w sekcji na samym dole other polecenie send an email.

23:04Wybieramy send an email i musimy dodać SendGrid'a w taki sposób, że właśnie ten API key ten

23:09klucz wklejamy skopiowany, który mamy w schowku w to miejsce i wybieramy Continue.

23:13Teraz musimy uzupełnić następujące pola

23:15przede wszystkim pole email address nadawcy i tutaj wpiszę hello@codeless.how

23:20natomiast istotne jest to, że będzie to jakaś domena naszego jobboard'a i będziemy

23:24musieli zaraz ją zautoryzować wewnątrz SendGrid'a.

23:27Niestety nie jest możliwe podawanie tu

23:29jakiś domen czy jakichś rozszerzeń typu darmowe skrzynki pocztowa, Outlook itd.

23:35Jeśli już korzystamy z rozwiązania takiego

23:36jak SendGrid, jest to rozwiązanie profesjonalne.

23:39Zakłada, że mamy domenę i potrafimy ją

23:40skonfigurować tak, żeby te maile można było z SendGrid'a wysyłać.

23:43Zaraz przez to przejdziemy

23:44jak się okaże, to wcale nie jest takie trudne. W nazwie,

23:47czyli jako nadawca podajemy już cokolwiek

23:49chcemy, a następnie pole send tu do kogo chcemy wysyłać.

23:53Bierzemy z Airtable adres email i wklejamy go tutaj,

23:56a następnie możemy też użyć jako company nazwy.

24:00Dobra, wybieram polecenie add, no i możemy użyć transakcyjnego szablonu SendGrid'a.

24:06My zrobimy to zaraz w przypadku wysyłania ofert do freelancer'ów, a teraz po prostu

24:09zostawimy opcję no, czyli wklejamy sobie treść całą maila tutaj.

24:13Możemy wkleić maila albo w HTML'u albo w plaintext'cie.

24:17Wybierzmy sobie czysty tekst i jako temat podam

24:22po prostu dziękuję za dodanie oferty, a

24:23jako content znowu wkleję jakiś prosty content.

24:27Twoja oferta została dodana, ale czeka na recenzje i poinformujemy Cię jak, w ciągu

24:3224 godzin jak będzie na stronie. Możemy załączyć jakieś rzeczy,

24:37załączniki również możemy z pomocą tej sekcji daty wybrać jakieś np.

24:42opóźnienie i dodać tutaj jedną godzinę,

24:43żeby się nie wysyłało od razu, ale nie widzę takiego powodu.

24:46Wybieram polecenie Ok.

24:48No ale żeby ta nasza automatyzacja, którą mogę zresztą teraz zapisać, mogła

24:52zadziałać, to trzeba będzie jeszcze wrócić do SendGrid'a i skonfigurować go w ten sposób,

24:58że w settings przejść do zakładki sender authentication.

25:01W tej zakładce będziemy musieli

25:03skonfigurować naszą domenę tak, aby komunikowała się z Sendgrid'em.

25:07Wybieramy dostawcę naszej domeny i jeżeli jest na liście.

25:11No to fajnie.

25:12Mój dostawca akurat jest na liście, więc go wybiorę.

25:14Jest to Namecheap, a jeśli nie ma to wybieramy polecenie other host

25:18not listed i wtedy możesz podać taki DNS host.

25:21Generalnie i tak przejdziemy do kolejnych

25:23kroków, które pozwolą nam się połączyć, czyli dodać odpowiednie rekordy DNS.

25:27Ja wybiorę NameCheap,

25:29nie będę chciał dodawać w tym momencie brandowania jeszcze dla linków,

25:31może o tym sobie porozmawiamy kiedyś.

25:33Natomiast teraz wybieram polecenie Next, no i wpisuję nazwę mojej domeny.

25:37Domena to codeless.how

25:41I w sekcjach zaawansowanych zostawiamy wszystko po prostu bez zmian.

25:44Wybieramy polecenie Next, a następnie

25:46dostajemy instrukcje co powinniśmy ustawić w rekordach domeny.

25:50Rekordy domeny powinieneś sam umieć modyfikować.

25:54Jeśli wybierzesz innego hosta, dostaniesz dokładnie to samo.

25:56Jeżeli sam tego nie modyfikujesz, to można

25:58wybrać opcję tą send to coworker i po prostu wysłać to do jakiś email address do

26:02osoby, która nam konfiguruje domeny i ma dostępy.

26:05W tym przypadku ja wybiorę opcję instalacji samodzielnie,

26:08ponieważ dodanie tych trzech rekordów jest naprawdę proste.

26:11Wystarczy zalogować się do naszego panelu do domeny w sekcji, gdzie zarządza się

26:16rekordami DNS dla domeny, u dowolnego dostawcy.

26:18Przechodzimy do dodania nowego rekordu DNS.

26:21To może wyglądać wszędzie troszeczkę inaczej, ale zawsze nazywa się tak samo.

26:24Dodaj rekord DNS i teraz będziemy potrzebowali trzy rekordy typu cname.

26:29Tu jest typ, tu jest host, tu jest wartość.

26:31Dobra, to skopiujmy host dla pierwszego

26:33rekordu, aczkolwiek nie potrzebuje całej tej wartości.

26:36Może skupimy na chwilę całą, ale tak zróbmy tutaj

26:39dodaj nowy rekord typu cname i host jest tutaj.

26:43Zobacz, że mój dostawca już wypełnił kawałek tego hosta, więc jak ja wkleję

26:46dokładnie to to będę miał dwa razy powtórzone codeless.how, więc nie chcemy tego.

26:50Chcemy po prostu dodać ten przedrostek tak, żeby cały rekord składał się tak jak

26:55chciał SendGrid z em 443 i później codeless.how.

27:00Natomiast wartość skopiujemy stąd i wklej w super głupią nazwę, nazwa

27:05kanoniczna, a musimy to akurat u tego dostawcy zakończyć kropką.

27:10Czasem to musimy kończyć kropką, czasem dostawca sam kończy kropką.

27:13Tutaj akurat krzyczało, że trzeba podać kropkę na końcu, więc z kropką albo bez.

27:17To już będzie zwalidowane po stronie Twojego operatora domeny.

27:20I dodaje taki pierwszy rekord.

27:22Kolejny rekord zrobimy na analogicznej zasadzie skopiujemy sobie najpierw nazwę hosta.

27:27Ustawimy tutaj rekord cname, nazwa hosta,

27:30usuniemy z niej codeless.how i w nazwę kanoniczną

27:34wpiszemy to co jest tutaj w wartości i zakończymy to jeszcze kropką.

27:39Wybieram Ok.

27:41I kolejny rekord, który musimy dodać

27:43trzeci kopiujemy,

27:44to też jest rekord cname

27:47wybieramy hosta.

27:48Usuwamy domenę, która zostanie dopisana.

27:52Wrzucamy tutaj w

27:54value to, co skopiowaliśmy sobie

27:58z SendGrid'a. I dodajemy kropkę na koniec ok.

28:01Dobra, teraz mamy wszystkie trzy rekordy

28:03dodane, natomiast rekordy są u naszego dostawcy procesowane.

28:07No i chwilę to potrwa, jak również chwilę potrwa zanim będą one propagować.

28:12Czyli powinniśmy iść teraz zrobić sobie kawę.

28:15Następnie zaznaczyć I've added these records i kliknąć Verify.

28:19Jeśli będziemy niecierpliwy, to tych rekordów jeszcze nie będzie.

28:22Ale widzę, że u mnie to dosłownie momentalnie praktycznie zadziałało.

28:26No to świetnie, możemy wrócić do

28:27autentykacji i widzimy, że ten adres domeny jest zweryfikowany.

28:31Jeśli tak, to naszą automatyzację możemy odpalić.

28:35No ale teraz nie dostaniemy żadnych

28:36wyników dlatego, że nie ma żadnych nowych rekordów.

28:38Przypominam, że sprawdzamy po dacie utworzenia rekordu, więc przejdźmy

28:43na moment do Airtable i po prostu może z zduplikujmy ten rekord.

28:46Wybieram duplicate, w związku z tym już

28:48będę miał nową datę utworzenia created i powinno to w tym momencie zadziałać.

28:53Wybieram polecenie Run once i zobaczymy czy nasza automatyzacja się odpali.

28:57Na Slack'a została dodana wiadomość i mamy też pozytywny wynik przy SendGrid'ie,

29:01informacja o tym, że output wiadomość została wysłana jeszcze nam tutaj SendGrid

29:04dodatkowo zwrócił identyfikator takiej wiadomości.

29:07Ona powinna zostać wysłana na ten adres,

29:09który się pojawił tutaj jako email, czyli na mój adres na Gmailu.

29:14Więc mogę to teraz przetestować. Przejdźmy na Gmaila.

29:16No i wygląda na to, że w moim inbox'ie ten email się pojawił.

29:21Thank you for adding the offer. Pending review. No i super.

29:23Dobra, czyli automatyzacja działa.

29:26To jest pierwsza automatyzacja marketplace.

29:29Zapisujemy te zmiany. Pamiętaj, żeby ustalić odpowiedni scheduling,

29:32czyli odpowiednie interwały i włączyć ją, jeżeli jest gotowa.

29:36Wygląda na to, że mamy zrobiony pierwszy kafelek.

29:38Zostało jeszcze dużo, ale nie martw się proszę, bo już mamy teraz wszystko

29:42skonfigurowane, więc pójdzie naprawdę bardzo szybko.

29:45Mamy w zasadzie tak zrobione dodawanie do Airtable zarówno ofert jak i freelancer'ów.

29:49Mamy wysyłanie tych wiadomości do osób,

29:52które dodały ofertę, ale nie mamy jeszcze wysyłania wiadomości do freelancer'ów.

29:56No to teraz szybko powinniśmy po prostu taki scenariusz powielić.

30:00Czyli w opcjach wybieram polecenie Clone

30:03i teraz zamiast offer added to piszemy sobie freelancer added.

30:09Wybieramy polecenie Clone.

30:12Musimy tu w Airtable był jedynie zmienić to, z jakiej tabeli korzystamy.

30:14Będziemy tutaj szukali w tabeli freelancers.

30:18Tyle, że jeszcze musimy zrobić w tabeli

30:20freelancers te dwa pola, które zrobiliśmy wcześniej czyli modified.

30:25I tutaj zrobimy last modified date i kolejne pole to będzie created.

30:31I szukamy create time. Zapisujemy.

30:34Teraz już będzie ok,

30:36tylko musimy odświeżyć te dane i jako trigger in field wybieramy sobie created.

30:40Label field to będzie np. email i widok

30:43to będą wszyscy freelancerzy. No i spoko.

30:45Teraz możemy wybrać polecenie Ok.

30:47Następnie w SendGrid'zie upewniamy się, że te dane są poprawne.

30:52Czyli tak company możemy usunąć i wstawić tutaj name.

30:55I upewnij się też, że email jest poprawny brane z freelancer'ów i zmieniam treść.

31:00Thank you for signing up.

31:03I jako content możesz sobie wrzucić tutaj informację z podziękowaniem dla

31:07freelancer'a i jeszcze informacją o tym, jak będą przesyłane do niego oferty

31:10zostawimy, nie jest to jakieś istotne.

31:12Wiadomości na Slack'u też warto by było po prostu wyedytować.

31:15Jeśli w ogóle jej potrzebujemy, jeśli jej nie potrzebujemy, to można to usunąć.

31:19I wtedy został nam ten email, który jest wysyłany do freelancer'a po rejestracji.

31:24Zapisujemy, znowu ustalamy kiedy to będzie się publikować

31:28i możemy wejść i odhaczyć drugą automatyzację wysyłanie maila z

31:32potwierdzeniem do freelancera, który się zarejestruje

31:35mamy gotową. Wróćmy teraz do oferty.

31:37W momencie, gdy jest ona dodana i

31:39zaakceptowana przez admina, to pojawia się na stronie i to mamy już zrobione,

31:43ponieważ ona automatycznie się pojawi, kiedy przeskoczy do odpowiedniego widoku.

31:47Ale dodatkowo musimy jeszcze wysłać dwa rodzaje wiadomości.

31:51Pierwszy to potwierdzenie do osoby, która dodała oferte, że ta oferta jest live i

31:55drugi do wszystkich freelancer'ów, którzy spełniają kryteria.

31:58No i to jest już dosyć ciekawe, bo teraz

32:00przejdźmy do Integromatu i stwórzmy kolejny scenariusz.

32:03W scenariuszach wybiorę polecenie create scenario.

32:05No i będziemy oczywiście też korzystać z Airtable i nasłuchiwać rekordów.

32:09Tym razem będziemy nasłuchiwać rekordów,

32:11które znajdą się w tych zaakceptowanych, czyli w ofertach.

32:14W momencie gdy ja to oznacza jako accepted

32:17to wtedy przeleci to sobie do tej sekcji job offers, więc będziemy musieli czekać

32:22na rekordy, które pojawią się w job offers.

32:24Tutaj możemy poddać modyfikacji sobie nawet to sprawdzać.

32:26Więc wybierzmy bazę marketplace.

32:30Kolejno oferty.

32:33Trigger in field będzie modified w tabeli oferty, ale w

32:36widoku pamiętajmy, że job offers, czyli te, które już są zatwierdzone.

32:40Label field może być company.

32:42Jak wiesz to nie ma jakiegoś tutaj

32:44wielkiego znaczenia i ilość rekordów, którą szukamy możemy też tutaj zwiększyć.

32:49Wybieram polecenie Ok.

32:50Będziemy patrzyli od teraz na te rekordy,

32:52które tam się pojawią i potrzebujemy wysyłać dwa rodzaje maili.

32:56Czyli od razu dodam sobie router i pierwszy mail, który wybierzemy to będzie,

33:02oczywiście też skorzystamy już teraz z SendGrid'a

33:04skoro jesteśmy zautoryzowani to szkoda by

33:06było nie korzystać z SendGrid'a, żeby wysyłać w zasadzie wszystkie maile i

33:09transakcyjne i jakieś inne z naszej strony, więc SendGrid connection wybieramy

33:14jako email, podajemy znowu email w naszej domenie, czyli ja sobie podam.

33:22Ja podaję hello@codeless.how.

33:24Tutaj mogę podać imię do kogo wysyłamy.

33:26I teraz tak w tym momencie będziemy

33:29wysyłać to szybkie potwierdzenie do osób, których oferta została zatwierdzona.

33:32Czyli rzeczywiście potrzebny nam jest stąd email, bo to jest ten widok, gdzie w

33:37emailu mamy w job offers mamy email właśnie tego, który zgłaszał ofertę.

33:43Więc tutaj będzie email.

33:44Jako name możemy dać company.

33:45Wybieram polecenie Add.

33:46Nie będę używał szablonu jako temat damy.

33:54Twoja oferta jest live.

33:55Wysyłamy plaintext'em i tutaj napiszemy znowu do osoby, która zapostowałą ofertę,

33:59że ona jest już na naszej stronie, a dodatkowo wysłaliśmy tą ofertę do

34:04wszystkich freelancer'ów, którzy spełniają wymagania.

34:07I teraz ta osoba powinna czekać, bo na

34:10maila będziemy przysyłać jej zgłoszenia od tych freelancer'ów.

34:13Wybieram polecenie Ok.

34:14I tym sposobem mamy jeden scenariusz gotowy.

34:17Mamy obsłużone osoby i możemy tutaj dodać

34:20to jako label, i możemy tutaj dodać to jako label.

34:35Np. Conservation Company.

34:37Może nie jest to najszczęśliwsze, ale coś jednak znaczy.

34:39Dobra, to teraz spróbujmy zrobić ten drugi scenariusz, w którym będziemy chcieli.

34:43Możemy sklonować ten wariant, którym będziemy chcieli wysłać

34:47znowu wiadomości SendGrid'em. Tym razem wysłać je do wszystkich

34:51freelancer'ów, którzy spełniają warunki oferty.

34:54Jak wejdę sobie w job offers te do zaakceptowania,

34:57to mam tutaj preferred tools, które można określić i chciałbym, że jeżeli ktoś

35:02określi w tych preferowanych narzędziach narzędzie, które jest zgodne z tym, co

35:08freelancer ma w expertise, to wtedy wyśle się do niego email.

35:12W związku z tym może tak powiemy sobie też

35:14freelancer'ów, czyli zrobimy Grega, który nie zna Webflow.

35:19Dobra, więc wyrzucę Webflow z jego

35:22z jego tabelki i w ten sposób będziemy pewni, że

35:27tylko Gerty spełnia te, spełnia te kryteria.

35:32Email będzie taki sam.

35:33Dobra, to w razie czego zobaczymy czy nam się wysłał jeden czy więcej.

35:36No i tutaj mamy też jako preferred tools zrobione Webflow, a tutaj może usunę.

35:40Dobra, pamiętaj proszę, co my mamy do dyspozycji w ramach automatyzacji.

35:43Otóż my szukamy w tej watch records,

35:46szukamy w Airtable w tej tabelce offers i stąd mamy wszystkie dane.

35:50Więc stąd będziemy chcieli wziąć ten preferred tool, a następnie będziemy chcieli go

35:53porównać z tym co znajduje się w tabeli freelancers w polu expertise.

35:58Więc przejdźmy teraz do automatyzacji i w to miejsce będziemy chcieli wstawić Airtable

36:02i szukać rekordów, ale nie rekordów tych, które szukaliśmy tutaj, tylko rekordów z

36:06bazy marketplace, ale tych, które znajdują się w tabelce freelancers.

36:10Tutaj mamy szukanie w ofertach, to mamy szukanie we freelancer'ach.

36:13No i teraz najważniejsza dla nas będzie formuła.

36:15Widok możemy sobie zrobić all freelanceri i max records, zwracać np.

36:211000 freelancer'ów, którzy się nadają albo nawet więcej.

36:24Natomiast formuła jest dla nas kluczowa.

36:26I teraz jak trenować sobie formuły?

36:28Oczywiście jest to temat trochę bardziej zaawansowany i proszę, nie przejmuj się,

36:31jeżeli teraz tego dokładnie nie zrozumiesz.

36:33Airtable ma bardzo obszerną dokumentację dotyczącą formuł.

36:37No i to jest po prostu tak jak z Excelem trzeba się tego nauczyć.

36:40Jeżeli znasz Excela i formuły, które można

36:42tam wykorzystywać, to będzie Ci dużo, dużo prościej.

36:46Natomiast jeśli nie, to

36:48mam nadzieję, że nie odbierasz tego teraz jako czarnej magii, tylko po prostu

36:51przejdziesz sobie do referencji formuł i spróbujesz się ich nauczyć.

36:55Ja tutaj wstawię sobie testowe pole nazwę

36:58i właśnie test i będzie to taka testowa formuła.

37:01Zawsze jeżeli mam jakąś trochę bardziej skomplikowaną formułę do napisania, to

37:05wolę najpierw zrobić w Airtable, a dopiero później przenieść do Integromatu.

37:09No bo tutaj już będę musiał mieć coś gotowe.

37:11Więc to z czego powinniśmy skorzystać, to

37:14będziemy chcieli sprawdzić zawartość pola tego expertise, prawda.

37:18Czyli to jest bardzo łatwo wybrać, Więc mamy to pole expertise.

37:22I teraz jak możemy sprawdzić, czy ono np.

37:26zawiera frazę Webflow?

37:27No moglibyśmy sprawdzić, czy jest równe Webflow,

37:29czyli wpisujemy znak równości Webflow, a następnie Save i patrzymy co się dzieje.

37:35Mamy zero, zero, czyli nic nie jest równe tutaj Webflow

37:37no i oczywiście to się zgadza, bo nic w tym expertise nie jest dokładnie Webflow.

37:42Jeżeli ja bym teraz zduplikował sobie taki rekord i np.

37:44usunął Notion i Airtable, ale dodał samo Webflow to to nam się zgadza.

37:48Rzeczywiście ten rekord spełnia kryteria, spełnia warunki tej formuły.

37:52W związku z tym już wiemy, że nie możemy przyrównywać, to raczej co powinniśmy

37:56zrobić to w pewien sposób wyszukać albo znaleźć coś takiego, co zawiera contain.

38:02Ale mamy tutaj dostępne coś takiego jak search.

38:05Jeśli klikniesz w search, to właśnie pozwoli nam w konkretnym polu wyszukać np.

38:10jakieś frazy i jeżeli kliknę w środku to zobaczę, że tutaj wpisuję ten string,

38:15który chcę znaleźć wewnątrz tego string'u, który w którym szukamy.

38:20Czyli w naszym przypadku będzie to pole.

38:22I jeżeli byśmy wpisali tutaj, że chcemy

38:25szukać Webflow w polu i dokładnie używamy tej struktury, która tu jest czyli teraz

38:31przecinek i podajemy nazwę naszego pola expertise.

38:35To jest prosty zabieg, który pozwoli przeszukać wszystkie i zwróci wszystkie te

38:40wyniki, które w polu expertise zawierają WebFlow.

38:44Wybieram polecenie Save i okazuje się, że

38:46ten zawiera, ten zawiera, a ten nie zawiera.

38:48I rzeczywiście tak jest.

38:50No to teraz skoro już umiemy szukać w ten

38:52sposób, no to jeszcze zostaje taki case, że tutaj będzie np.

38:57kilka narzędzi.

38:58I teraz jak przeszukiwać te kilka narzędzi?

39:00Teoretycznie do naszej formuły moglibyśmy dodać coś takiego jak OR,

39:05czyli możemy sprawdzać wiele warunków naraz z pomocą OR.

39:09Jeżeli otworzymy teraz nawias, to będziemy mogli wstawić pierwszy warunek, później

39:15drugi warunek, później trzeci warunek, czwarty warunek.

39:17I zawsze jak on będzie prawdziwy, no to będzie dla nas zwrócone,

39:22to pole będzie zwracało 1, czyli moglibyśmy tutaj dać search Webflow

39:26expertise po przecinku, moglibyśmy to samo wkleić dokładnie, ale teraz szukać np.

39:32Airtable.

39:35I po przecinku moglibyśmy jeszcze zrobić to samo dla np.

39:38Notion i ponieważ użyliśmy OR.

39:43To teraz jeszcze muszę zamknąć ten nawias, który pochodzi stąd.

39:46Czyli tutaj go domyka.

39:48Wybieram polecenie Save i okazuje się, że wszystkie polami zwracają 1, ponieważ

39:52wszędzie jest albo Webflow, albo Notion, albo Airtable.

39:55No i świetnie. Skorzystajmy z takiego search'a.

39:57Ja skopiuję sobie ten search, wybiorę polecenie Save.

40:00Przejdę do Integromatu i jako formułę możemy wstawić tutaj:

40:04szukaj mi Webflow w ramach expertise. Zobaczymy czy w ogóle tutaj to zadziała.

40:08Nawet nie podmieniając tych danych na

40:09dynamiczne okazuje się, że tak zwraca wyniki.

40:12Dobra, to teraz przejdźmy do środka i

40:15potrzebujemy podmienić to na dane dynamiczne.

40:17Problem polega na tym, że w tym miejscu

40:19dostaniemy zestaw danych, czyli nie dostaniemy tylko informacji Webflow,

40:24ale dostajemy coś takiego co tu jest oznaczone preferred tools.

40:29Takimi dwoma nawiasami.

40:30Jak na to najedziemy, to okazuje się, że jest to tablica.

40:33Czyli dostajemy jest przekazana taka tablica danych, w której w środku znajdują

40:38się wyniki i jako wynik pierwszy dostajemy Webflow.

40:41No ale jako wynik drugi możemy dostać coś jeszcze, coś jeszcze,

40:43coś jeszcze.

40:44Więc gdybyśmy tutaj wstawili tą całą

40:47tablicę, no to sprawdźmy, czy takie wyszukiwanie zadziała?

40:51Run. Teraz musimy wyemulować tą tablicę.

40:53Czyli mamy całą tablicę, ale ona może mieć jakieś item'y.

40:56Obecnie nie ma w nich żadnych item'ów.

40:59One to będą string'i, więc w cudzysłowie.

41:00Webflow i emulujemy to, że znajduje się tutaj jeden item w środku, tak jakby w tej

41:05tablicy było tylko to co jest teraz czyli Webflow.

41:07To zobaczmy co się stanie.

41:09Okazuje się, że wynik nam zostanie zwrócony poprawnie,

41:13natomiast problem pojawi się wtedy, kiedy w tej tablicy będzie więcej danych.

41:16Spróbujmy wyemulować to jeszcze raz, Run,

41:18ale tym razem dodamy sobie i Webflow i na przykład Notion.

41:25Wybieram add, wybieram polecenie Ok.

41:27I w tym przypadku, mimo, że teoretycznie

41:29zwróciło nam to jakiś wynik to zobacz, że sam search wygląda w ten sposób.

41:35Search Webflow, Notion, expertise.

41:39Taką formułę możemy sobie wkleić i

41:40bezpośrednio przetestować w Airtable i okaże się, że Airtable zwraca nam tutaj błąd.

41:46Nie możemy tak zrobić tej formuły.

41:47Ona będzie niezrozumiała zupełnie, bo to tak, jakbyśmy szukali Webflow w Notion.

41:53A później jeszcze expertise wstawiamy jako position.

41:56To nie będzie działać. Więc co możemy zrobić?

41:58Wracamy do Integromatu i no moglibyśmy

42:01przecież zamiast całej tablicy, żeby nie dostawać tutaj rzeczy po przecinku,

42:04dodać po prostu z tej tablicy to, co znajduje się pod indeksem 1 Webflow.

42:09Tyle, że oczywiście to zadziała akurat w

42:12tym konkretnym przypadku, ale musielibyśmy wylistować chyba sobie wszystkie indeksy,

42:17żeby później móc je sprawdzać, czyli zrobić jeszcze ileś adekwatnych modułów

42:21dla każdego indeksu inny, żeby wyszukał najpierw to co jest na indeksie 1 się

42:25zgadza, później to co jest na indeksie 2 czy się zgadza itd., itd.

42:29Więc zamiast tego spróbujemy najpierw rozbić te dane z tablicy, tzn.

42:35na razie może zostawmy tak jak to jest i wybiorę auto-align,

42:39ale spróbujmy dane, które przychodzą do nas z tablicy rozbić na pojedyncze

42:43zapytania, a zrobimy to jeszcze jednym dodatkowym modułem.

42:46Prawy przycisk myszy na kulkach.

42:47Ada a module. Możesz np.

42:49rozpocząć wyszukiwanie wpisując array

42:52i dostaniesz tutaj coś takiego jak flow control.

42:54Mówiłem Ci o tym, że są takie narzędzia.

42:56Tutaj możemy sobie np.

42:57stworzyć jakieś tymczasowe zmienne albo

43:00pokazywałem Ci, omawiałem tego switcha, którego możemy zrobić, ale oprócz tego w

43:03Narzędziach jest jeszcze coś takiego jak flow control.

43:05I teraz wybierając flow control mamy dwie

43:08akcje, które nas w kontekście tablic interesują.

43:10Po pierwsze możemy zagregować rozmaite dane do tablicy, czyli mamy różne

43:15rozproszone dane i możemy z tego zrobić tablicę.

43:17To jest oczywiście odwrotne do tego, o co nam chodzi.

43:19My potrzebujemy tutaj iterator.

43:21Chodzi o to, że wpuszczamy tablicę do takiego modułu i możemy interować osobno

43:26po każdym elemencie tablicy, czyli po każdej tej rzeczy po przecinku.

43:30Jeśli ktoś w ofercie wstawiłby, że potrzebuje i Webflow i Notion i Airtable,

43:34to my moglibyśmy iterować osobno po każdym takim elemencie.

43:39Dobra, no to teraz to potrzebuje tablicy.

43:41Musimy tutaj wstawić tablicę i tablica to

43:43jest to, co ma właśnie te nawiasy klamrowych.

43:46Zresztą jak najedziemy to jest tutaj informacja o tym, że to jest array

43:49to jest tablica, więc używamy tej tablicy i chcemy ją rozbić.

43:52Wybieram polecenie Ok.

43:54Przetestujemy ten moduł. Jak on działa?

43:55Wybieram Runs module only i

43:57i wyemulujmy sobie taką tablicę, czyli wyemulujmy jak gdybyśmy mieli tutaj.

44:02Miałem w schowku ten cały search, ale zróbmy sobie tak, gdybyśmy mieli np.

44:06tutaj Webflow, jeszcze skopiuję sobie na chwilę do schowka Notion, to wyrzucę.

44:10Czyli pierwszym item'em będzie Webflow.

44:12Drugim item'em będzie Notion.

44:14I gdybyśmy mieli takie 2 item'y, zobaczmy co się stanie.

44:17Jako output dostaniemy dwa bundle, czyli dostaniemy osobno Webflow i osobno Notion.

44:23To znaczy, że później te dwa kolejne bundle

44:26polecą do Airtable, czyli będziemy mieli raz wykonany dla jednego bundle'a Airtable i

44:30drugi raz wykonany dla drugiego bundle'a Airtable.

44:32I to jest właśnie to, o co nam chodzi, czyli przejdźmy do search records.

44:36Przejdźmy do formula, teraz usuńmy tutaj tablicę preferred tools

44:39i zamiast tej tablicy wstawmy value wstawiam to w ciapkach, bo tutaj oczekujemy string'a.

44:45Będziemy potem szukać.

44:46Szukamy w expertise i to powinno zostać

44:48przeiterowane indywidualnie dla każdej wartości value zwróconej z iteratora.

44:52Wybieram polecenie Ok.

44:54I teraz żeby to przetestować już potrzebowałbym rzeczywistych danych, tzn.

44:57że mogę na chwilę wybrać disable root, a

44:59także odpiąć ten moduł po to żeby jeszcze teraz nie wysyłać maili.

45:02Teraz to zapiszę.

45:03No i chciałbym to przetestować.

45:05Jeżeli teraz wybiorę polecenie Run no to nie dostanę żadnych wyników.

45:08Muszę jakąś ofertę zatwierdzić.

45:10Najpierw tą sobie powiele, żebym mógł później

45:12jeszcze testować, więc wybieram polecenie accepted.

45:15I tutaj ważna bardzo rzecz zmieni mi się w

45:18momencie, gdy cokolwiek zmodyfikuje ta data modified.

45:22I to właśnie o to chodzi.

45:23Zobacz, że jak kliknę accepted.

45:24Zmieniła mi się data modified.

45:25To o to chodzi dlatego, że tutaj w tej sekcji watch records w tym module.

45:30Ja właśnie patrzę po tej dacie modified i

45:32dzięki temu ja będę w stanie znaleźć ten nowy rekord i zobacz teraz co się stało.

45:36Został wywołany ten operator, ten iterator w output'cie zwrócił mi value Webflow, czyli

45:42to było dokładnie ta jedna rzecz, która była w ofercie tutaj Webflow.

45:46No i przeszukał rekordy w wśród osób, które znajdują się na liście freelancer'ów.

45:52W poszukiwaniu tego Webflow, powinienem nam znaleźć

45:55dwa rekordy, czyli Gerty'ego oraz Grega copy.

45:58Zobaczmy czy tak się stało.

46:00Jest jeden wynik, ale w output'cie znajdują się dwa bundle.

46:04Pierwszy bundle to jest właśnie Gerty, drugi budle

46:07to jest Greg copy i rzeczywiście to działa.

46:09Dodatkowo możemy tutaj w expertise zobaczyć

46:11co znalazł w tym bandle'u pierwszym, że Gerty ma Webflow, Airtable i Notion a Greg

46:16ma w expertise samo Webflow, ale to też zadziałało.

46:19No bo szukaliśmy po Webflow. Żeby mieć pewność, że wszystko działa

46:22poprawnie, powinniśmy w zasadzie jeszcze wykonać jeden eksperyment.

46:24Znowu zduplikuje sobie ten rekord.

46:26A następnie w tym rekordzie dodam jeszcze tutaj Airtable i zobaczę czy przy dwóch

46:31elementach w preferred tools po zaakceptowaniu będę miał dobry wynik

46:35również tutaj. Wybieram polecenie Rune once i powinno mi to znaleźć

46:39w zasadzie zobacz, że tutaj mamy dwie operacje

46:41teraz dla tego, że zwróciliśmy dwa bundle i dla Webflow szukamy i osobno dla Airtable.

46:46Rzecz jasna można to by było połączyć, że

46:48szukamy osób, które zawierają w skill'ach tylko to i to, ale wydaje mi się, że tak

46:52znajdziemy więcej freelancerów, wyślemy więcej propozycji, więc jest ok.

46:55No i tutaj te dwie operacje zostały wykonane.

46:57Pierwsza dla Webflow, gdzie znalazło nam te dwa rekordy i druga dla Airtable, gdzie

47:01znalazło nam w output'cie też dwa rekordy i to też jest ok.

47:05Czyli można powiedzieć, że mamy to gotowe.

47:08Teraz zostało jeszcze dorobienie maili

47:09tutaj enable root daje na confirmation to company to jest gotowe, ale my jeszcze musimy

47:14wysyłać i maile do wszystkich osób znalezionych tutaj.

47:18I to będzie stosunkowo proste, bo

47:20wystarczy, że teraz podamy, tylko musimy się upewnić, że tutaj wyczyśćmy na chwilę.

47:24Musimy się upewnić, że wysyłamy pod dobre adresy email, czyli musimy tutaj wskazać

47:29adresy, które wyszuka nam ten moduł Airtable 8, czyli ten, który szuka w freelancer'ach.

47:35Tutaj jest email takiego freelancer'a.

47:37Musimy go wpisać name.

47:39Opcjonalnie możemy też to zrobić.

47:40Wybieram polecenie name.

47:42Dobra, wybieram ok.

47:43No i oczywiście trzeba było zmienić treść tego maila.

47:45Czyli tutaj w temacie możemy wpisać, że jest dla Ciebie nowa oferta dostępna.

47:50No a w treści moglibyśmy podać rozmaite dane tej oferty.

47:53Mamy je wszystkie w tej sekcji 1.

47:55Czyli moglibyśmy podać z jakiej firmy, moglibyśmy

47:58wkleić tutaj opis, no ale przede wszystkim zależy nam na tym, np.

48:02budżet też możemy wkleić tak dalej, czyli

48:03wszystkie te dane możemy dodać, możemy je opakować jakimś tekstem,

48:07ale przede wszystkim zależy nam na tym, żeby ta osoba, jeśli jest zainteresowana,

48:11aplikowała na tą ofertę i możemy wstawić, że aplikuj teraz,

48:16a następnie podamy tutaj adres, pod którym można aplikować.

48:21I to też będzie fajne, ponieważ na razie jeszcze tego adresu nie mamy.

48:24Ja to chwilowo zatwierdze i przejdę do naszej strony.

48:27Tutaj jest też taki guzik apply for a job.

48:29Chciałbym, żeby zarówno ten guzik jak i to

48:32co wysyłamy w mailu tutaj linkowało w zasadzie do tej samej

48:36ankiety, którą stworzymy sobie tym razem na Typeform'iem.

48:40W zasadzie zanim to zrobimy, można by było upewnić się, czy na pewno to zadziała,

48:45czy na pewno wyśle się ten email pod oba adresy i możemy to spróbować

48:50wyemulować sobie nawet jeszcze odpalić raz ten cały scenariusz,

48:54zatwierdźmy ten rekord, który tutaj był wcześniej i zobaczmy jak to się uruchomi.

49:00Powinno wysłać nam zarówno maila z potwierdzeniem teraz jak i tutaj.

49:06No i zobacz, że zostały wykonane dwie operacje.

49:09Najpierw zostało wysłany email pierwszy do Gerty'iego na adres

49:14hello@codeless.how

49:15a później została wykonana operacja druga, gdzie został wysłany email do Grega copy.

49:21On ma co prawda taki sam adres,

49:23ale został wysłany do tej drugiej osoby.

49:26Czyli to działa dobrze.

49:27Tutaj wysłaliśmy maila do,

49:30mamy jeden adres do codeless copy copy,

49:33czyli właśnie do tej osoby która zgłaszała ofertę.

49:36No a tutaj z freelancer'ów wybraliśmy i Gerty'go i Grega copy którzy mieli Webflow.

49:41Więc wszystko jest ok.

49:42Ta automatyzacja działa nam poprawnie.

49:44No to teraz powinniśmy zadbać o to, żeby dało się stąd aplikować na tą ofertę.

49:49No i zrobimy to w ten sposób, że utworzymy nową ankietę na Typeform.

49:53Jeśli założysz bezpłatne konto na Typeform, będziesz mógł skorzystać z tych

49:57wszystkich funkcji, które tutaj są potrzebne.

49:59Ja zrobiłem nowy workspace dodając go tutaj.

50:02Nazwałem go job board.

50:03Następnie tworzę sobie nową ankietę, czyli wybieram Create new Typeform.

50:06Możesz zacząć od jakiegoś fajnego szablonu

50:09albo możesz po prostu wybrać start from scratch, żeby zacząć od czystej kartki.

50:14Nazwę go job board submissions wybiorę polecenie

50:16Continue i będę mógł dodać tutaj pierwsze pytanie.

50:20I mogę teraz dodać tu kilka pytań, które są stricte związane z tą ofertą.

50:24Czyli przykładowo mógłbym umieścić pole

50:26long text i wpisać tutaj pytanie na zasadzie dlaczego jesteś, dlaczego

50:31myślisz, że jesteś dobry do wykonania tego konkretnego zlecenia?

50:34Mógłbym też zacząć dodawać takie rzeczy jak przykładowo

50:37nawet tutaj jest coś takiego jak fail upload, czyli mógłbym poprosić o wrzucenie

50:42Twojego CV, aczkolwiek nie chcę tego robić.

50:44Wybieram polecenie Delete dlatego, że takie

50:46właśnie dane generyczne dla kandydata powinienem mieć w mojej bazie

50:50freelancer'ów, czyli powinienem mieć w Airtable w zakładce freelancers.

50:54W związku z tym tutaj raczej powinny się

50:56znaleźć tylko specyficzne rzeczy w kontekście tego konkretnego zadania.

50:59Może na ile je wyceniasz?

51:01Dlaczego jesteś dobry do tego zadania?

51:04Może jeszcze moglibyśmy dodać takie pytanie kiedy możesz zacząć?

51:07W sumie można kliknąć na właściwości tego pytania i można zmienić short text np.

51:12na date,

51:14powinno tutaj być pole, które pozwoli nam wybrać datę.

51:17No i możemy jeszcze wpisać wiele jakiś różnych rzeczy.

51:21Natomiast jak możemy to połączyć ze wspomnianą przeze mnie

51:25tą zakładką freelancers i dobrać się do jakichś danych, które mamy tu,

51:28bo zakładam, że tutaj w formularzu ktoś

51:31mógłby wgrywać swoje CV i wszystkie inne dane, które są potrzebne na tym etapie.

51:35Natomiast w Typeform'ie potrzebujemy tylko to jakoś połączyć i Typeform oferuje

51:39taką świetną funkcję, która niestety jest dostępna tylko w płatnym planie, ale

51:43możesz skorzystać z darmowego triala i sobie ją przetestować.

51:46I polega ona na możliwości, możliwości

51:49dodania tak zwanych ukrytych pól, czyli hidden fields.

51:52Wybiorę teraz tą opcję i to oznacza, że możemy w ramach naszej ankiety wybrać

51:57wpisać nazwę takiego pola i ono zostanie przekazane.

51:59Zobacz jak wygląda teraz adres naszej ankiety.

52:02To ja zacznę wpisywać i wybiorę enter to do adresu zostanie dopisane takie pole, a

52:06my będziemy mogli przygotować jego jakby przekazać dla niego wartość.

52:11Teraz dokładnie Ci wytłumaczę o co chodzi.

52:13Stworzyliśmy już to pole hidden fields, ale tak naprawdę czego my powinniśmy szukać?

52:16Zobaczmy w naszym scenariuszu, co potrzebujemy zrobić.

52:19W momencie, gdy ktoś zaaplikuje na ofertę, potrzebujemy wysłać email z

52:23potwierdzeniem i wysłać i maile z aplikacją.

52:26Czyli my potrzebujemy adres email osoby,

52:28która się zgłasza i adres email osoby, która dała ofertę.

52:32No i te rzeczy można łatwo wziąć z naszej automatyzacji tzn.

52:37że tutaj dodamy sobie ukryte pola w postaci email freelancer

52:44wybieram return, enter oraz email company.

52:49I teraz nasz adres wygląda w ten sposób

52:51możemy go skopiować command C, przejść do automatyzacji i w SendGridzie

52:56tutaj gdzie mamy apply now wkleić po prostu ten link.

53:00Ponieważ tu mamy wszystkie te dane to będziemy mogli podstawić pod iksy

53:05adres email freelancer'a email, który mamy zwrócone tutaj.

53:09To jest to.

53:11No i adres email firmy to będzie company, czyli to.

53:14Ale to oczywiście nie jest wszystko i możemy tu przekazać szereg innych danych w

53:17taki sposób ukryty w ramach ankiety, żeby już ktoś nie musiał tego wypełniać.

53:22Podam Ci jako przykład coś takiego, że

53:24możemy tutaj przekazać następujące pola FID i to będzie freelancer ID.

53:29A następnie podamy pole OID, czyli offer ID.

53:33Teraz zobacz, że doszły nam tutaj pola & freelancer ID i offer ID.

53:38Po co mi to będzie? Zaraz Ci pokażę, przejdę do automatyzacji

53:41i jeszcze to sobie dodam, czyli na końcu linku wkleję.

53:43I mamy tak freelancer ID,

53:46wklejamy tutaj identyfikator Freelancer'a, a nie mamy identyfikatora freelancera?

53:50No dobra, to najpierw dodamy offer ID,

53:52OID, wybieram job ID.

53:54To jest dokładnie to, bo ID tutaj to jest identyfikator tego pola.

53:59Natomiast my musimy jeszcze dodać freelancer ID, czyli musimy przejść do

54:02naszego Airtable, dodać tutaj jeszcze jedno pole i możemy to pole nazwać freelancer ID,

54:09a następnie powiedzieć, że to jest autonumber.

54:12Wybieram polecenie Save

54:14i fajnie jest ten number umieścić sobie gdzieś tutaj, a nawet może to być nasza

54:18główna kolumna, ale mniejsza o to na razie.

54:20W każdym razie jeśli to już jest, to

54:22musielibyśmy tak najpierw zatwierdzimy te dane.

54:24Teraz musimy jeszcze raz wywołać to search records, żeby nam znalazło rekordy i możemy

54:28jako value tutaj przekazać Webflow, żeby cokolwiek znalazł.

54:33Wybieram polecenie Ok.

54:34W tym momencie te dane nam się odświeżą

54:36w automatyzacji nie musi całej wywoływać, wystarczy tutaj już jak wejdę do SendGrid'a

54:40to teraz te nowe dane powinny być dla mnie dostępne,

54:42czyli freelancer ID jeśli kliknę powinienem dostać tutaj freelancer ID.

54:46Dobra. I mamy to zrobione.

54:49Czyli podsumowując teraz nasza automatyzacja potrafi wybrać osoby, które

54:52są zainteresowane i osobno do nich wysłać maile w taki sposób, że wyśle do nich

54:58preformatowany link, gdzie zawiera pewne już jakby wypełnione odpowiedzi w ankiecie.

55:03Gotowe. Więc to jest ok.

55:06Będziemy musieli teraz przejść do Airtable, a następnie dodać jeszcze jedną

55:11tabelę, do której będą trafiały po prostu te jobs submissions

55:15więc możemy to zrobić job submissions

55:20I teraz jak chcielibyśmy to skonstruować? No właśnie.

55:23Na pewno możemy tutaj odbierać te wszystkie pytania, czyli dlaczego jesteś

55:27dobry? I kiedy możesz zacząć? I wszystkie inne, które znajdują się w ankiecie.

55:31A dodatkowo możemy odbierać tu wszystkie

55:33te pola, czyli email freelancer'a, email firmy i identyfikatory.

55:38Czy to wystarczy?

55:40Zastanawiam się jeszcze nad tym, co można by było wrzucić tutaj jako name.

55:44I to będzie dosyć istotne.

55:46Moglibyśmy tutaj zrobić np.

55:48nazwę firmy, nazwę freelancer'a.

55:49Moglibyśmy ewentualnie przekazać datę wykonania i datę zgłoszenia takiego

55:54formularza, więc moglibyśmy zmienić to pole na date.

55:59W sumie może to być nawet i tekst, który tutaj przekażemy.

56:04W jaki sposób moglibyśmy sformatować tą datę,

56:06ale żeby to zrobić, to znowu

56:08musielibyśmy tutaj dodać pole date i dopisać to jeszcze raz.

56:14Przejdźmy do Integromatu i dopisać to tutaj.

56:18Znowu po znaku & mamy iksy.

56:21No i teraz trzeba by było przekazać tutaj jakoś sformatowaną datę.

56:24Już wiesz jak to robić, ale chciałem Ci pokazać, że możesz jeszcze z daty wybrać

56:28coś takiego jak format date i to jest bardzo fajne, ponieważ te formaty daty.

56:33Możesz sformatować tą datę wtedy np.

56:36wpisując dzień, miesiąc, rok albo jeszcze dodając godzinę, minutę.

56:41Pokażę Ci jak to wygląda.

56:43Korzystamy z format date.

56:44Tutaj przekazujemy now czyli teraz, a tutaj jak chcemy to sformatować np.

56:50gdybyśmy chcieli dni, miesiąc

56:53i rok po myślniku to możemy to tak zrobić w ten sposób.

56:57Możemy jeszcze tutaj zrobić np.

56:58godziny i minuty.

57:00Dlaczego godzinę zrobiłem z dużych?

57:02W ten sposób będę miał zegar 24 godzinny.

57:04Gdybym zrobił godziny z małych, będę miał zegar 12 godzinny.

57:07Ale to mniejsza o to.

57:08Możesz to doczytać wszystko tutaj, ale ja chciałem przekazać tą datę dlatego, że

57:12wydaje mi się, że to będzie fajne w kontekście tego, że teraz ta data zaraz

57:16zobaczysz, wszystko Ci się zaraz zacznie składać w całość.

57:18Że ta data będzie przekazana w to miejsce,

57:21w to miejsce będziemy chcieli przekazać to pytanie i w zasadzie czemu

57:27by nie skopiować całej nazwy tego pytania?

57:30To jest akurat long text, więc zostawimy.

57:33Wybieram polecenie Save.

57:34Następnie mamy takie pytanie: When you can start?

57:40i to wpiszemy tutaj i to będzie data.

57:42Więc zróbmy tutaj pole z datą.

57:44Bardzo istotne jest to, zaraz zresztą

57:46zobaczysz, żeby zgadzały nam się typy tych pól.

57:48Jeżeli tu jest date to tam ma być date.

57:50Natomiast bardzo ważne jest też to, że jeśli coś będziemy przekazywali w

57:53parametrze, to będzie to przekazywane zawsze jako string'i.

57:56Czyli np.

57:57jeśli mamy tutaj freelancer ID to nie będzie numer tylko będzie zawsze text.

58:01Czyli mamy jeszcze email freelancer

58:03company i to też nie będą maile tylko text i tak samo identyfikatory.

58:06Także musimy to dodać.

58:09Dodajemy tutaj freelancer

58:12email.

58:14I to będzie single line text po prostu, kolejno będzie company email.

58:21Też single line. Freelancer ID i offer ID.

58:27I jeszcze mamy tą datę, ale ona będzie przekazana tutaj.

58:30No dobra, wygląda na to, że wszystko mamy.

58:31To teraz trzeba by było jeszcze raz upewnić się, że jest to

58:34opublikowane z tymi wszystkimi polami i trzeba by było połączyć to z Airtable.

58:39Możemy zrobić to na dwa sposoby.

58:41Pierwszy to wbudowane integracje, czyli narzędzia, które znajdują się na liście.

58:45A gdybyśmy nie mieli narzędzia na liście

58:46albo chcielibyśmy w ogóle zrobić coś własnego, to korzystamy z weebhok'a.

58:51Tutaj dodamy sobie nowy webhook wpiszemy adres webhook'a, który wygenerujemy na

58:55Integromacie no i będziemy mogli odebrać po prostu dane całej ankiety i zrobić z nimi

58:59wszystko, co tylko chcemy przetworzyć tak jak chcemy.

59:01Natomiast my skorzystamy z tej wbudowanej integracji,

59:03czemu nie? Skoro jest tutaj połączenie do Airtable.

59:06Łączymy się z Airtable i wybieram odpowiednie połączenie.

59:10Wybieram marketplace, następnie tabelę job submissions.

59:14I teraz muszę połączyć pytania z moimi polami, czyli wybieramy pytanie na Typeform'ie:

59:20Why you think you're good for this job? Dlaczego jesteś dobry?

59:22I tutaj dlaczego jesteś dobry?

59:24Ok, następne, kiedy możesz zacząć? I tutaj powinno być

59:27kiedy możesz zacząć? Następne.

59:30Tutaj już mamy same ukryte pola.

59:32Ok, to najpierw email freelancer, bo jest na górze po prostu

59:34dlatego z freelancer email łączymy.

59:37Później email company łączymy z company email.

59:40Przekazujemy kolejno FID jako FID i jeszcze mamy OID przekazane jako OID.

59:49I w końcu ostatnie data przekazujemy jako datę.

59:52Wybieram polecenie Continue.

59:54Mamy możliwość aktywowania takiej integracji.

59:57No jest, działa.

59:59Co to znaczy, że to działa?

1:00:00To znaczy tyle, że jeśli przeszlibyśmy

1:00:03teraz do tej ankiety i ją wypełnili, to otrzymalibyśmy dane.

1:00:05Tyle że my potrzebujemy ją wypełnić.

1:00:08W zasadzie w takim schemacie, jaki tutaj dostajemy, czyli mamy w pewien sposób

1:00:11sformatowany link, gdzie przekazujemy rozmaite dane.

1:00:14Moglibyśmy,

1:00:15I w ogóle zauważyłem, że się pomyliłem, bo zobacz, że mamy company, następnie

1:00:18freelancer ID i po znaku równości powinien być dopiero freelancer ID.

1:00:22Musimy to przenieść

1:00:24za znak równości i taki drobny błąd by mnie na pewno wiele kosztował.

1:00:27Jeszcze raz.

1:00:29FID to powinno być równa się freelancer ID

1:00:31& OID tutaj jest dobrze.

1:00:33& date tutaj jest,

1:00:34powinno być dobrze.

1:00:35Czyli taki link.

1:00:37Możemy w zasadzie go przetestować w ten

1:00:39sposób, że wrzucimy go sobie teraz w nowe, w nową zakładkę i podstawimy te dane.

1:00:46Email freelancer równa się i przekażmy tutaj jakiś email test@test.com.

1:00:53To samo zrobimy w company email czyli test@test.com. Freelancer ID

1:01:00przekażemy powiedzmy tutaj 1 offer ID przekażemy np.

1:01:0410 i datę chcemy sformatować

1:01:08w ten sposób zostawię ten format. Ok.

1:01:13I możemy teraz spróbować wcisnąć enter.

1:01:17Powinniśmy pójść do Typeform'a i powinny

1:01:19wszystkie te dane być przekazane pod spodem.

1:01:21Dokładnie tak, jakby ktoś kliknął z tego linku w mailu.

1:01:24Teraz może podać swoje odpowiedzi.

1:01:28I podać też datę, kiedy może zacząć,

1:01:32a następnie wybieramy polecenie Submit i idziemy do naszego Airtable.

1:01:37I proszę bardzo wskoczyło.

1:01:38Czyli mamy dobrze zrobioną, zrobione połączenie.

1:01:41Jeśli w Integromacie wszystko działa to powinno być ok.

1:01:44No i mamy wszystkie dane, które są nam potrzebne do tego, żeby zrealizować

1:01:48zadanie, które przed sobą postawiliśmy, czyli żeby wysłać confirmation email

1:01:52zarówno do aplikanta, jak i do firmy, bo mamy te dwa adresy email.

1:01:57Nie będę tego robił, bo to jest już

1:01:58banalnie proste w kontekście Integromatu,

1:02:01po prostu tworzysz sobie następną

1:02:02automatyzację, która sprawdzi nam nowe rekordy w job submissions.

1:02:06Oczywiście dodamy tutaj coś takiego jak

1:02:08created i będziemy po created date w Integromacie

1:02:12mogli sobie sprawdzić jakie nowe rekordy tutaj doszły,

1:02:16ale jak zwykle zrobiłem, ale jak zwykle dodatkowo zrobiłem tutaj coś ekstra.

1:02:20Mianowicie przekazałem tutaj freelancer ID i offer ID i zrobiłem to nie bez powodu.

1:02:25Dlaczego? Dlatego, że chciałem pokazać jeszcze jedną

1:02:27fajną rzecz, czyli możliwość łączenia ze sobą różnych zakładek.

1:02:30Jeśli wybierzesz +, a następnie wpiszmy, że to jest freelancer.

1:02:35I teraz wybierzemy coś takiego jak link to another record, będziemy mogli przejść do

1:02:41freelancers do tej pierwszej zakładki i który rekord chcemy podlinkować?

1:02:46Chcemy tylko jeden,

1:02:47czyli wyłączę multiple records

1:02:50i wybiorę polecenie Save a to który konkretnie lookup field,

1:02:54czyli który rekord będziemy linkować.

1:02:55Możemy wybrać po freelancer ID.

1:02:58Czyli teraz możemy dodać jeszcze jedno

1:03:00pole takie pole lookup, gdzie już połączyliśmy się z zakładką freelancers.

1:03:04I teraz po którym polu chcemy się połączyć?

1:03:07Wybieram to freelancer ID add one field

1:03:10i de facto moglibyśmy nawet automatycznie to zczytywać.

1:03:13Niestety tu przychodzą string'i, ale jeżelibyśmy webhook'a tam w Typeform'ie

1:03:17to moglibyśmy wysyłać to z Integromatu jako liczbę.

1:03:21I teraz w polu freelancer pojawi się możliwość wybrania naszego freelancer'a.

1:03:26Wiemy jaki jest identyfikator, więc możemy wpisać jedynkę.

1:03:28Tutaj go tylko nam znajdzie.

1:03:30Możemy go wskazać, że to jest Gerty.

1:03:32Tak naprawdę to pole freelancer ID jest techniczne, zaraz je ukryjemy, ale

1:03:36ukryjemy je razem z jeszcze jednym linkiem do company czy w zasadzie do offer, bo

1:03:41powinniśmy połączyć to właśnie z offer, czyli link to another record offers.

1:03:46Znowu tylko jeden rekord chcemy łączyć

1:03:47Save i tym razem znowu będziemy łączyli tym razem po job ID.

1:03:51Wybieram add one field.

1:03:53I wspomniałem, że to są właśnie takie techniczne pola, więc możemy je ukryć.

1:03:56Wybieram polecenie hide fields i zarówno to jak i to ukryjemy.

1:03:59Natomiast freelancer możemy wybrać i offer też możemy wybrać.

1:04:02Zobacz, że mamy offer ID 10.

1:04:04Tutaj mamy już właśnie tę ofertę, offer ID 10.

1:04:07Możemy też wpisać 10 i

1:04:08wyszukać i proszę bardzo, połączyliśmy to z freelancer'em i z ofertą.

1:04:14Dlaczego to jest ciekawe?

1:04:15Dlatego, że teraz takie połączenie działa we wszystkich naszych zakładkach.

1:04:19Czyli gdy wejdziemy do freelancer'ów,

1:04:21to będziemy mieli Gerty'iego, który aplikował na job submission.

1:04:26I właśnie specjalnie dałem tutaj tą datę.

1:04:27W ten sposób sformatowaną, że będziemy mogli szybko zobaczyć po dacie wszystkiego jego

1:04:32job submissions, będziemy mogli w to kliknąć, podejrzeć cały submission, który zgłosił

1:04:37I tak samo będzie w ofertach, bo w ofertach też mamy do tej konkretnej oferty

1:04:42informację o połączonym rekordzie z tej tabeli job submissions

1:04:45i też jest on po prostu po tej nazwie, która tutaj jest datą.

1:04:49Moglibyśmy tą nazwę jakoś inaczej

1:04:50wygenerować, ale tak przyszło mi do głowy, że data będzie całkiem spoko.

1:04:53Też możemy to podejrzeć.

1:04:55No i tak samo w job submissions mamy możliwość

1:04:57kliknięcia i podejrzenia sobie freelancer'a i możliwość podejrzenia samej oferty.

1:05:01Moim zdaniem bardzo fajne, oczywiście w

1:05:03zależności od tego co później biznesowo chcesz zrobić.

1:05:05W kontekście tych job submissions to co my powinniśmy zrobić, to tak jak

1:05:09powiedziałem jest już banalnie proste, bo wystarczy nowy scenariusz w Integromacie,

1:05:14który wyśle, który sprawdzi ten rekord nowo dodany i wyśle pod te dwa adresy

1:05:18emaile z jakąś treścią, z informacją dla tej osoby, że

1:05:23jej zgłoszenie zostało wysłane dla tej osoby, że jest nowe zgłoszenie.

1:05:26No i teraz właśnie w tym mailu będziemy mogli wyciągnąć sobie jakieś dane.

1:05:30Dlatego im więcej danych tutaj będziemy mieli tym lepiej, bo będziemy mogli

1:05:33podesłać je w zgłoszeniu do konkretnej firmy.

1:05:37Tak jak powiedziałem, to już wykracza

1:05:39trochę poza zakres tego, co sobie założyliśmy.

1:05:41Zakładam, że te maile są bardzo proste do zrobienia, a nam została do zrobienia

1:05:44ostatnia rzecz, czyli wyłączenie oferty po 30 dniach.

1:05:48Po 30 dniach mamy automatycznie ukryć taką ofertę na stronie.

1:05:51Czy to będzie proste, czy to nie będzie proste do zrobienia?

1:05:54Myślę, że będzie całkiem proste, bo mamy przecież ofertę i mamy tą sekcję job

1:05:59offers, która nam pokazuje listuję te aktywne oferty.

1:06:02Czyli jeśli oferta jest aktywna, ona trafia do job offers, jeśli nie, to jej po

1:06:06prostu na stronie nie widać, jeśli tutaj jej nie ma w tym widoku.

1:06:09Więc my po prostu z tego widoku będziemy

1:06:11musieli odfiltrować te oferty, które są starsze niż 30 dni.

1:06:15Mamy oczywiście tutaj created time i tego się zaczepimy.

1:06:18Czyli stworzymy jeszcze jedną kolumnę.

1:06:21Pewnie będą nam potrzebne dwa obliczenia.

1:06:23Pierwsze to będzie offer expiry date.

1:06:29Czyli kiedy wygasa taka oferta i stworzymy ją oczywiście jako formułę,

1:06:34bo będziemy chcieli wyliczyć w tej formule 30 dni.

1:06:37Dodać będziemy chcieli do tej konkretnej daty.

1:06:40Jak można to zrobić?

1:06:41Jeżeli wyszukasz sobie po date,

1:06:43to mamy coś takiego jak date add i to jest rzeczywiście to, o co nam chodzi.

1:06:48Możemy kliknąć w środku i zobaczyć, że to

1:06:50dodaje do jakiejś daty określoną ilość dni.

1:06:53Podobnie jak w Integromacie możemy sobie wpisać jaki unit chcemy dodać np.

1:06:58tygodnie, dni itd.

1:07:00i dodać albo odjąć.

1:07:01Czyli najpierw potrzebujemy datę.

1:07:04Ta data to będzie oczywiście nasze pole created, czyli znajdźmy to pole created.

1:07:10Teraz po przecinku potrzebujemy do niego dodać 30.

1:07:14No i jeszcze możemy tutaj wpisać jednostkę, bo nie wiem czy jest domyślna.

1:07:19Pewnie nie jest. W związku z tym musimy tutaj wpisać days.

1:07:23Ok. Moglibyśmy week itd.

1:07:25Wydaje mi się, że to powinno zadziałać.

1:07:27Wybieram polecenie Save i mamy poprawnie wyliczone daty.

1:07:31Rzeczywiście są poprawnie wyliczone,

1:07:33natomiast są inaczej sformatowane, ale mi to w ogóle nie przeszkadza.

1:07:37W związku z tym, no mamy to, wiemy kiedy oferta powinna wygasnąć.

1:07:40No i teraz najtrudniejsze zadanie przed

1:07:42nami, czyli jak ją usunąć z tego widoku w momencie, kiedy ona dojdzie do tej daty.

1:07:48Jednym z rozwiązań, które możemy zrobić i ja tutaj wpiszę nazwę jako expire count,

1:07:53czyli odliczanie do tego, aż ona wygaśnie.

1:07:56Zobacz o co mi chodzi.

1:07:58Stworzę tutaj formułę i po prostu postaram się porównać ten

1:08:02dzień, kiedy oferta wygasa z dniem dzisiejszym.

1:08:05Jeżeli dzisiaj wygasa, to po prostu będę mógł ukryć. Jak mogę to zrobić?

1:08:10Jest tutaj coś takiego, wyszukujemy

1:08:12znowu po dacie, jak date time diff

1:08:15czyli różnica między jedną datą from a drugą datą to.

1:08:20I znowu mamy unit, czyli np.

1:08:22podajemy sobie weeks czy days czy cokolwiek.

1:08:24Czyli teoretycznie gdybym ja teraz

1:08:26sprawdził różnicę pomiędzy tą datą expire date czyli offer expire date.

1:08:35Ok, mogę znaleźć.

1:08:36Dlaczego w klamerkach?

1:08:37Dlatego, że zawiera spacje.

1:08:39Jeżeli zawiera spacje to musimy ją zawrzeć w klamrach, bo inaczej nie będzie działać.

1:08:43A więc offer expire date porównujemy po przecinku.

1:08:47Z jaką datą?

1:08:48Otóż porównujemy ją z dzisiaj.

1:08:50Na szczęście Airtable ma coś takiego jak today, więc możemy skorzystać z today.

1:08:55I teraz porównujemy te dwie daty.

1:08:57A co chcemy porównać?

1:08:58Musimy jeszcze dać jej jednostki.

1:09:00Czyli znowu musimy wpisać days i wybieram polecenie Save i zobaczmy.

1:09:05I to jest dokładnie 30 dni.

1:09:07W momencie gdyby coś było utworzone możemy,

1:09:10nie możemy tego zmienić, ale

1:09:11nawet dobrze odlicza, dobrze odlicza,

1:09:13więc jutro będzie tutaj 29 dni, 28 itd każdego kolejnego dnia.

1:09:18A w momencie gdy dojdzie do zera to będę chciał usunąć to z tej tabelki job offers.

1:09:23Więc w tabelce job offers, która wyświetla się na stronie

1:09:26będę musiał filtrować po jeszcze jednej rzeczy add filter i dodamy sobie tutaj filtr,

1:09:31który sprawdzi mi czy expire count jest większy od zera

1:09:37i jeśli to będzie większe od zera to znaczy, że jeszcze te dni sobie lecą.

1:09:42A jeżeli to będzie 0 albo mniej, no to wtedy już ta oferta powinna zostać ukryta.

1:09:47Więc to jest rozwiązanie, które pozwoli nam wyrzucić te rzeczy z widoku,

1:09:53a to znaczy, że zostaną też wyrzucone z naszej strony.

1:09:55No dobra, super, czyli mamy cały scenariusz gotowy.

1:09:59Nie było to proste.

1:10:00Dla mnie też nagranie tego materiału i

1:10:03zbicie tego, skoncentrowanie w około godzinę czy godzinę 10 to naprawdę było

1:10:08spore wyzwanie, ponieważ większość rzeczy też robiłem na bieżąco, ale mogłeś

1:10:11zorientować się po godzinach, że zajęło mi to z 2 czy 3 razy dłużej.

1:10:14Ale z drugiej strony wydaje mi się też, że

1:10:16fakt, że to jest w całości też ma pewną zaletę jest to zwarte i ja jeszcze

1:10:20podzielę to na sekcje jeśli chodzi o wideo, więc będziesz mógł do nich wracać.

1:10:24Natomiast też proszę nie przejmuj się

1:10:26jeżeli będziesz miał kilka podejść do tego typu materiału.

1:10:29No właśnie o to chodzi, żeby w pewnym momencie sobie zatrzymać, cofnąć,

1:10:33przerobić coś jeszcze raz i prawdopodobnie ten materiał zajmie Ci jego przerobienie

1:10:37kilka godzin, podobnie jak mi robienie tego.

1:10:39W związku z tym na spokojnie proszę poeksperymentuj.

1:10:42Najważniejsze jest dla mnie to, że udało mi się przekazać wiele naprawdę kluczowych

1:10:46koncepcji i patrząc na to, co już mamy przerobione i dodatkowo to co pokazałem

1:10:50teraz w Integromacie również rozmaite operacje połączenie SendGrid'a,

1:10:55operacje takie logiczne też w Integromacie czy np.

1:10:58w Airtable. Sporo funkcji i formuł przerobiliśmy.

1:11:01To są naprawdę rzeczy bardzo zaawansowane i z pomocą wiedzy przynajmniej

1:11:07zorientowania się tego, że to tak działa i można to tak zrobić, no to Ci daje

1:11:10naprawdę te ogromne możliwości później, jak zrobić już tą konkretną rzecz?

1:11:14Rzeczywiście no

1:11:15będzie trzeba poeksperymentować, prawdopodobnie poszukać czegoś w

1:11:18dokumentacji formuł, ale ważne, że już wiesz, że aha, ok, jest taka

1:11:21funkcja daty, jest taka formuła albo w Integromacie,

1:11:23aha, mogę przeformatować datę, albo mogę

1:11:26połączyć SendGrid'a po to, żeby wysyłał dla mnie wiadomości i nie

1:11:28muszę tego robić z mojej skrzynki.

1:11:30Naprawdę to jest bardzo cenna wiedza,

1:11:31którą warto mieć i wszystkie te lekcje praktyczne, które przygotowałem.

1:11:36Myślę, że naprawdę dają taki kompleksowy

1:11:39obraz rozmaitych rzeczy, które można wykonać i na ich podstawie możesz

1:11:44praktycznie nieskończone scenariusze tutaj robić stron, które działają, jakiś MVP działających.

1:11:50No i mam nadzieję, że będzie to dla Ciebie

1:11:52też bardzo ciekawa przygoda, że po eksperymentujesz z tym.

1:11:54Tym czasem dziękuję Ci za uwagę w tej części.

1:11:57No i do usłyszenia.