Strony WWW bez Kodowania: Przegląd narzędzi no-code

0:00Cześć, witaj w lekcji, której chciałbym

0:01przybliżyć Ci trochę narzędzia no-code i w zasadzie to co jest możliwe z ich pomocą.

0:06Chciałem zrobić taką wprowadzającą lekcję, bo oczywiście nie będziemy omawiać tutaj

0:09wszystkich możliwych narzędzi no-code, postaram się omówić te, które będą dla nas

0:13kluczowe w kontekście tworzenia stron internetowych bez kodowania.

0:17Ale jednocześnie osoba, która wchodzi w

0:18świat no-code ma taki ogromny mętlik w głowie i może

0:21zastanawiać się ok, ale w ogóle co jest możliwe? Gdzie są limity? O co tutaj chodzi?

0:25Co te narzędzia robią?

0:27Z jednej strony są bardzo skomplikowane, z drugiej strony są bardzo proste.

0:31Więc chciałem przybliżyć Ci teraz taki landscape, ten ekosystem tych narzędzi i

0:35mniej więcej powiedzieć o tych najważniejszych.

0:37Jestem na stronie nocode.co

0:38I tutaj znajduje się aktualizowana lista.

0:42Alfabetycznie są poukładane tutaj te

0:44narzędzia, natomiast możemy przeglądać je też po kategoriach.

0:47Mniej więcej.

0:47Zobaczmy sobie te najważniejsze kategorie, czyli np.

0:50APIs.

0:51Mam nadzieję, że masz już wiedzę z kursu HTTP i API i wiesz czym API są.

0:55Wiesz, że pozwalają nam one z jednej strony dobrać się do jakiejś funkcji,

0:59różnych narzędzi, z drugiej strony odczytać z nich dane.

1:02No a co gdybyś chciał stworzyć swoje API i przykładowo zrobisz sobie dokument na

1:06Google Sheets i teraz chciałbyś, żeby ten dokument, czyli dane z tego całego

1:09dokumentu były dostępne dla jakiś innych aplikacji jako API?

1:13Okazuje się, że można to zrobić.

1:14Wiele jest narzędzi, które w tym pomaga i

1:17to jest tylko przykład, ale realizuje go narzędzie Sheety. Sheety pozwala z arkusza

1:21Google Sheets po prostu stworzyć i wystawić taki plik JSON'a, czyli gotowe API, z

1:26którego będziesz mógł później skorzystać w swoich różnych automatyzacjach.

1:29Kolejna ciekawa kategoria to Apps Native.

1:32Z pomocą tych narzędzi no-code możemy tworzyć

1:35natywne aplikacje na telefony z IOS'em czy z Androidem.

1:40Przykładowo Adalo jest jedną z platform, która pozwala nam

1:43poskładać z klocków gotową aplikację, a następnie wystawić ją jako

1:47aplikację natywną, którą będą użytkownicy mogli pobrać z Marketplace'u.

1:51Kolejna taka aplikacja to Dropsource i działa w podobny sposób.

1:57Możesz po prostu wizualnie budować sobie aplikacje mobilne natywne, które będą np.

2:02później w sklepie Apple.

2:03Draftbit to też jest coś, z czego

2:05korzystałem i jest we wczesnym okresie rozwoju, ale myślę, że fajnie

2:09działa i można sobie to sprawdzić, zapisać się do bety.

2:13No i zobacz, że tych rzeczy jest naprawdę bardzo dużo.

2:16Jest bardzo dużo aplikacji, które taki no-code czy low-code, które pozwalają

2:21nam budować z klocków i tworzyć aplikacje mobilne na telefony.

2:24Następnie mamy sekcję automation i ona

2:26jest dla nas również ważna, ponieważ będziemy szczegółowo omawiali dwa

2:30narzędzia z tej sekcji, czyli Zapier i Integromat.

2:32Aczkolwiek znajdziesz tutaj nawet dużo

2:34cięższe narzędzia, które pozwalają w wariancie Enterprise po prostu

2:38automatyzować rozmaite procesy w różnych firmach.

2:40Natomiast my będziemy korzystali z takich

2:42nowoczesnych, zwinnych, które pozwolą nam połączyć ze sobą

2:46rozmaite rzeczy i uruchamiać te nasza automatyzację np.

2:50w momencie, gdy ktoś będzie wypełniał formularz na naszej stronie, następnie

2:53odebrać z niego dane, wysłać je gdzieś dalej, jeszcze w jedno miejsce.

