VIDEO TRANSCRIPTION
No description has been generated for this video.
Mamy już stworzony produkt na EasyCard i wiemy też jak można udostępniać linki do tego produktu. Więc teraz bardzo łatwo możesz te linki na przykład wstawić pod swoimi filmami na YouTube albo do swojego bio w Instagramie i po prostu udostępniać je w łatwy sposób wysyłając w wiadomościach, na Messengerze czy w mailach. No a jak przygotować ofertę i jak podłożyć i wstawić taki link na przykład na naszą stronę przygotowaną w WordPressie. Chciałem Ci to pokazać w tej lekcji i zaproponować również jakieś może metody alternatywne. Przede wszystkim warto jest stworzyć na potrzeby naszego produktu jakiś landing page, bo będzie on tłumaczył lepiej ofertę.
W naszym przypadku jest to dietetyczny niezbędnik każdej mamy, więc warto by było trochę lepiej go opisać. I my rzeczywiście mamy szereg takich stron, które lepiej opisują ten niezbędnik, z których część stron to są po prostu statyczne strony. Na przykład ta na domenie mamypomysnna. pl i tutaj znajdują się opisy, znajdują się wszystkie rozdziały po kolei. No i oczywiście również linki do zakupu poszczególnych części oraz wszystkich części razem. I tutaj potrzebujemy na takiej statycznej HTMLowej stronie, która jest po prostu u nas na serwerze podlinkować te przyciski Kupuje. Poza tym mamy WordPressa, na którym znajduje się blog i WordPress całkiem dobrze się nadaje do tego, aby właśnie prowadzić system blogowy.
W związku z tym możemy tego WordPressa zmodyfikować w taki sposób, aby tę sekcję promowaną tutaj z książką zaopatrzyć jeszcze w link do jej zakupu, więc to też postaramy się zrobić. No i w końcu o ile WordPress jest bardzo popularnym darmowym rozwiązaniem, to tak naprawdę on nie do końca jest darmowy. No bo musimy kupić na niego hosting, mieć jakąś domenę SSL i tak dalej. Musimy to skonfigurować, dbać o bezpieczeństwo tej strony, aktualizować wtyczki i tak dalej. I my raczej rekomendujemy inne rozwiązania, o ile oczywiście dobrze nadają się do tego, co chcemy zrobić. Jeśli to jest na przykład statyczna strona, możesz przygotować ją w serwisie, który nazywa się kart. co.
Dosłownie za kilka dolarów rocznie możesz hostować tę stronę razem z certyfikatem SSL i tworzyć tutaj naprawdę bardzo proste strony z ofertami. I w takim przypadku bardzo łatwo można podpiąć ten nasz przycisk, czyli ten nasz link, bo wystarczy, że udostępnimy i skopiujemy sobie link do koszyka. Następnie na taką statyczną stronę wstawimy jakiś przycisk, w przypadku kart po prostu wstawia się go plusem i wybiera się buttons. I tutaj możemy już wyedytować sobie ten przycisk i jego adres URL, po prostu wklejamy ten adres do naszego checkoutu. W ten sposób automatycznie będziemy przekierowywać ludzi na właściwy koszyk.
Bardzo podobnie możesz zrobić na przykład na Wixie, czy na Squarespace, które są prostymi i bardzo tanimi edytorami stron internetowych, które możesz zrobić jako strony statyczne. A my zmienimy je w e-commerce przez to, że po prostu pod guziki wstawisz jako URL odpowiedni adres do koszyka. Podobnie możesz zrobić w Webflow, które bardzo polecam, ale już osobom, które chcą trochę bardziej na poważnie się zająć webdesignem i tym projektowaniem swojej strony. Webflow ma na pewno dużo wyższy próg wejścia niż na przykład Wix, czy Squarespace, czy Card, ale umożliwia z kolei tworzenie bardzo zaawansowanych witryn w trybie wizualnym bez kodowania. Natomiast tak jak wspomniałem, Webflow ma dość wysoki próg wejścia, więc nie jest to dla osób zupełnie początkujących.
Tak czy inaczej w Webflow znajdują się przyciski i tutaj możemy zaznaczyć dowolny przycisk, wejście go ustawienia, czyli w Settings, to jest element Settings i właśnie tutaj znajduje się sekcja URL. I to właśnie w tym miejscu wybieramy opcję External URL i będziemy prowadzić na zewnątrz tej strony, a następnie wklejamy link do naszego koszyka. I to w zasadzie tyle. Strona po kliknięciu opublikowania publish w Webflow po prostu po kliknięciu na ten guzik będzie kierować do naszego koszyka. Zauważ, że w Webflow możemy też przygotować na przykład jakieś bardziej rozbudowane sekcje prisingu, no i możemy na przykład linkować sobie do poszczególnych różnych cen.
I wtedy jeśli mielibyśmy na przykład rozmaite pakiety naszych książek, moglibyśmy zaznaczyć sobie pakiet pierwszy, następnie w panelu sprzedawcy skopiować odpowiedni link do wersji, na przykład za 69 zł. I bezpośrednio podpiąć go pod ten przycisk By Now wklejając go po prostu do sekcji URL. I tym samym moglibyśmy tutaj linkować do tych konkretnych poszczególnych cen, które możemy uzyskać z wariantów naszego koszyka w sekcji udostępni. Zatem Webflow, Card, Wix czy Squarespace to naprawdę bardzo proste sposoby na stworzenie bez kodowania w edytorze wizualnym prostych stron, które możemy bardzo łatwo aktualizować, hostować i podpinać do nich linki do koszyka.
Wiem jednak jak jest na teraz i wiele osób korzysta z WordPressa, więc możemy też zobaczyć jak to wyglądałoby w WordPressie. Chcemy wstawić na przykład ten link do jakiejś statycznej strony w WordPressie, no to przejdźmy do kokpitu i przejdźmy sobie do stron. Oczywiście tutaj mamy szereg stron, możemy stworzyć sobie jakąś nową, wyedytować taką stronę. No i w nowym edytorze WordPressa wystarczy wybrać sobie blog, a następnie wpisać tutaj button, czyli czy nawet przyciski po polsku. No i teraz dodajemy przycisk na przykład Kup książkę, a następnie upewniamy się, że jako link po prostu mamy wklejony ten nasz adres URL do koszyka i możemy ewentualnie otwierać go w nowej karcie.
W ten sam bardzo prosty i intuicyjny sposób możemy stworzyć sobie na przykład blog acapitu, wpisać tutaj jakiś tekst Kup książkę, a następnie zdecydować, że ten tekst będzie linkiem i również w ramach tego tekstu po prostu będziemy linkować do naszej książki, więc czy to we wpisie na blogu, w poście, czy w dedykowanej stronie na WordPressie można w bardzo łatwy sposób po prostu wpinać te linki. To co możemy zrobić jeszcze w naszym przypadku, kiedy akurat ta konkretna strona pochodzi z szablonu, bardzo często korzystamy z WordPressowych szablonów i ta strona główna właśnie pochodzi akurat tutaj z szablonu. Więc w takiej sytuacji będziemy chcieli przejść do sekcji Wygląd.
Szablon to inaczej motyw, więc będziemy chcieli dostosować ten motyw, z którego aktualnie korzystamy w WordPressie. I w zależności od różnych motywów będą one miały jakieś rozmaite tutaj ustawienia. W naszym przypadku trzeba wejść do widgetów i jest coś takiego jak sidebar. I właśnie to co widzimy tutaj to jeden z widgetów, który znajduje się w sidebarze. Jest tutaj treść, książka i zobacz, że możemy po prostu wypełnić ten tekst, tekst który się tutaj znajduje, a następnie mamy tutaj sprawdź koniecznie w kodzie HTML. Możemy to sobie skopiować, wkleić też poniżej, zrobić jeszcze jakiś dodatkowy odstęp, br, a następnie wpisać tutaj kup teraz.
No i oczywiście jako link, który tutaj chcemy podać pomiędzy cudzysłowami w ahref będziemy chcieli podać link do naszego koszyka, czyli jeszcze raz kopiuję sobie po prostu link do koszyka, a następnie wklejam go tutaj w sekcję ahref. I w tym momencie mam już sprawdź koniecznie albo kup teraz i oczywiście po opublikowaniu tego przycisk kup teraz będzie prowadził po opublikowaniu tej strony bezpośrednio do zakupu do naszego koszyka. W ten sposób można to łatwo zrobić w WordPressie, a jak to zrobić na statycznej stronie, jeśli jeszcze w ogóle ktokolwiek korzysta z tego w ten sposób, że ma jakiś swój wykupiony serwer i tam ma pliki HTML, które po prostu aktualizuje.
Nie uważam, że jest to jakiś zły sposób, ale na pewno istnieją dużo szybsze metody, właśnie wykorzystanie na przykład kart czy innych edytorów. Natomiast tak czy inaczej, jeśli mamy rzeczywiście taką stronę i ona ma tutaj swój index HTML, to teraz możemy sobie skopiować ten index HTML lokalnie. Chcemy otworzyć go na przykład w edytorze typu Adobe Dreamweaver albo w Visual Studio Code, które jest darmowe, jeśli chcemy to zrobić bezpośrednio tutaj w kodzie. No i to jest ta nasza statyczna strona, którą mamy tutaj. Więc to teraz możemy skopiować na przykład tą nazwę drugi trymestr. Następnie odnajdziemy ją w tym dokumencie, czyli wciskam Command czy Control F, a następnie wpisuję drugi trymestr e-book i odnajduję ten fragment tekstu.
Upewniam się, że to jest to, bo rzeczywiście tutaj jest coś takiego jak kupuję 29 jako przycisk. No i super, to jest właśnie ten przycisk, który chcemy podlinkować do koszyka. Więc korzystamy tutaj ze składni HTML, czyli dopisujemy znacznik A, następnie atrybut href i w poznaku równości w cudzysłowie wkleimy nasz link do koszyka. Który link do koszyka? No ten link do drugiego trymestru, więc w panelu sprzedawcy będę chciał w sekcji udostępni skopiować sobie dokładnie ten link, a następnie będę chciał umieścić go bezpośrednio tutaj w cudzysłowie w atrybucie href i będzie to link kierujący do tego drugiego trymestru.
Teraz domknąłem ten znacznik, ale domknięcie znacznika A powinno się znaleźć oczywiście za przyciskiem i w ten sposób będzie onlinkował bezpośrednio do naszego koszyka. Więc mogę zapisać te zmiany i te same zmiany musiałbym wykonać w przypadku wszystkich pozostałych przycisków, czyli musiałbym znaleźć trzeci trymestr, czyli ten guzik i pod wszystkie podstawić odpowiednie linki, które pobrałbym sobie z sekcji udostępni na EZCard. Mając to zrobione w ten sposób mogę po prostu zapisać zmiany w pliku index.
html, no i oczywiście przejść do tego mojego menadżera FTP, czyli na przykład jakiegoś cyberduck na macu lub też total commandera na pececie i przeciągnąć sobie jeszcze raz ten index do mojego serwera FTP, nadpisując poprzedni plik i mam tutaj możliwość nadpisania, no i ta strona zostałaby zaktualizowana. Więc przeszliśmy przez możliwie wszystkie opcje, czyli podstawianie linku do guzika w jakichś popularnych czy tanich edytorach, takich które zdecydowanie polecam jak Card czy Webflow czy nawet Squarespace. Mówiliśmy też o tym, że można to bardzo łatwo zrobić w WordPressie, czy to na stronie, czy modyfikując cały szablon. No i w końcu pokazałem Ci jak można zrobić to bezpośrednio w kodzie HTML, jeśli w ten sposób edytujesz swoją stronę.
Więc to prawdopodobnie wyczerpuje katalog możliwości tego jak sobie podlinkować koszyk z landing page'em, ale gdybyś miała jakieś pytania to oczywiście zapraszam do nas na Slacka. Dziękuję Ci za uwagę w tej lekcji, do usłyszenia. .