Dzięki narzędziom no-code
8 godz. 15 min · Make · Biznes i Automatyzacje
Grzegorz RógIdea ArchitectW kursie dowiesz się, czym jest no-code i jak działają proste rozwiązania do tworzenia stron WWW w oparciu o tą technologię. Wyjaśnię Ci, jakie możliwości są teraz dostępne i które z web builderów warto rozważyć przy tworzeniu kolejnego projektu. Będziesz tworzyć strony głównie z użyciem wizualnych edytorów, co nie wymaga znajomości kodowania na start i umożliwi Ci przygotowanie landing page'a promocyjnego, portfolio, wizytówki, prostego MVP i wiele więcej!
Na przykładzie prostego edytora, jakim jest Carrd, pokażę Ci jak w praktyce przygotować prosty landing page dla pierwszej wersji produktu, do sprzedaży e-booka czy dowolnych innych zastosowań. Carrd jest niezwykle przyjazny i nawet osoby, które wcześniej nie miały żadnej styczności z tworzeniem stron WWW będą w stanie opublikować swoje pierwsze witryny! Ma też szereg przydatnych opcji, które pozwolą nam wyjaśnić kluczowe pojęcia no-code i tworzenia stron w ogóle, bez wchodzenia w szczegóły techniczne i koncentrowania się na wyglądzie. To właśnie z tego powodu wybrałem Carrd, ale Ty możesz też skorzystać z dowolnego innego edytora jak Wix czy Squarespace.
Kolejna sekcja nauczy Cię wdrażać na stronę liczne integracje i rozbudowywać jej funkcje. Dowiesz się między innymi jak podpiąć na stronę analitykę np. z pomocą Google Analytics, wykorzystać gotowe Widgety, zadbać o optymalizację pod kątem SEO czy dołożyć kolejne, własne skrypty. To wszystko bez napisania ani jednej linii kodu!
W tej sekcji omówimy szczegółowo najważniejsze narzędzia, które wykorzystują technologie no-code i pozwalają nam rozszerzyć możliwości stron WWW tworzonych w ten sposób. Dzięki ich wykorzystaniu będziemy mogli rozszerzyć naszą stronę o "bazę danych", wykorzystując Airtable, bez konieczności korzystania z jakichkolwiek technologii serwerowych. Narzędzia takie jak Zapier czy Integromat dadzą nam z kolei możliwość rozbudowania naszej witryny o niezliczone funkcjonalności, takie jak podłączenie list mailowych, ankiet, płatności i wiele, wiele więcej!
Ten rozdział uświadomi Ci prawdziwą potęgę narzędzi i technologii no-code, ponieważ przygotowałem dla Ciebie szereg praktycznych scenariuszy, które bez kodowania pozwalają wdrożyć najbardziej popularne rozwiązania biznesowe i uruchomić je w połączeniu ze stroną WWW. Przygotujemy scenariusze między innymi dla Landing Page'a sprzedającego produkt, gdzie zapiszemy dane klienta, wyślemy stosowne maile a nawet udostępnimy nasz produkt; będziemy też pracować nad prostą stroną do generowania leadów, na przykład umożliwiającą pobranie PDF czy produktu w zamian za email; pokażę Ci także, jak wykonać stronę usługową, gdzie klienci mogą zlecać Ci rozmaite prace; Przygotujemy także rozbudowany scenariusz pod Marketplace czy Job Board, wykorzystujący bardziej złożone automatyzacje. Wykorzystamy do tego mnóstwo dodatkowych, ciekawych narzędzi i technik No-code!
Kurs przeznaczony jest dla osób, które chcą tworzyć strony w nowym podejściu, bez kodowania. Skorzystają z niego zwłaszcza osoby, które chcą uruchomić swój projekt w sieci, stworzyć MVP produktu czy aplikacji, ale niekoniecznie same programują lub mają zasoby i czas na przygotowanie projektu przez programistów. Ponadto z kursu skorzystają ci z Was, którzy tworzą strony, np. w WordPress i chcą zobaczyć, jak można przyspieszyć sobie pracę a nawet front-endowcy, którzy usprawnią wiele procesów z pomocą automatyzacji.
Witaj w kolejnej lekcji.
Skoro wiemy już mniej więcej jak działa przekierowanie domeny, nasza domena jest
przekierowana po jakimś rekordzie a na serwery Carrd i wyświetla poprawnie naszą
stronę, to możemy jeszcze porozmawiać o właśnie samych przekierowaniach.
Do tej pory w zasadzie był to temat
dość zaawansowany, nie dla osób początkujących, aczkolwiek znowu Carrd
sprawia, że ten koncept dużo łatwiej złapać, więc chcę Ci go przedstawić jako
kolejna rzecz, którą warto wiedzieć dookoła tworzenia stron internetowych i zobaczymy
jak sobie właśnie z przekierowania radzą Web Builder'y.
Takie jak Carrds, jeśli wejdziemy do
dokumentacji i bo czasem naprawdę warto do niej zerknąć, tutaj jest akurat świetnie
wszystko opisane, to okaże się, że możemy wykonać rozmaite takie manipulacje adresem
w pasku przeglądarki, które mogą spowodować, że np.
przepiszemy sobie jakiś adres przykładowo przekierujemy cały ruch z adresu about HTML
na naszą główną domenę, czyli po prostu przekierujemy to na główny adres.
Możemy też przekierować coś z kontaktu na #contact.
Możemy przekierować z bloga w ten
sposób na jakiś zewnętrzny URL, czyli w ogóle poza naszą stronę.
W momencie gdy ktoś wpisze slack.eduweb.pl/blog.
No i w końcu możemy z pomocą takiego prefiksa
przekierować każdy URL na naszą główną domenę.
Jeżeli ktoś by wpisał jakiś błędny URL, jeśli by się pomylił.
Jeśli by coś dopisał w pasku adresu, to
zawsze wylądowałby na dobrej stronie, a nie np.
na jakiejś stronie 404.
Tych typów przekierowań jest bardzo dużo
rozmaitych, aczkolwiek Carrd realizuje tylko jeden ten najważniejszy typ
przekierowania, czyli tak zwane przekierowanie 301.
Możesz tutaj kliknąć po to, aby dowiedzieć
się więcej, ale w skrócie jest to takie przekierowanie, które oznacza, że stronę
przesunęli, jakby stronę zmieniliśmy na zawsze z jednego adresu na drugi.
Dla Google'a jest to też jasna informacja o
tym, żeby zaindeksować tą stronę na którą przekierowujemy.
W związku z tym
właśnie w ten sposób odbywa się, odbywają się te przekierowania.
A jak możemy wykorzystać je w Carrd?
Możemy przejść do naszej strony, a
następnie w opcjach publikowania przejść do sekcji Redirect, czyli przekierowanie.
W tym miejscu możemy wpisać nasze przekierowanie.
No i w naszym przypadku moglibyśmy zrobić np.
coś takiego.
Jeśli mamy ten adres ze strony podziękowania, czyli ten adres Thank you
section możemy użyć takiego adresu i on w sumie nie jest zbyt intuicyjny.
Oczywiście mógłbym zmienić po prostu
adres tej sekcji, znaczy nazwę tej sekcji, ale dalej miałbym coś takiego jak ten #
na początku, który może też nie być zbyt intuicyjny.
Moglibyśmy to przekierować definiując np.
że ma to zostać przekierowane po prostu na np.
coś takiego jak thanks.
I to tak naprawdę wszystko potrzebne do zrobienia przekierowania.
Jeżeli tych przekierowań chciałbyś zrobić więcej.
Możesz to zrobić. Przykładowo, jeżeli każdy adres chciałbyś
przekierować na stronę główną, też możesz to dodać w nowej linii.
Itd., itd., więc możesz dodawać tutaj kolejne przekierowania, a
zatwierdzenie tych zmian jest równoznaczne po prostu z opublikowaniem Twojej strony.
No i powinno zadziałać, aczkolwiek nie w naszej sytuacji.
Dlaczego? Dlatego, że akurat nasza sytuacja jest
dość specyficzna, ponieważ operujemy na subdomenie.
Jest tutaj wyraźnie napisane w Carrd, że dotyczy to wyłącznie domen, więc niestety
na subdomenach takiego przekierowania nie możemy zrobić.
No i nie jest moim zdaniem to jakimś
wielkim problemem, dlatego że w zasadzie u nas ta subdomena to jest taka techniczna.
W większości przypadków będziesz jednak korzystał z domeny
i wtedy będziesz wykonywał z powodzeniem tego typu przekierowania.
Z drugiej strony jeżeli korzystasz np. z subdomeny, no to można by było
przecież też po prostu lepiej trochę nazwać tę sekcję i tyle.
Natomiast chciałem, żebyś ogólnie wiedział, czym przekierowania są, żebyś
miał pojęcie, że można jeden adres przekierować na drugi, tak aby np.
nazwa była bardziej przyjazna.
I jednocześnie chciałem podkreślić, że jest to przekierowanie 301, które daje
Google'owi znać, że jest to strona przeniesiona na stałe.
W związku z tym również jest to dobre
przekierowanie w kontekście indeksowania naszej strony.
Jest jakiś sztucznie napisany adres, ale rzeczywiście ta poprawna strona się nam
zaindeksuje i nie wpłynie to negatywnie na SEO.
Także to wszystko o przekierowaniach, być może temat trochę bardziej zaawansowany,
ale znów wydaje mi się, że fajnie jest jakby zobaczyć z lotu ptaka te wszystkie
tematy, które są dookoła Twojej strony i zobaczyć jak fajnie realizuje to np.
taki edytor jak Carrd.
No i na teraz to by było tyle.
Do usłyszenia w kolejnej lekcji.