2:56I to wszystko pomoże nam właśnie posklejać

2:59te wszystkie scenariusze, które będziemy tworzyli na potrzeby stron.

3:03Te, które warto sprawdzić to np.

3:05Automate.Io.

3:07Mamy też Flow XO, które działa całkiem fajnie. Hivewire, If this then that też jest bardzo

3:13spoko, zwłaszcza dla takich początkujących, prostych zastosowań.

3:17Można się na tym sporo nauczyć.

3:18Ma też fajne scenariusze i aplikacje mobilne.

3:21Integromat, z którego będziemy najwięcej korzystali.

3:23To jest moje ulubione narzędzie tego typu.

3:26Następnie Parabola dość złożone,

3:28troszeczkę inne w swoim działaniu, może trochę bardziej dla developerów.

3:32Dla osób zaawansowanych pozwala sporo rzeczy zrobić na JSON'ie, na API,

3:36które odbieramy także naprawdę fajne narzędzie, ale w momencie,

3:39gdy już trochę więcej się dowiesz na ten temat, Tray.io też można sprawdzić.

3:44No i Zapier.

3:44Także będziemy omawiać jedno z najprostszych i najbardziej popularne

3:48narzędzie, z którego korzysta ponad milion użytkowników.

3:51Także to są te ważne narzędzia w kontekście no-code.

3:55No i później mamy jeszcze masę jakichś różnych innych kategorii.

3:58Przykładowo CRM, do którego można zbierać

4:01dane ze wszystkich naszych kanałów, czyli np.

4:03Zendesk Sunshine, który umożliwia nam zebranie informacji o

4:07naszych klientach z różnych źródeł i włączenie ich w jedno miejsce.

4:12Sam Zendesk też umożliwia grupowanie komunikacji całej, którą otrzymujemy np.

4:17z social mediów, mail'owe itd.

4:19I spięcie tego w taką jedną skrzynkę

4:21odbiorczą, którą może zarządzać cały zespół.

4:23Też można to uznać za jakieś rozwiązanie

4:25no-code, bo oczywiście znacznie nam ono upraszcza obsługę klienta.

4:29Kolejno mamy np.

4:30ciekawą sekcję z chatbotami, gdzie mamy np. Landbot.io.

4:35Chatboty też są dostępne np.

4:36dla Messenger'a.

4:38Czyli jednym z popularnych rozwiązań, z

4:41którego ja korzystam jest Chatfuel i też znajdziesz materiały na ten temat

4:45nawet na Eduwebie. Mamy

4:47co ciekawe taką sekcję code, gdzie głównie są jakieś narzędzia, które pomogą nam np.

4:52dzielić się kodem, czyli CodePen, czyli zapisywać sobie takie małe snippet'y.

4:56Tych snippet'ów będziemy bardzo dużo potrzebowali i CodePen jest

4:59jednym z dobrych pomysłów na to, jak można je sobie organizować.

5:03Ja też korzystam na Macu, przynajmniej ze SnippetsLab chyba też jest dostępny na peceta.

5:08To jest takie proste, małe narzędzie, do

5:10którego można zwyczajnie dodawać sobie jakieś kawałki, snippet'y kodu

5:13i będziemy z nich często korzystać po to, aby coś sobie wkleić do narzędzia no-code.

5:19Zazwyczaj to są właśnie kawałki kodu

5:20reużywalne, z których będziemy korzystać i pozwolą nam osiągnąć jakieś

5:24rzeczy, które natywnie w tych Web buildera'ach nie są możliwe.

5:28Więc warto czy to na CodePen'ie, czy w jakimkolwiek

5:30innym narzędziu gromadzić sobie takie kawałki kodu.

5:33Takie snippet'y i organizować po to, żeby nie trzeba było za każdym razem tego szukać

5:37gdzieś na Stack Overflow czy w innych miejscach.

5:39No jak widzisz jest tutaj jeszcze masa jakiś innych rzeczy.

5:42Przykładowo Big Commerce czy Elliot to gotowe sklepy internetowe, które możemy postawić.

5:48Jednym z najbardziej popularnych i najciekawszych platform jest Shopify, ale np.

5:52też Webflow

5:53będzie miało możliwość wystawienia sklepu internetowego, zdefiniowania produktów

5:59i po prostu zrobienia całego sklepu internetowego bez kodu.

6:02Narzędzia do emaili, czyli do tworzenia

