MVP aplikacji w rekordowym czasie z Bubble: Stripe - podstawowe ustawienia
Logika
17 godz. 49 min · Biznes i Automatyzacje
Krzysiek PiekarzAutomation Specialist / No-code DeveloperCzego się nauczysz
- Pracy z edytorem Bubble na bardziej zaawansowanym poziomie
- Tego jak wyszukiwać, filtrować i edytować rekordy z bazy danych wbudowanej w Bubble
- Czym są privacy rules - czyli jak zabezpieczyć dostęp do naszych danych przed nieuprawnionym dostępem
- Praktycznej pracy z frontend i backend workflows
- Dodatkowo wdrożymy do naszej aplikacji system płatności Stripe oraz powiadomienia mailowe z wykorzystaniem np. SendGrid i innych
- Pokażę Ci jak łączyć się z zewnętrznymi API poprzez dostępny w Bubble plugin API Connector
- A także jak rozszerzyć funkcjonalność naszej aplikacji poprzez proste automatyzacje z serwisem Make
- Na koniec zajmiemy się również podpięciem naszej customowej domeny oraz publikacją aplikacji
Czy w Twojej głowie pojawił się pomysł na aplikację, która zrewolucjonizuje świat na miarę Facebook'a, Instagrama albo Airbnb? A może zgłosił się do Ciebie klient, który chce przetestować i wdrożyć swój projekt w jak najszybszym czasie?Jeśli tak było to na pewno zadajesz sobie teraz kolejne pytanie - od czego zacząć? Czy muszę posiadać odpowiednią wiedzę programistyczną? Na jaki język programowania się zdecydować lub z jakiego gotowego framework'u skorzystać? A może zatrudnić profesjonalnego designera i software house, który pozwoli mi zrealizować ten projekt?Niezależnie od tego czy czy zdecydujesz się działać sam/a, czy też przekażesz projekt do zewnętrznej agencji i tak staniesz przed kolejnym dylematem jakim jest nauka programowania lub konieczność przepalenia nawet setek tysięcy złoty na coś, co może okazać się niewypałem.Na szczęście szybki rozwój narzędzi no-code sprawia, że możesz wybrać jeszcze trzecie wyjście. Zaprojektować, zbudować i wypuścić w świat swoją wymarzoną aplikację tylko za pomocą własnych sił i to bez konieczności posiadania specjalistycznej wiedzy programistycznej, a nawet posiadając jedynie podstawową znajomość narzędzi do design'u.Pamiętaj również o tym, że projekt ten podzieliłem na dwie części. Ten kurs to druga część, w której zapoznamy się z bardziej zaawansowanymi opcjami, jakie zapewnia nam edytor Bubble. Zdobytą w ten sposób wiedzę teoretyczną wykorzystamy od razu w praktyce dodając do naszego statycznego designu odpowiednią logikę, dzięki czemu nasz finalny projekt będzie już w pełni działającą aplikacją.Jeśli tylko potrafisz w podstawowym zakresie pracować z edytorem Bubble, budować w nim design aplikacji i rozumiesz czym są option sets oraz workflows to posiadanie wiedzy z poprzedniego kursu nie jest koniecznie wymagane. Natomiast szczerze zachęcam Cię przynajmniej do przejrzenia materiałów z pierwszej części, gdzie skupiamy się właśnie na podstawach, ponieważ teraz będziemy efektywnie przechodzić do bardziej zaawansowanych tematów i rozbudowywać naszą aplikację.
Czego nauczysz się w ramach tego Kursu?
W tym kursie „MVP aplikacji w rekordowym czasie z Bubble (Logika)” nauczę Cię jak zamienić statyczny layout na pełnoprawną aplikację. Poruszymy takie tematy jak praca z bazą danych, privacy rules oraz bardziej zaawansowane workflows, które dodamy zarówno na froncie jak i backendzie naszej aplikacji. Dzięki zdobytej wiedzy dodamy logikę wszędzie tam, gdzie tego wymaga nasz projekt, a dodatkowo wzbogacimy go o możliwość płatności poprzez najbardziej popularny na świecie system jakim jest Stripe. To jednak nie koniec ponieważ przygotowałem dla Ciebie również szereg innych ważnych zagadnień, które omówimy i wykorzystamy w praktyce.W ramach nauki skupimy się na jak najbardziej praktycznym podejściu. Zapomnij o długich i nudnych lekcjach pełnych teorii, które zapomnisz zaraz po obejrzeniu. Będziemy budować a nie debatować! W ten sposób nauczysz się pracować z edytorem Bubble na poziomie zaawansowanym. Zrozumiesz jak zabezpieczyć swoje dane przed nieuprawnionym dostępem, w jaki sposób pobierać i dynamicznie filtrować rekordy z bazy danych. A także jak wykorzystać auto-binding by móc je aktualizować bez wykorzystania skomplikowanych workflows.Dodamy do naszej aplikacji prosty komunikator, który pozwoli na wymianę wiadomości pomiędzy użytkownikami. Zadbamy również o możliwość wysyłania powiadomień mailowych poprzez zewnętrzne serwisy by ich wygląd był zgodny z naszym brandem. Nie zabraknie również takich tematów jak SSO z Google czy też proste automatyzacje z wykorzystaniem serwisu Make.
Dla kogo jest ten kurs?
Materiał szkoleniowy został zaprojektowany tak, aby mogło z niego skorzystać jak najszersze grono odbiorców. Nieważne czy jesteś totalnym laikiem, czy też posiadasz już wiedzę z zakresu programowania lub designu, na pewno znajdziesz tu coś dla siebie. A więc kto jeszcze może skorzystać z wiedzy zawartej w tym kursie?
W tej lekcji rozpoczynamy naszą integrację z serwisem Stripes.
Zanim przejdziemy do tego, jak w praktyce będzie wyglądało to wdrożenia, chciałbym
pokrótce wyjaśnić czym jest TRIBE, ponieważ wiele osób nie miało
z nim do tej pory do czynienia.
Otóż Strip to wszechstronna platforma do przetwarzania płatności, stworzona z
myślą o ułatwieniu transakcji online.
Dla firm każdej wielkości oferuje szeroki wachlarz usług, takich jak
obsługa płatności kartami kredytowymi i debetowych, portfele cyfrowe, a także
narzędzia do zarządzania subskrypcją i fakturowania.
Zalety korzystania ze STRIP obejmują łatwą integrację z różnymi platformami
e-commerce, wysoki poziom bezpieczeństwa transakcji, globalny zasięg oraz
przejrzyste i konkurencyjne opłaty.
Dodatkowo STRIP oferuje zaawansowane raporty analityczne, które pomagają firmom
lepiej zrozumieć i zarządzać swoimi finansami.
A skoro to krótkie wprowadzenie mamy już za sobą, to teraz część praktyczna, czyli
co właściwie będziemy robić i dlaczego w tym celu powinniśmy wybrać strip?
Otóż zgodnie z Waszymi prośbami poruszymy w kursie dwa bardzo ważne tematy,
a mianowicie obsługę subskrypcji oraz zwykłych płatności.
Specjalnie podzieliłem to na te dwa bardzo ważne tematy, byś w przyszłości mógł
wybrać ten, który w przypadku Twojego biznesu lepiej się będzie sprawdzał.
Albo podobnie jak my to zrobimy, wdrożył oba te rozwiązania.
W pierwszej kolejności zadbamy więc o to, by każdy użytkownik, który tworzy w naszym
serwisie konta hosta, musiał wybrać odpowiedni plan subskrypcji.
Natomiast w przypadku kont gości będą mogli oni korzystać z serwisu bezpłatnie,
ale za to w momencie, gdy będą blokowali jakiś pobyt, nasz serwis będzie pobierał
określony procent od takiej transakcji.
W tym drugim przypadku postaramy się wdrożyć do naszego serwisu rozwiązanie o
nazwie Stray Connect, dzięki któremu Ty jako administrator
serwisu nie będziesz otrzymywał pełnej kwoty, a jedynie określony procent.
W praktyce działa to w sposób, który teraz widzisz na ekranie, a więc
tutaj mamy taką fajną rozpiskę.
A więc powiedzmy, że nasz użytkownik pokonuje pobyt i płaci
za niego te 10 dolarów.
Z tej kwoty strip pobiera swoją prowizję, czyli tą część.
Kolejno taką prowizję pobiera również nasz serwis, czyli właśnie tą część.
I taka pobrana kwota od razu wpada na nasze konto podpięte w strip.
Natomiast cała reszta, czyli ta część jest przekazywana bezpośrednio na konto
hosta, który taki listing wystawił.
W ten sposób nie musisz się martwić o to, by pilnować wypłat dla hostów i tworzyć
osobnego dashboard do zarządzania płatnościami.
Wszystko w tym przypadku robi za nas trip, a my tylko pobieramy po drodze określoną
kwotę, która stanowi nasz zysk.
Oczywiście Twoim zadaniem domowym będzie dopracowanie odpowiedniej strony w
serwisie, która będzie informowała przyszłych użytkowników jak to wygląda i
jakie są opłaty w zależności od typu wybranego konta.
My bowiem skupimy się na wdrożeniu tylko tej najbardziej podstawowej
funkcjonalności, czyli zadbamy o stworzenie dynamicznej
strony z dostępnymi opcjami w dashboard hosta + dodamy potem tam link do
odpowiedniej strony strip, gdzie będzie mógł sobie zarządzać swoim planem.
Natomiast dlaczego robimy to w oparciu o strip, a nie bezpośrednio w serwisie?
Otóż odpowiedź jest bardzo prosta czas i wygoda.
Klientom nie przeszkadza to, że muszą kliknąć w link, gdzie zostaną
przeniesieni na osobną stronę.
Pod warunkiem, że odpowiednio ją budujemy, tak by było jasne i stanowi część naszego
serwisu, a my zdejmiemy sobie z głowy budowanie jej od podstaw i dopisanie do
niej wymaganej logiki, co może zająć naprawdę dużo czasu.
Podobnie podejdziemy do tematu w sprawie wyboru planu subskrypcji.
Tu też wykorzystamy najnowszą aktualizację Strip, która pozwoli nam szybko
wygenerować taką listę wraz z działająca pod spodem logiką.
A na koniec również strona, na której klient będzie dokonywał płatności
także będzie generowana przez trip.
Oczywiście nic nie stoi na przeszkodzie, byś próbował zbudować taką stronę samemu,
ale zdecydowanie to odradzam, ponieważ po pierwsze będzie to droga przez mękę,
a po drugie nigdy nie zbliżysz się do poziomu, które oferuje strip.
Pamiętaj, że płatność to bardzo skomplikowany proces, gdzie
wiele rzeczy może pójść nie tak.
Twoi klienci mogą pochodzić z różnych krajów, płacić w różnych walutach, mieć
różnorakie problemy z kartami czy przelewami.
Dodatkowo zawsze istnieje ryzyko, że ktoś będzie próbował oszukać system
i wtedy to Ty jako deweloper musiałbyś wziąć to wszystko na swoje barki.
I tu oczywiście dochodzimy do najważniejszego pytania,
czyli po co się męczyć?
To jest właśnie ten case, o którym wspominałem, gdy rozmawialiśmy o API
i dlaczego są one tak ważne w rozwoju aplikacji.
W praktyce oznacza to bowiem tylko tyle, że nie musisz przepalać swojego czasu i
pieniędzy na wdrażanie własnego systemu, skoro masz do dyspozycji światowej klasy
rozwiązanie, za którym stoi naprawdę ogromny sztab doświadczonych specjalistów.
Lata działalności na rynku i bankowy poziom zabezpieczeń.
Tak więc skoro już wiemy, dlaczego warto postawić na stripes, to zacznijmy od
podstaw, czyli utworzenia konta w serwisie.
Ja już takie konto utworzyłem, a Ty?
Jeśli jeszcze go nie posiadasz to zrób to proszę w tej chwili.
W sieci znajdziesz całą masę poradników jak to zrobić.
Dlatego ja skupię się już tylko na tym, co musimy poustawiać na swoim koncie, by
potem podpinać to z naszą aplikacją w Babel.
I tu pierwszy bardzo ważny komunikat.
Gdy Twoje konto jest już aktywne, to zwróć proszę uwagę na ten przełącznik
w prawym górnym rogu.
Czyli tutaj podobnie jak w Babel Strip mamy do dyspozycji dwa osobne środowiska
pracy, czyli testowe oraz produkcyjne.
My większość swoich działań będziemy prowadzić właśnie na koncie testowym.
W ten sposób będziemy mogli przejść przez cały proces ustawień i testowania
płatności, wyboru subskrypcji itd.
Bez konieczności ponoszenia jakichkolwiek kosztów.
Samo konto na strip jest bowiem darmowe i najczęściej strip pobiera tylko
określony procent od danej transakcji.
Ale tak długo jak działamy na koncie testowym, nie musimy się o to martwić.
Dodatkowo będziemy się podczas kolejnych lekcji dość mocno posiłkować dokumentacją
strip, która nie tylko moim zdaniem jest najlepiej przygotowaną dokumentacją na
świecie i wszystkie inne firmy powinny się na niej wzorować.
A więc w pierwszej kolejności przechodzimy tutaj na stronę
boxów, czyli Strip box i kolejno tutaj na podstronę Billing
link widzisz teraz na dole ekranu i tu znajdziemy wszystko, czego
potrzebujemy, by wdrożyć subskrypcję do naszej aplikacji.
A więc jeśli już otworzyłeś tą stronę.
Dodatkowo jak widzisz jestem tutaj zalogowany.
Mam tą informację, że jestem zalogowany na swoje konto.
A więc teraz ta dokumentacja będzie dynamicznie łączona z moim kontem.
Zobaczysz potem jak to działa, ale jest to naprawdę niesamowicie wygodne
i genialne rozwiązanie.
A skoro już dokumentację mamy odpalono w tle, to możemy wrócić na stronę Strip.
Przede wszystkim na początek musimy być w trybie produkcyjnym, czyli w tym.
Jeśli masz tutaj włączony tryb test, czyli właśnie taką pomarańczową belkę z
informacją właśnie, że jesteś w trybie testowym, to proszę wyłącz to chwilowo,
czyli przełącz się tutaj.
No i teraz musimy przejść do głównych ustawień i posprawdzać sobie pewne rzeczy
i dodatkowo omówić, do czego one mogą się przydać.
A więc zaczynamy od Settings.
I kolejno biznes.
Jeśli Twój panel różni się od tego, co widzisz na ekranie, to
proszę nie przejmuj się.
Tak naprawdę bardzo często go przebudowuje.
Niemniej jednak wszystkie te ustawienia pod spodem i tak pozostają.
Więc jeśli czegoś nie możesz namierzyć, to poszukaj jakiegoś tutoriala w internecie,
zerknij w dokumentacji lub po prostu wpisz to czego potrzebujesz tutaj w wyszukiwarkę
i na pewno zawsze zostaniesz przeniesiony tam, gdzie powinieneś.
A więc rozpoczynamy.
Jak mówiłem jeszcze raz od Biznes i przechodzimy do Account Details.
Tutaj są podstawowe informacje o moim koncie.
Jak widzisz ono jest już aktywne i Twoje też takie powinno być.
Czyli musisz przejść przez ten cały proces utworzenia konta i podania tam
właśnie danych biznesowych.
Niezależnie od tego, czy prowadzisz firmę, czy też nie posiadasz żadnej działalności.
Musisz po prostu przejść i podać te wszystkie wymagane informacje.
Kiedy już to mamy gotowe, to przechodzimy teraz do sekcji Branding, gdzie możemy
właśnie dostosować te wszystkie strony do naszego brandingu.
A więc tutaj.
Jak widzisz, mamy tutaj wiele różnych zakładek odpowiadających
za różne rzeczy, np.
to jak będą wyglądać maile, które będą właśnie z takim a'la rachunkiem
wysyłane do naszego klienta po zakupie.
Ja jedyne co tutaj porobiłem to tak naprawdę jak widzisz wgrałem logo,
zaznaczyłem tą opcję i dodałem tutaj swoje 2 branżowe kolory wyciągnięte po
prostu bezpośrednio z edytora Babel.
Możesz posiłkować się tymi samymi kolorami, możesz dodać własne.
To wszystko zależy od Ciebie.
Byle te strony w przyszłości były jakkolwiek zbliżone do
brandu Twojej głównej strony.
Skoro to mamy tutaj ustawione, to możemy sobie przejść na stronę Payment Links.
Czyli to jest ta strona, na której ludzie będą dokonywać płatności.
Mamy tutaj właśnie tą opcję z hostem.
I my właśnie z niej będziemy korzystać, czyli takiej strony hostowane
bezpośrednio przez TRIPS.
Jak mówiłem, nie ma sensu utrudniać sobie życia, lepiej wykorzystać już
gotowe i sprawdzone rozwiązania.
Zresztą jeśli przełączę się tutaj na widok desktopowy, to już na pewno nie raz
spotkałeś się z taką stroną, kiedy wykonywałeś płatności
właśnie poprzez Strip.
Kolejna bardzo ważna strona to oczywiście Customer Portal,
czyli ta strona, na której właśnie klient będzie zarządzał swoim
planem swoimi subskrypcją.
I znów jak widzisz, ja mam tutaj niemal identyczne ustawienia.
Tutaj mamy jeszcze widok faktury.
Z tego co zauważyłem Strip ostatnio zaczął je obsługiwać i wystawiać.
Natomiast jest to nowa usługa i z tego co kojarzę dodatkowo płatna.
Tam się płaci jakiś procent od każdej faktury, więc jeśli jesteś zainteresowany
tym tematem to oczywiście odsyłam Cię do ich stron, fixingu albo dokumentacji.
No i ostatnia strona to taka strona informująca klienta właśnie, że
nasza firma współpracuje ze Strip.
I oczywiście działamy tutaj legalnie.
To nie jest żaden fraud i może spokojnie właśnie dokonać płatności
w naszym serwisie.
A skoro to mamy już tutaj gotowe, to to możemy teraz
przejść do następnej zakładki.
A więc wracamy do Settings i tym razem do Billing.
I w pierwszej kolejności trafiamy na opcje ustawień dla subskrypcji oraz
maili, które będziemy wtedy wysyłać.
Jak widzisz, jest tu cały szereg wstępnych opcji.
My sobie je pokrótce omówimy.
Nie będziemy tutaj tego zmieniać.
Pozostawimy większość dokładnie tak jak była.
Natomiast jak widzisz możesz np.
wysłać remanent do klienta na 7 dni przed zakończeniem okresu trial, by
triala nie będziemy wdrażać.
Jest to dodatkowe utrudnienie, a tak jak mówiłem w kursie postaramy się przejść
przez te podstawowe ustawienia.
Jak sam zobaczysz to i tak zajmie nam całą masę czasu,
a więc tutaj nic nie zmieniamy.
Tu mamy na przykład jakąś informację o tym, że nadchodzi kolejne odnowienie,
że karta niedługo wygaśnie.
To jest bardzo ważne ustawienie.
Domyślnie jest ono włączone w tą opcję.
Polega ona na tym, że jeśli będziesz udostępniał subskrypcję w swoim serwisie,
to najczęściej ta pierwsza przechodzi bez problemu.
Natomiast pojawia się problem z tymi kolejnymi odnowienia.
Czasami po prostu klientom brakuje środków na karcie.
Czasami banki będą blokować właśnie takie odnowienia w zależności od tego, w
jakim kraju posiada konto Twój klient.
Pamiętaj klienci mogą pochodzić z różnych miejsc na świecie
i wtedy bank może uznać, że to jest jakaś próba wyłudzenia pieniędzy
i zablokuje pierwszą próbę.
Strajk ma z tym do czynienia już od lat i wprowadzili taki bardzo
fajny system, który próbuje.
Jeśli pierwsza próba jest nieudana pobrania tych pieniążków,
próbuje drugi raz, trzeci itd.
Za którymś razem na pewno to się udaje.
Tu jak widzisz domyślnie będziemy próbować osiem razy w ciągu dwóch tygodni.
Według mnie jest to średnie rozwiązanie, więc lepiej przywrócić to domyślne.
Gdzie masz pierwszą próbę po trzech, potem po pięciu, a potem po siedmiu dniach.
Tutaj możesz również zadbać o to, co się będzie działo przy takich odnowieniu.
Najczęściej działa to jednak w ten sposób, że po prostu klient nadal
posiada aktywną subskrypcję.
Co prawda trochę mu ją przedłużamy, jeśli w końcu nam nie zapłaci, ale jest to
ryzyko prowadzenia biznesu i moim zdaniem możemy spokojnie to zostawić
właśnie w takiej opcji.
Tutaj mamy też informację, a w zasadzie ustawienie co się ma dziać, jeśli
właśnie te wszystkie odnowienia zawiodą.
Domyślnie powinno się tutaj wybrać Cancel dla subskrypcji, czyli po prostu
zablokować mu dostęp do swojego serwisu.
Tu jak widzisz mamy jeszcze opcję wysłania maila, kiedy właśnie taka płatność się nie
udaje i cały szereg jeszcze innych ustawień.
Szczerze powiedziawszy nawet ja nie rozumiem jak działa większość z nich.
Po prostu jest mi to niepotrzebne i dodatkowo stray rozbudowuje
te ustawienia bardzo często.
Więc jeśli będziesz potrzebował jakiś konkretnych ustawień, tak jak mówię, znów
odsyłam Cię do dokumentacji, ewentualnie jakiś tutoriali na youtubie, gdzie na
pewno znajdziesz dokładną informację co i jak należy poustawiać.
Jedyne co tutaj bym zmienił to właśnie tą opcję, a reszta pozostawiamy bez zmian,
Jeśli to zmieniałeś to tutaj klikasz save, żeby się zapisała.
Już to zrobiłem wcześniej i teraz możemy przejść do kolejnej bardzo
ważnej zakładki, czyli Customer Portal i tego jakie
ustawienia tutaj klientom dajemy.
Natomiast jeżeli przełączyć się właśnie do tej zakładki, to teraz proszę przełącz się
w tryb testowy, czyli klikamy tutaj Test Mode.
Ponieważ będziemy generować te ustawienia właśnie tylko dla konta testowego.
Na razie i w pierwszej kolejności aktywuj proszę ten Customer Portal Link To
jest właśnie link do tej strony.
Potem sobie taki link podepniemy pod button w naszym serwisie,
tak żeby właśnie host mógł przejść do ustawień swojego planu.
Kolejno masz tutaj opcję czy chcemy wyświetlać właśnie te Inbox history.
Zostawiamy to niezmienione.
Jakie informacje chcę zbierać o swoim kliencie?
Bardzo dobrą radą jest zaznaczenie Tax ID.
Jeśli ludzie będą wymagać faktur to będą mogli podać takie pole.
Kolejna mamy tutaj metod, czyli jakie metody płatności będziemy obsługiwać.
Możemy sobie tym zarządzać klikając tutaj button Manage.
Zostaniemy przekierowani na osobną stronę właśnie dotyczącą metod płatności i w
zależności od tego w jakim kraju operujesz, będziesz miał
tutaj do wyboru różne opcje.
Ja domyślnie miałem włączone karty i Ty zresztą pewnie też.
Dodatkowo włączyłem sobie tutaj jeszcze Google Pay, kliknąłem po prostu Turn On.
Domyślnie miałem włączony również BLIK a włączyłem jeszcze dodatkowo Przelewy24.
Skrypt pozwala nam również podejrzeć jak będzie wyglądała taka strona płatności.
Przechodzimy na samą górę i teraz możemy wybrać tą opcję Preview czyli tutaj.
I właśnie to np.
zobaczę Twój klient jeżeli będzie chciał zapłacić za jakąś usługę, czyli właśnie na
różne dostępne formę kartę, przelewy, blik i np.
jeszcze karmę.
A więc skoro to mamy poustawiane zamykamy tą stronę.
Wracamy tutaj do portal i kolejne bardzo ważne tutaj ustawienia Constellation.
Domyślnie ta opcja jest zaznaczona na tą opcja.
Czyli jeżeli użytkownik przerwie plan w połowie danego okresu rozliczeniowego, to
będzie miał aktywną subskrypcję aż do momentu jej wygaśnięcia?
No i tak to z reguły powinno działać.
Nie chcemy właśnie się bawić w zwroty pieniążków, jeśli klient anuluje np.
właśnie w połowie miesiąca.
Po prostu mam aktywną subskrypcję do końca, a kolejne
odnowienie już nie nastąpi.
Natomiast, ponieważ my będziemy to testować w naszym serwisie, zarówno
właśnie tworzenie nowego planu, jak i jego konsolidacja to zmieni.
To prosta.
Ja tutaj na to, żeby to się działo natychmiast, ponieważ oczywiście jeśli
klikniemy Cancel Plan i będziemy to testować, to nie chcemy czekać np.
do końca miesiąca, żeby nam wpadł odpowiedni łepek, żeby to
sobie potem po obsługiwać.
Tak jak mówię dla testów i developerski zaznaczamy tą opcję.
Natomiast później, jeśli będziesz chciał już prowadzić taką normalną sprzedaż
i mieć subskrypcje to zaznacz to tu.
Dodatkowo jeszcze możesz dawać kupony, jeśli klienci będą właśnie instalować.
Jest to kolejna nowość Strike'a, która została z tego co
zauważyłem niedawno dodana.
A więc zwijamy sobie to.
Przechodzimy do subskrypcji i tu zaznaczamy opcję, że klienci
mogą przełączać się między planami.
Tak, chcemy dać im taką opcję.
Ja mam już przygotowane wcześniej plany.
Tych jeszcze nie dodałeś, więc się tym nie przejmuj.
Czyli zaznaczamy to i dodatkowo mamy tutaj jeszcze opcja Create subscribe on updates.
To jest bardzo fajna opcja, która pozwala nam na to, że jeśli klient zmieni plan np.
z tańszego na droższy, to nie będzie płacił całej kwoty.
Tylko to różnica pomiędzy planami zadba o to sam.
Nie musimy się oczywiście tutaj o nic martwić.
Gdybyś nie mógł włączyć tej opcji, bo nie masz tutaj planów, to po prostu
chwilowo zostaw ją w ten sposób.
Ja właśnie dodałem te plany, więc mogę sobie to włączyć i zapisać.
Teraz przechodzimy do Business Information i tutaj mamy ten header.
Możemy go sobie tutaj zmienić. Ja nie chcę.
Zostawiam go w takiej formie.
Tu jest bardzo ważne pole, o które zadbamy później, a mianowicie Redirect link.
Czyli jeśli klient wykona tutaj jakieś operacje, to gdzie powinien zostać
przekierowany z powrotem?
No i domyślnie w takim prawidłowym serwisie powinieneś przygotować osobną
stronę z Settings ami, gdzie każdy użytkownik może przejść i
zarządzać swoim kontem odpowiednio ustalając tam wszystkie opcje.
Natomiast my nie będziemy się w to bawić.
Pójdziemy na łatwiznę i przygotujemy po prostu tylko taką mini sekcję z
przyciskami najbardziej hosta, tak żeby on tak jak mówiłem mógł sobie tam
zarządzać różnymi rzeczami i wtedy będziemy go prostu kierować bezpośrednio
na samą stronę Dashboard u, a nie jakąś dodatkową podstronę.
Ale tym zajmiemy się troszkę później.
Na razie nic tutaj nie zmieniamy.
Jeśli poprawiłeś zmiany, to klikasz Save changes i wszystko powinno właśnie
teraz przebiec bezproblemowo.
Czyli jeszcze raz tutaj.
A skoro mamy gotowe te takie podstawowe ustawienia na koncie testowym,
to teraz nadal będąc właśnie w Test Mode dodamy sobie swoje pierwsze subskrypcje.
Żeby to zrobić przechodzimy do Produkt Catalog.
Jak widzisz ja już tutaj dodałem odpowiednie trzy subskrypcje,
natomiast dodanie takiego produktu jest niesamowicie wręcz proste.
Jedyne co musimy zrobić to kliknąć Add produkt i tu podajesz nazwę np.
mail sub.
Tutaj podajesz jakikolwiek opis.
Ja poszedłem znów na łatwiznę i.
I tu teraz widzisz na dole ekranu link do strony Lorem ipsum.
Wystarczy, że zaznaczysz kawałek tekstu, go sobie skopiujesz, czyli na
przykład powiedzmy a właśnie tutaj.
Kopiujemy, wracamy, wklejamy tutaj.
Na razie działamy na koncie testowym, więc nie musimy się martwić o te opisy.
Wgrywamy ikonkę.
U mnie jest to po prostu logo mojego serwisu.
I w tym miejscu decydujesz czy jest to produkt płatny jednorazowo, a więc on off,
czy też jest to recording, a więc jakaś subskrypcja.
Powiedzmy, że będzie to subskrypcja za 29zł.
Ten pierwszy plan odnawiana co miesiąc.
Czyli tutaj zostawiamy to w tej formie.
I teraz tak jak mówiłem wcześniej, nie będziemy sami generować
listy takich produktów.
Zadba o to script, a więc musimy je sobie dodatkowo tutaj opisać,
czyli klikamy Options.
Tutaj możesz wpisać to, co się pojawi na wyciągu z karty, jeśli użytkownik
będzie płacił za Twoją subskrypcję.
Mój serwis nazywa się Web Dev Cave.
Mam konto na strip ie, a więc mogę tutaj wpisać np.
WDC Basic.
Wtedy klient będzie wiedział, że na przykład właśnie jest taki serwis i
taka subskrypcja i nie będzie miał potem problemu z
namierzenie za co tak naprawdę płaci.
A dużo ważniejszą opcją jest tutaj ten marketing feature list.
Jest to po prostu lista opcji, jaką zapewniasz w danym planie.
Na pewno się z tym zetknął łeś na różnych stronach, że masz plan Basic, który daje
dostęp do usług, blokuje coś tam, blokuje coś tam.
Plan jeszcze, który nie blokuje niczego, daje 100 GB transferu w pakiecie
i tak dalej, i tak dalej.
W naszym przypadku.
Ja chcę to zrobić tylko na tej zasadzie, że w zależności od planu
użytkownik, a w zasadzie host będzie mógł dodać różną liczbę listingu i np.
niech tu będzie ABC to ten listing w ten sposób.
Czyli w planie Basic np.
do 10 ciu w planie standard do 50 czy tam do 30 jakkolwiek to
sobie poustawiać, a w planie np.
Unlimited będzie miał Unlimited Hastings.
Oczywiście klikając tutaj moglibyśmy dodać kolejne opcje i kolejne.
Ja dodam tylko tą jedną właśnie po to, żebyś zobaczył gdzie się to ustawia.
Tak jak mówię, takie plany mam już tutaj gotowe.
Jeśli kliknę sobie na standard, to mam informację, że to jest 49 zł miesięcznie.
Do 30 listingu.
Taki ID produktu napewno nam się przyda.
Tu mamy opis itd.
Tu jak widzisz mamy różne ceny.
Strip pozwala to fajnie zrobić, ponieważ pozwala dodawać różne ceny do danych
planów także więc byś mógł sobie to w przyszłości testować i np.
właśnie dodawać kolejne ceny.
A bez zmiany planu, ale tym się na razie nie zajmujemy.
Mamy jeden plan, jedna cena, kolejny plan, kolejna cena itd.
Czyli 3 subskrypcja.
I teraz jeśli je sobie zadałeś, a nie mogłeś wcześniej na
portal zapisać, że użytkownik może się przełączać między
planami to przeładować stronę tak, żeby się to w skrypcie czytało.
I teraz wracamy sobie właśnie tutaj do Settings.
Do Billing.
Customer Portal subskrypcji I tutaj będziesz.
O właśnie.
Klikasz tutaj i dodajesz te plany, które wcześniej ustawiłeś.
Ja dodałem wszystkie te trzy i one będą tam dostępne i klient się
będzie mógł między nimi przełączać.
I teraz klikasz jeszcze raz Save changes.
OK, a skoro to mamy gotowe, to teraz musimy wrócić do edytora Babel
i wprowadzić odpowiednie ustawienia.
Przejdźmy najpierw na stronę Dashboard.
To co zrobiłem to ukryłem całkowicie host menu, nie host menu, tylko
przepraszam, już tutaj zamierzamy.
Tu jest menu Write.
A właśnie o ten element mi chodziło, czyli o Host stats,
czyli tutaj po prostu oznaczyłem ten checkbox, żeby to się nie
pojawiało, a dodałem tutaj właśnie taką grupę Host Manage Group, która pojawia się
tylko na koncie hosta i mamy tutaj dwie grupy.
Pierwsza taka grupa dotyczy właśnie planu.
Ma to działać w taki sposób.
Host pierwszy raz zakłada konto, loguje się do swojego dashboard i widzi ten
pierwszy przycisk Activity your Plan.
Ten przycisk będzie go właśnie kierował na stronę subskrypcji.
Taką stronę zaraz sobie zbudujemy i tam właśnie wyświetlimy.
To lista dostępnych subskrypcji.
Będzie mógł wybrać właściwy plan.
Jeśli go zatwierdzi, to my oczywiście odpowiednio to sobie posłużymy w naszym
serwisie i przypiszemy mu taką subskrypcję.
Wtedy ten guzik znika, a pojawia się ten drugi,
który tak jak mówiłem właśnie będzie kierował użytkownika do
tej strony Customer Portal.
I tutaj dodamy właśnie ten odpowiedni link.
Natomiast z tym się zajmiemy za chwilę.
I tu mamy jeszcze taką drugą grupę, tylko z jednym przyciskiem.
Tym zajmiemy się później, kiedy będziemy właśnie wdrażać Stray Connect.
Ponieważ będziemy musieli połączyć konto takiego hosta w strefie z naszym kontem,
tak żebyśmy mogli odpowiednio przekazywać mu te pieniążki, a przy okazji pobierać
ten procent, o którym wcześniej wspomniałem.
Tak więc dodaj proszę te dwie grupy.
Jak widzisz nie ma tutaj nic trudnego.
Trzy przyciski i dwie grupy.
OK, mam nadzieję, że to już jest gotowe.
Teraz możemy przejść do tego tutaj.
Po kliknięciu w ten button, tak jak mówiłem, będziemy kierować
użytkownika na stronę.
Ja ją nazwałem subskrypcją.
Dodałem po prostu nową stronę planując ją ze strony Profile.
Przejdźmy teraz na nią.
I to co zrobiłem tutaj zostawiłem tylko na oraz footer i w page wrapper.
Tutaj w container wywaliłem wszystko co było w środku i dodałem
na razie tylko nagłówek.
Ponieważ tak jak mówiłem tylko to nam będzie potrzebne, a tę listę potem
wygenerujemy sobie w Strip i wklejamy ją tutaj właśnie na naszą stronę.
Tak więc jak widzisz, nie ma tutaj zbyt wiele pracy.
Nie powinno Ci to zająć więcej niż dwie trzy minuty.
Utwórz taką stronę.
Pamiętaj o tym, że jeśli kopiujesz ją tutaj z profile
to musisz odznaczyć Type of content. Tam był user.
Tutaj nie potrzebujemy żadnego typeof content.
Musi to pozostać właśnie w takiej formie.
I na tym kończymy tą lekcję.
Wdrożyliśmy podstawowe ustawienia na koncie STRIP, dodaliśmy swoje pierwsze
subskrypcje, a w kolejnej lekcji zadbamy o to, aby właśnie wdrożyć je do
serwisu i odpowiednio obsługiwać.
A więc do zobaczenia już za moment!