MVP aplikacji w rekordowym czasie z Bubble: Jaki system mailingowy wybrać
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?
Witaj w pierwszej lekcji trzeciego modułu, w której porozmawiamy sobie o systemie
mailingowych w naszej aplikacji oraz o tym, które z dostępnych na rynku
narzędzi warto przetestować.
Ale po co właściwie potrzebujemy takiego zewnętrznego systemu,
skoro mamy go już Babel?
I tak, zgodzę się z Tobą w stu procentach.
Jeśli przejdziemy sobie teraz do zakładki Workflow, a w zasadzie jestem najpierw na
stronie Scratch PAD, to wyjmę sobie ten przycisk.
Dajmy tutaj label Send Email.
Zmieńmy tutaj jeszcze nazwę.
I teraz rozpocznijmy workflow.
To Twoje czujne oko wypatrzył tutaj zakładkę email.
To oczywiście gratuluję.
I mamy tutaj gotową akcję send i maila.
I tak naprawdę to mogłaby nam wystarczyć.
Mogę tutaj teraz podać odpowiednie wartości.
Do kogo?
Myślę sobie to sam do siebie.
Nazwijmy tutaj tej Nest Sender Name.
Będzie właśnie tak subject powiedzmy Welcome.
I tutaj przechodzimy do największego problemu, jaki właśnie napotkasz w
tej gotowej akcji, a mianowicie możemy tutaj podać Buddy, natomiast nie
mamy tutaj żadnego fajnego edytora.
Oczywiście mamy Rich Text Editor, ale on odpowiada właśnie tylko za taki text,
więc jeśli chciałbym tutaj przekazać jakąś treść maila np.
.
You.
Welcome to the next.
Best Records.
I teraz wysłał takiego maila.
Zaraz zobaczysz, jak on będzie wyglądał w mojej skrzynce odbiorczej.
A więc przejdźmy do preview.
Odświeżamy.
Klikamy Send email i taki email powinien zostać wysłany.
Zerknijmy czy on trafił do mojej skrzynki odbiorczej.
A właśnie trafił.
Przede wszystkim jak widzisz tutaj jako nazwę mamy Office, czyli
po prostu ID naszej aplikacji.
Po drugie sam wygląda właśnie tak.
Co moim zdaniem jest po prostu straszne.
Jest to bank, który bardziej przypomina spam, który będziesz otrzymywał
niż jakąś wiadomość z naprawdę sprawdzonego i dobrego
serwisu internetowego.
Dodatkowo nie możemy tutaj w żaden sposób obrabować takiego maila, dodać jakiś
obrazków, jakiś tekstów, linków itd.
Dlatego też jak widzisz, pomimo tego, że rzeczywiście możemy tutaj wysłać maila
samego bubel, to jednak zdecydowanie nie polecam tego robić właśnie w ten sposób i
w takim przypadku polecam jednak wykorzystać inne narzędzia.
A u nas będzie to Sanepid, z którego jak się okazuje tak naprawdę pod
spodem właśnie korzysta bubel.
Czyli ten mail, który wysłaliśmy przeszedł właśnie przez Grida.
Natomiast jeżeli założymy tam własne konto, to będziemy mieć
dużo więcej możliwości.
Ja przejdę sobie tutaj do swojego konta na Androidzie.
Nie będę Ci pokazywał jak go tworzyć.
W tym celu odsyłam Cię do całej masy tutoriali dostępnych w sieci.
Moim celem nie jest wytłumaczenie tutaj samego tego narzędzia, ale raczej
pokazanie Ci, jak możemy go wykorzystać właśnie w praktyce.
Sam proces weryfikacji założenia konta jest dosyć prosty.
Musisz podać po prostu swoje dane.
Dobrze też, abyś posiadał własną domenę.
Wtedy w prosty sposób będziesz mógł tutaj zweryfikować.
Ja w tym celu polecam założenie jej w serwisie GoDaddy, ponieważ w przypadku
Grida czy innych narzędzi bardzo często spotkasz się z takimi gotowymi
konfigurator ami, które znacznie ułatwiają cały proces.
Ja już przeszedłem właśnie taką wstępną konfigurację.
Zweryfikowałem swoją domenę.
W moim przypadku musiałem zrobić to ręcznie, ponieważ
korzystam z serwisu Home.
PL, a całość sprowadzała się właśnie tutaj do przejścia
do opcji zarządzania rekordami DNS i dodania kilku wpisów zgodnie z
instrukcją przekazaną mi przez Zgreda.
W przypadku Home musiałem tutaj dodać kropki na końcu.
Tego nie będziesz miał np.
w samej instrukcji, ale jeśli korzystasz właśnie z tego
dostawcy domeny, to uczulam Cię na coś takiego.
Dodatkowo po zweryfikowaniu domeny będziesz miał tam informacje
o następnym kroku.
W tym celu wystarczy po prostu dodać adres mailowy, z którego będziemy
korzystać wysyłając wiadomości.
Ja też już to zrobiłem, a więc moje konto jest w pełni aktywne i mogę
przystąpić do działania.
Natomiast jeśli zastanawiasz się dlaczego ja akurat polecam Androida jako właśnie
takie narzędzie do wysyłki maili, to stoi za tym kilka bardzo ważnych powodów.
Przede wszystkim w przypadku tego narzędzia bardzo łatwo jest rozpocząć
pracę, czyli posiada on taki właśnie dosyć prosty system weryfikacji wstępnej.
W przypadku innych narzędzi często trzeba podawać bardzo wiele różnych informacji
o sobie, najlepiej dane firmowe.
Dodatkowo takie konta są bardzo mocno weryfikowane.
A dlaczego? Oczywiście po to, abyś nie wysyłał spamu.
Żadne z takich narzędzi mailingowych nie chce, aby ich użytkownicy
spróbowali innych użytkowników.
Dlatego też wydaje mi się, że akurat tutaj rozpoczęcie pracy z
Glide jest dosyć proste.
Ten proces weryfikacji mi przynajmniej zajął około 5 minut, co jest
naprawdę całkiem dobrym rezultatem.
A tutaj Dodatkowo w przypadku Grida mamy jeszcze dwie niesamowicie ważne zalety.
Otóż to narzędzie pozwala nam na wysyłkę dwóch rodzajów maili.
Co mam na myśli mówiąc dwa rodzaje maili?
Otóż w przypadku właśnie takich narzędzi spotkasz się z mailingu
podzielonym na mailing transakcyjny.
Czyli jak sama nazwa wskazuje są to maile powiązane z transakcjami w Twoim serwisie
i ogólnie z działaniami, o których użytkownik powinien zostać powiadomiony.
Na przykład w naszym przypadku będzie to mail z kodem do potwierdzania konta,
potwierdzenia dokonania bookingu, ewentualnie przesłania
jakiegoś dowodu zakupu itd.
Czyli są to maile, gdzie powinno Ci zależeć na ich jak największej
dostarczanej ilości.
Natomiast drugi typ mailingu to maile marketingowe, czyli wysyłane głównie w
ramach kampanii marketingowych powiązanych z ofertami lub promocjami
w Twoim serwisie.
Tu oczywiście też zależy nam na tym, by takie maile dotarły, ale nie jest to
aż tak kluczowe jak w poprzednim typie.
Dlatego też właśnie Secret daje tutaj opcję wysyłki zarówno jednych, jak i
drugich, co sprawdza się fantastycznie.
Jeśli właśnie dopiero startujesz ze swoją aplikacją i chcesz mieć
wszystko w jednym miejscu.
Pamiętaj jednak, że Sandwich nie jest też niestety pozbawiony wad.
Główną jest to, że jest on przeznaczony przede wszystkim dla
dużych firm, a więc tzw.
rozgrzanie naszego adresu mailowego może zająć chwilę.
Możesz być pewien, że na początku większość maili, które będziesz
wysyłał trafi do skrzynki spam.
Ale nie przejmuj się, jest to jak najbardziej celowe działanie.
Street musi się upewnić, że rzeczywiście prowadzisz działalność, nie wysyła żadnego
spamu i Twoje maile powinny docierać do użytkowników.
Dlatego też dobrym pomysłem na początku działalności jest rozesłanie takiego
mailingu głównie do znajomych.
W ten sposób będą oni w stanie oznaczyć, że nie jest to spam.
a z czasem dostarczane jest Twoich maili znacznie wzrośnie.
OK, skoro już wiemy na co nam pozwala Sunrise, jakie ma wady, to może teraz
przystąpimy do tego, aby dodać go w naszym serwisie.
A więc w pierwszej kolejności musimy przejść do zakładki Sessions kolejno do
An Subscribe groups i dodać grupy tzw.
and subscribe, czyli grupy, z których użytkownik będzie mógł się wypisać, jeśli
będzie chciał zrezygnować z mailingu.
Myślę, że na pewno miałeś z tym do czynienia, Jeśli kiedykolwiek
zapisałeś się na jakiś temat.
W przypadku kiedy kliknęło idź, wypisz się.
Pojawiały się często właśnie grupy dotyczące np.
ofert, jakiś transakcji itd.
Można było zaznaczyć, z których grup chcesz się wypisać.
Jest to wymagane prawnie i dlatego też musimy właśnie od tego zacząć.
Ja tutaj dodałem sobie dwie grupy.
Jak widzisz ta default owa o important alert.
Oczywiście te nazwy klikając tutaj Create new Group zarówno nazwę jak i Group
description możesz podać dowolne.
Pamiętaj, że zobaczą je Twoi użytkownicy.
Dlatego też warto np.
w przypadku maili transakcyjnych dodać tutaj taką nazwę, aby użytkownik dwa razy
zastanowił się zanim będzie chciał się wypisać z takich powiadomień.
Ja tutaj właśnie dodałem sobie Important Alert oraz grupę marketingową.
Z tego nie będziemy korzystać.
Natomiast chciałem się pokazać właśnie jak to sobie odpowiednio
na początek poustawiać.
A jeśli mamy już takie grupy and subscribe, no to musimy
teraz przystąpić do utworzenia pierwszego szablonu maila,
który będziemy właśnie wysyłać, czyli takiego szablonu maila transakcyjnego.
W naszym przypadku będzie to np.
mail powitalny w naszym serwisie.
Aby to zrobić przechodzimy tutaj do Mail Email API.
Kolejno do Dynamic Templates.
Jak widzisz ja już sobie takiego maila wstępnego utworzyłem.
Mam tu tylko email i dodany właśnie szablon takiego maila.
Mogę sobie tutaj kliknąć i przejść do niego.
Jestem jak widzisz super prosty.
Mamy tutaj obrazek, jakiś tekst, nasze logo i oczywiście ta grupa
subscribe, która musi być dodana do każdego maila.
Dlatego proszę Cię jej nie usuwaj.
Nawet jak ją wywalisz to Sigrid i tak ją potem doda.
Dlatego lepiej jest po prostu uwzględnić to od razu w naszym szablonie.
Natomiast jak stworzyć w ogóle taką template maila?
Wróćmy tutaj.
Klikamy w Create a Dynamic Template.
Teraz musimy nazwać taką template.
Stwórzmy sobie drugą, która będzie wysyłała kod PIN do weryfikacji, czyli w
naszym przypadku ta nazwa będzie równa po prostu PIN.
Teraz klikam Create.
I mogę przejść do edycji.
Czyli klikam sobie najpierw w nazwę, a kolejno Add version.
Pozwala nam dodać kilka wersji tych maili, czyli np.
możesz korzystać z jednej, a jednocześnie dodać sobie kolejną i potem ją np.
zastąpić. A więc klikam Add version.
I teraz tak możemy wykorzystać takie gotowe templatki z grida,
a jest ich całkiem sporo.
Natomiast tak naprawdę nie znalazłem żadnej fajnej, od której
chciałbym rozpocząć.
Są one dosyć średnie, więc raczej nie za bardzo ich polecam.
Zdecydowanie lepiej jest wybrać tutaj Your Email Designs Blank template.
Czyli zaczynamy od takiej pustej templatki i teraz mamy do wyboru dwie opcje.
Display Edytor, czyli taki wizualny edytor do składania maili znów w naszym
przypadku w zupełności wystarczy.
Natomiast zdecydowanie lepiej jest wykorzystać tą drugą opcję jako edytor.
Tu już musisz przekazać po prostu ręcznie kod HTML.
I tak, wiem, że brzmi to strasznie, ale nie przejmuj się, ponieważ w sieci
znajdziesz masę takich fajnych edytorów, które działają znacznie lepiej niż street
i pozwalają stworzyć w prosty sposób naprawdę świetnie wyglądające templatki.
Jednym z moich ulubionych jest to narzędzie o nazwie Post Cards.
Jak widzisz tutaj te templatki gotowe wyglądają już znacznie fajniej.
Dodatkowo możemy wybrać tutaj Create blank template i po prostu z takich klocków
poskładać sobie gotową templatki, a dodatkowo później wyeksportować kod HTML.
Oczywiście jest to narzędzie dodatkowo płatne, natomiast z tego co widziałem,
przynajmniej na chwilę obecną, jeśli stworzysz taką templatki maila to możesz
ją wyeksportować właśnie do kodu HTML chyba 10 razy o ile dobrze pamiętam, a
więc jest to w zupełności wystarczająca ilość do tego, abyś przygotował w tym
serwisie naprawdę fajnie wyglądający. Mailing.
Dobrany do Twojego brandu.
Potem go sobie wyeksportować i wczytał tutaj właśnie poprzez Editor.
Natomiast tak jak mówiłem w naszym przypadku będziemy wysyłać
super uproszczone maile.
Dlatego ja korzystam z Design Editor.
Klikam Select.
Teraz przechodzimy właśnie tutaj do takiego edytora, nazwijmy go.
Może to jest nazwa naszego maila?
W zasadzie to jest nazwa wersji takiego.
szablonu. A więc ja tu zawsze daję po prostu V1.
Tutaj dopiero mamy tytuł naszego maila.
Niech to będzie tajne.
W archiwum email.
Header to jest tekst, który pojawia się, kiedy dostajesz takiego maila na skrzynkę.
Ja tutaj zostawiam to z reguły puste.
Natomiast teraz możesz przejść do zakładki Build i odpowiednio
poskładać właśnie takiego maila.
Ja w pierwszej kolejności przeszedłem sobie tutaj do Global Styles i Mail Body
i pozmieniałem te wartości właśnie na pobrane z naszego serwisu.
Pokażę Ci w jaki sposób.
A więc przejdźmy sobie tutaj do Styles Stiles.
Stiles variable.
I teraz mamy tak. Neutral 25 To jest nasz base background.
A więc skopiuj sobie tą wartość.
Wstawiamy ją tutaj.
Tekst kolor w moim przypadku ten Neutral 600, czyli ta wartość.
I jeszcze kolor linków to jak się domyślasz będzie nasz kolor primary,
czyli ten.
Mogę sobie tutaj to zaznaczyć, skopiować i wkleić tu odpowiednią wartość.
To mamy do wyboru odpowiedni font family.
Niestety nie ma tamtego, z którego korzystamy bezpośrednio w naszym serwisie,
dlatego ja wybrałam tutaj Half strike.
I to wszystko Na razie tutaj to sobie zostawiam.
I teraz utwórzmy taki prosty szablon maila.
Zacznijmy może właśnie od logotypu na samej górze.
Czyli przeciągam sobie obrazek tu.
Jak widzisz wgrałem dwa wymagane obrazki.
Znów Wyciągnąłem je sobie bezpośrednio z naszego serwisu.
Czyli jeśli wrócili byśmy do naszej aplikacji to możesz przejść do Data File
Manager i wyszukać sobie Heroes oraz logo.
O ile logo jest w formacie PNG i wgrasz je bezpośrednio, tak obrazek Hero będzie w
formacie web, z którym niestety street sobie nie radzi.
Tak jak mówiłem, ma on niestety całkiem sporo ograniczeń.
A więc to co musisz zrobić to kliknąć tutaj.
Kolejno pobrać taki obrazek, czyli oczywiście tutaj mamy Zapisz grafikę jako.
I po pobraniu takiego obrazka w formacie web możesz przejść np.
do tego serwisu, czyli ping flow.
Adres jest widoczny na dole.
Jest to prosty konwerter, który zamienić obrazek web na PNG to dajesz go tutaj.
W ten sposób, a nawet nie mam. Usunąłem.
Więc niestety zaraz spróbujmy namierzyć go gdzie indziej.
Tu mam Hero Webb, a właśnie klikam Convert all i potem
download I w ten sposób będziesz miał odpowiedni format takiego obrazka, który
będziesz mógł sobie wgrać do konta na send quizie.
OK, skoro to mamy, to teraz muszę wybrać taki obrazek.
Chcę tam wstawić. Zaczynamy od logotypu Insert Image.
Teraz klikam na to pole, bo jest to zdecydowanie za duży obrazek.
Klikam OFF i wybieram tutaj wartość powiedzmy 60 na 60 pikseli
i dodam tutaj jeszcze padding 10 pikseli z każdej strony.
Teraz będę chciał tutaj wstawić kolejny element.
W moim przypadku będzie to po prostu tekst.
Tutaj znowu wybieram font Elastic padding najmniej 10
pikseli z każdej strony.
I tym razem będę musiał wstawić tutaj odpowiedni tekst.
Może zacznijmy w ten sposób, ponieważ tutaj jeszcze nie mamy imienia i
nazwiska naszego użytkownika, to musimy pisać tak ogólnie.
A więc będzie to heloł!
Is con firm.
Euro email.
Oczywiście bez literówek.
Using the pin code below.
OK, teraz mogę sobie zdublować to 2 razy, czyli klikam tu i tutaj.
Tu dodamy tylko Best.
Guard.
Z tej jest team.
A tutaj będziemy przekazywać nasz kod PIN.
No i właśnie w jaki sposób możemy go przekazać, skoro tutaj budujemy szablon, a
będziemy go wysyłać bezpośrednio z naszej aplikacji?
W większości takich narzędzi jest to niesamowicie proste, a w Anglii polega
tylko na tym, że musimy dodać takie właśnie wąsy, czyli Calibre i SS.
I tu wpiszemy sobie po prostu pin z małej lub z dużej.
Jest to po prostu nazwa zmiennej, której będziemy korzystać.
Ja tu dodatkowo będę chciał jeszcze to zmienić na dajmy tutaj 24 text kolor.
Dajmy może nasz tekst kolor tutaj z aplikacji, żeby
to było właśnie dużo lepiej widoczne, czyli nasz Primary 600.
A właśnie w ten sposób Half 24.
Czy możemy tutaj coś jeszcze zrobić? OK.
O właśnie. Teraz możemy sobie wybrać np.
Healing 3 i ok.
I w ten sposób ta część jest stała.
To mamy po prostu zwykły tekst, który wpisaliśmy z palca.
Natomiast tutaj zastosowaliśmy zmienną PIN i w ten sposób będziemy mogli przekazać
tutaj wartość z naszej aplikacji.
Ona zostanie wstawiona w to miejsce i taki mail zostanie oczywiście wysłany
tutaj do naszego odbiorcy.
Moglibyśmy tutaj dodać jeszcze jakiś inny obrazek, ale zastosujmy tylko
taką mega prostą klatkę.
Skoro mamy już ją gotową, klikam Save.
Czasami trzeba kliknąć w ten button dwa razy, żeby to zaskoczyło.
Nie wiem dlaczego, ale tak niestety jest.
I teraz mogę wejść.
Jak widzisz moja klatka została już odpowiednio zapisana.
Natomiast zanim przejdziemy właśnie do weryfikacji tego maila,
to może pokażę Ci w jaki sposób w ogóle połączyć sobie teraz Grida
z naszą aplikacją.
Przede wszystkim musimy przejść do zakładki Settings, kolejno API Keys.
I teraz Create API.
Kiedy appki tworzymy klucz.
Tutaj nadajemy naszą nazwę.
To jest nasza nazwa wewnętrzna.
Nikt nie będzie widział.
A więc ja sobie tutaj wpisze po prostu stay next.
Klikam.
Full access Możesz tutaj wybrać inne rodzaje.
Ja najczęściej korzystam po prostu z tego Create and view.
I teraz taki klucz został dla nas utworzony.
Ja go oczywiście potem usunę, a Ty będziesz musiał wykorzystać swój własny.
Pamiętaj, aby nikomu nie przekazywać takiego klucza, ponieważ ktoś mógłby w
Twoim imieniu zacząć spamować innych, a sanepid w takim przypadku policzy Ciebie,
ponieważ to Twój klucz, a więc Ty za niego odpowiadasz.
Ja go sobie tutaj kliknę i skopiuję.
Teraz musimy wrócić do naszej aplikacji, przejść do pluginów i namierzyć plugin
Send Grid, a ja już go tutaj namierzyłem. To jest właśnie ten.
I teraz to co muszę zrobić to wstawić apkę tutaj oraz tutaj, czyli dla wersji
produkcyjnej oraz wersji testowej.
Na razie będziemy wykorzystywać dokładnie ten sam klucz,
czyli mamy API key, dodaliśmy plugin, przekazaliśmy ten klucz we właściwe
miejsce i teraz będziemy już mogli korzystać z takiego pluginu.
A więc jestem na stronie Scratch PAD.
Przechodzę do Workflow.
Pozbywamy się tej akcji domyślnej i teraz możemy wybrać Plugins.
I mamy Street Send email.
Tu jak widzisz mamy dużo więcej ustawień.
Zaczynamy od tego, żeby tu było ustawione Dynamic.
Teraz musimy przekazać ID takiej templatki.
Skąd ją wziąść?
Jest to super proste.
Wracamy do Send Grida do Email API gdzie mamy nasze templatki.
Mam tutaj wielką email i kopiuję sobie tą wartość.
To jest właśnie ID takiej templatki.
Teraz wracam tutaj.
Możemy tutaj przekazać dynamicznie tytuł takiego maila albo ustawić go
sobie na sztywno w Androidzie.
Ja nie chcę go tutaj przekazywać, to dałem go tutaj.
Jeśli sobie to otworzę, to tutaj po prostu subject Welcome to stay
nest i ta nazwa będzie odpowiednio tutaj stawiana.
Jak widzisz mam tutaj jedną zmienną o nazwie name, a więc mogę sobie
ją skopiować, wrócić do naszej aplikacji. I teraz tak.
Subject możemy pominąć From Name.
Niech to będzie Stay Next Email address.
W moim przypadku jest on taki.
To jest email zapisany bezpośrednio na moim koncie Androidzie.
To do kogo chcemy wysłać, to oczywiście będziemy wysyłać taki mail powitalny, to
będziemy mieć dane naszego odbiorcy, ale chwilowo mogę sobie to wpisać
na sztywno, czyli office małpa.
Tajne info.
Nie potrzebujemy nikogo w CC ani w BCC.
Tutaj też nie musimy nic dodawać.
W tym miejscu przekazujemy sobie właśnie te zmienne, które będziemy
przekazywać potem do Androida.
A więc klikamy tutaj.
Musisz uważać, bo zostaniesz przekierowany na sam dół, czyli trzeba wrócić tutaj do
Variable, podać nazwę zmiennej name, bo tak mamy tutaj,
czyli będziemy sobie tutaj wstawiać imię takiego użytkownika i chwilowo wpiszmy
tutaj jakąś wartość na stałe np. William.
Resztę możemy pozostawić bez zmian.
I tutaj musimy przekazać ID takiej grupy, z której użytkownik może się wypisać.
A więc wracamy do Grida.
Wyjdźmy z tej templatki.
Przejdźmy tutaj.
I kopiuje sobie po prostu tą nazwę.
Aha, nie mogę jej skopiować.
To jest 24 807.
Czyli musimy wpisać tutaj po prostu 24 807 i tutaj podać data kiedy
chcemy wysłać takiego maila.
Taka data musi być zawsze do przodu, a więc najlepiej jest wybrać po prostu
Current date time i na przykład dodać sekunda.
To będzie zawsze data do przodu.
I teraz mamy to już wszystko poustawiane, a więc powinniśmy wykorzystać właśnie tą
klatkę, wysłać ją z takiej nazwy, z takiego adresu na taki adres odbiorcy
chwilowo wpisany, po prostu z palca i przekazać tutaj pod name William
zerkniemy czy nam to zadziała.
Klikam send i mail.
Mam informację, że coś się dzieje.
Pasek postępu taki mail jest wysyłane.
Jeśli się nigdzie nie pomyliłam, to powinien zostać przesłany.
O właśnie, nie mamy tutaj żadnego error, więc chyba wszystko jest w porządku.
Wróćmy do skrzynki odbiorczej i poczekajmy ile.
O widzisz, tu mam już Office Małpa kaman.
Mam odpowiedni tytuł i mam teraz szablon takiego maila, który jak sam widzisz
zdecydowanie lepiej wygląda niż ten mail wysyłany bezpośrednio przez
Bubel i dodatkowo wstawił się tutaj William w to odpowiednie miejsce.
Oczywiście moglibyśmy tutaj dopasować tą klatkę, żeby wyglądała znacznie lepiej,
ale moim celem jest pokazanie Ci przede wszystkim samej funkcjonalności, a
takie szczegóły pozostawiam już Tobie.
Skoro wiemy jak wysyłać maile poprzez Androida, a w kolejnej lekcji możemy się
zająć właśnie weryfikacją maila użytkownika po rejestracji
w naszym serwisie.