6:04list mailowych, wysyłania maili na większą skalę, a także tworzenia jakiś różnych

6:09automatyzacji związanych z mailami, czyli przykładowo autoresponderów, które będą

6:13wysyłać się konkretnego dnia po zapisaniu się na listę.

6:16I tutaj jest tylko kilka takich narzędzi.

6:19Są one podzielone na takie dedykowane dla

6:21twórców, które z których skorzystają osoby, które np.

6:25chcą sprzedawać jakieś swoje produkty typu e-book czy kurs wideo.

6:28I to jest ConverKit, ale jest np.

6:30MailChimp, który jest bardziej generycznym narzędziem, które pozwala nam

6:35właśnie tworzyć listy i w pewien sposób nimi zarządzać.

6:38Jest przykładowo Substack dla osób, które chcą stworzyć swoją własną.

6:42Swój własny newsletter, który będzie

6:44płatny i łatwo pobierać tutaj za to opłaty.

6:46No i MallerLite, który jest ogromnym jakby kombajnem, który pozwala robić

6:51bardzo dużo różnych rzeczy włącznie z automatyzacją, różnymi popup'ami, ankietami,

6:58które pojawiają się też na stronie, które pozwalają Ci zbierać maile itd.

7:02Więc w zależności od potrzeby będziesz wybierał jedno z narzędzi.

7:05To, że nie ma tutaj jakichś narzędzi, które znasz np.

7:08GetResponse czy jakiegokolwiek innego, to znaczy, że ono nie jest no-code?

7:12Nie.

7:13Oczywiście to jest tylko kilka przykładów narzędzi, które można wykorzystać,

7:16aczkolwiek te narzędzia, które tu są, również najczęściej się pojawiają na tej

7:20stronie, dlatego że mają całkiem dobre API i to jest naprawdę bardzo ważne z tego

7:25powodu, że my będziemy, nie będziemy chcieli za każdym razem wchodzić do

7:28interfejsu MailChimp'a i tam dodawać jakąś osobę albo tworzyć jakąś listę.

7:32My będziemy chcieli połączyć się z API

7:33MailChimp'a po to, żeby te listy były tworzone automatycznie i np.

7:38z pomocą Integromatu czy z pomocą Zapier'a będziemy wysyłać do nich dane.

7:42W związku z tym zależy nam na tym, aby

7:43takie narzędzie miał dobre API, przez które będzie można wysyłać do niego np.

7:48nowe osoby na listę.

7:49No i te narzędzia przynajmniej gwarantują,

7:52że rzeczywiście całkiem nieźle można się z nimi w ten sposób skomunikować.

7:55Pozostałe trudno powiedzieć.

7:57Mamy też narzędzia do formularzy, czyli

8:00jeśli chcemy stworzyć rozbudowane formularze i pobierać

8:03z niego dane i JotForm czy Getform jest bardzo popularną platformą.

8:07Ja bardzo często korzystam z Typeform'a

8:09jest genialne i pozwala zorganizować dane w fajny sposób.

8:13Pozwala również przesłać je dalej właśnie

8:15z pomocą tych workflows, które będziemy mieli w Zapierze czy w Integramacie.

8:19Zerknijmy sobie do kolejnej kategorii, np.

8:22Landing Pages, czyli narzędzia, które pozwalają nam zbudować landing page.

8:26Tutaj też nie jest ich dużo.

8:28Powinno ich być znacznie więcej, ale kilka z nich możesz przejrzeć.

8:31Kolejno Marketing też nie za dużo narzędzi, ale np.

8:35Unstack, jest taką kompletną platformą,

8:38która pozwoli Ci zarządzać wszystkimi kanałami marketingowymi.

8:42Tutaj powinien znaleźć się też Buffer, który z którego często korzystam.

8:46W przypadku marketingu i narzędzi no-code.

8:48Ma on bardzo dobre API i pozwala planować wysyłanie wiadomości w różne social media.

8:54Możemy podpiąć tam rozmaite serwisy social media i z pomocą Buffer'a możemy

8:58zakolejkować opublikowanie różnych wiadomości.

9:01Mamy też Marketplace'y przykładowo, które

9:04możemy stworzyć z narzędziami no-code. Memberships,

9:07często o to też dostaję pytania czy można stworzyć stronę no-code, która będzie

9:12posiadała możliwość rejestracji i logowania użytkowników?

9:16I dwie platformy, które zdecydowanie tutaj polecam to MembersSpace oraz MemberStack.

9:22To są dwa serwisy, które będziemy mogli zintegrować z naszymi stronami np.

9:27MemberStack tak fajnie integruje się z Webflow

9:28i będziemy mogli dołożyć do Webflow możliwości logowania, a co za tym idzie

9:33również trzymać tam taką bazę swoich użytkowników i MemberStack

9:37nawet pozwala też na przykład spiąć z tym automatycznie płatności i pobierać

9:41płatności nawet subskrypcjene od osób, które są naszymi użytkownikami, bardzo fajne.

9:46Trafiła tu też Podia. Podia ja jest bardzo fajnym rozwiązaniem, podobnym trochę do

9:49Teachable jeżeli chcesz przygotować i sprzedawać swój kurs wideo.

9:52Podia myślę, że jest nawet trochę fajniejsza niż, niż Teachble.

9:56Teachable jest tylko do kursów, a w Podia możesz sprzedawać

9:59różne produkty w ten sposób i to też jest całkiem fajne narzędzie.

10:04Kolejno mamy jeszcze np.

10:06sekcję Messaging, gdzie znajdziesz pluginy

10:08chatu czy chatboty, które możesz umieścić na stronie.

10:11W sekcji Payments mamy kilka rozwiązań, z którego nas najbardziej będzie

10:14interesował Stripe, który jest dostępna już w Polsce i będziemy z jego pomocą

10:19integrowali sobie różne różne płatności na stronie.

10:22Nawet jeśli chcesz opublikować własny podcast jest np.

10:25Anchor czy Transistor FM.

10:26Bardzo fajne dwa narzędzia, które pozwolą Ci to zrobić.

10:30Do publikowania, publishing też mamy np. Ghost'a fajną platformę.

10:35No trudno powiedzieć, czy no-code to jest

10:37platforma, na której która jest alternatywą dla WordPress'a i naprawdę

10:41fajnie działa, jeśli weźmiemy sobie kolejny Referral Programs.

10:45Mamy też Subskrypcje, możemy spiąć np.

10:50subskrypcje ze Stripe'm czy z Substack'iem do

10:52newletter'ów i pobierać w ten sposób płatności.

10:55No i jeszcze zerknijmy sobie na Websites.

10:57Bo to są narzędzia, które pozwolą nam

10:58właśnie budować strony internetowe czy landing page.

11:02Jest ich sporo i jeżeli będziesz miał czas

11:05to polecam Ci przejrzeć sobie te narzędzia.

11:08My korzystamy z Carrd.

11:09Uważam, że naprawdę jest to jedno z najlepszych narzędzi obecnie i tych najprostszych,

11:14które możemy wykorzystać do wielu zastosowań.

11:16Ale możesz sprawdzić sobie też różne inne rozwiązania, które tutaj są.

11:21Drugim takim narzędziem, które rekomenduję jest zdecydowanie Webflow.

11:25I na nim też będziemy robić sporo rzeczy, a to już w innych materiałach.

11:30Także zaglądaj sobie na tego typu strony.

11:33Możesz przeglądać rozmaite aplikacje, które zaliczane są do kategorii no-code.

11:37Teraz już wiesz, że jest to naprawdę całe spektrum aplikacji.

11:40Oczywiście te, które wymieniłem są tylko przykładowe.

11:43Jest jeszcze masa jakichś różnych innych, ale głównie charakteryzuje je to, że

11:48posiadają jakieś interfejsy, jakiś builder wizualny.

11:51Czyli możemy coś robić z bloków, możemy

11:53coś robić wizualnie, a z drugiej strony jeżeli służą

11:56procesowania jakichś rzeczy, które mamy, np.

11:59danych, maili itd.

12:01To warunkiem, żeby zaliczyć je do no-code jest

12:03właśnie to, że posiadają dobre API, dzięki czemu z pomocą tych narzędzi automatyzacji

12:08możemy bardzo łatwo te rzeczy łączyć ze sobą.

12:11Możemy korzystać z ich API i przesyłać dane między jednym a drugim narzędziem.

12:15I wtedy rzeczywiście w tych naszych

12:16rozwiązaniach no-code będzie ono bardziej przydatne.

12:20Także to wszystko tytułem wprowadzenia.

12:22Zaraz przejdziemy do omówienia tych

12:23najbardziej interesujących pod naszym kątem tworzenia stron narzędzi no-code.

12:28Do usłyszenia.