E-commerce
3 godz. 52 min · Webflow · UI, UX i Webdesign
Grzegorz RógIdea ArchitectZ pomocą Webflow, stworzysz gotowe, zaawansowane rozwiązanie e-commerce, z pomocą wizualnego interfejsu. Pod spodem działa rozwiązanie bazodanowe, które w gui pozwala Ci łatwo definiować i edytować produkty, kraje wysyłki, ceny a także spiąć całość z jednym z najnowocześniejszych systemów płatności - Stripe. Aby stworzyć sklep, nie potrzebujesz jednak wiedzy programistycznej, wszystko wykonasz wewnątrz kreatora Webflow.
Webflow pozwala na przygotowanie wyglądu Twojego sklepu, który jest w pełni dostosowany do Twoich (lub Twojego klienta) potrzeb. Możesz wdrożyć dowolny projekt, stworzyć i zaprojektować stronę produktu, koszyka, a także pozostałe podstrony sklepu. Dodatkowo, możesz łatwo rozbudować go nie tylko o statyczne, ale i dynamiczne podstrony, wykorzystując CMS. W ten sposób dodasz do swojego sklepu np. bloga.
O ile sklepy, które sprzedają lokalnie wysyłkowe produkty mogą na ten moment nie być najlepszym wyborem pod Webflow, głównie z uwagi na system wysyłek i płatności, to jeśli rozważasz sprzedaż na cały świat, Webflow posiada kilka naprawdę ciekawych rozwiązań. Kolejne ciekawe zastosowanie e-commerce w Webflow to możliwość sprzedaży produktów cyfrowych - jak e-booki, kursy wideo i inne. To obecnie jeden z najlepszych systemów dla twórców, którzy chcą sprzedawać w sieci, również na cały świat.
W kursie skupimy się na przygotowaniu bardzo praktycznego rozwiązania. Pokażę Ci jak wdrożyć w Webflow kompletny system e-commerce, który odwzorowuje dokładnie istniejący sklep zaprzyjaźnionej marki MKTP (polecamy!). Dzięki temu na rzeczywistych danych postaram się pokazać Ci jak może wyglądać wdrożenie projektu w Webflow.
Choć Webflow nie posiada tysięcy wtyczek, jak WooCommerce, ma też w stosunku do innych systemów dość istotne przewagi - możliwość hostowania i skalowania Twojej strony niezależnie od ruchu, profesjonalny system do tworzenia customowych szablonów i wiele więcej. Tam, gdzie brakuje funkcjonalności, możemy jednak wspierać się automatyzacjami. W kursie dowiesz się jak połączyć Webflow z Zapier czy Integromat, aby stworzyć rozmaite procesy wokół zakupów. Dodatkowo, możesz rozszerzyć jego możliwości o lepszy koszyk np. z pomocąć Foxy Cart i innych rozwiązań, które dają wiele możliwości!
Webflow oferuje szereg narzędzi ułatwiających modyfikację sklepu jak i zarządzanie stanem magazynowym i przyjmowanymi zamówieniami z pomocą przeglądarki - obsługa sklepu może w ten sposób łatwo dokonywać zmian i monitorować zamówienia. Dodatkowo, do sklepu można dorobić szereg automatyzacji. Jeśli zarządzasz wieloma sklepami dla klientów, możesz uruchomić opcję billing - ciekawy wariant w którym klienci opłacają wszystkie usługi a także Twoje usługi utrzymania serwisu.
Kurs został przygotowany z myślą o tych z Was, którzy znają już Webflow i chcą zacząć budować sklepy internetowe dla siebie, lub oferować taką usługę swoim klientom. Webflow to także jedno z najlepszych narzędzi pozwalających sprzedawać na cały świat cyfrowe produkty - będzie więc świetnym rozwiązaniem dla twórców, którzy myślą o takich przedsięwzięciach. Zdecydowanie polecamy jednak wcześniej zapoznać się z pozostałymi kursami Webflow, a także kursem HTML od Podstaw. Web Developerzy mogą także wykorzystać platformę e-commerce w Webflow do szybszych wdrożeń a także rozbudowania swojego portfolio o modną, rosnącą w siłę usługę.
Cześć wita w kolejnej elekcji w której chciałbym pokazać Ci jak możesz z pomocą
internetu zrobić jeszcze trochę bardziej zaawansowane integrację m.in. np.
przerzucić informacje o twoich klientach w jakieś inne miejsce.
Jeżeli korzystasz z systemu CRM np.
systemu HP spot możesz bardzo łatwo.
Dane o nowych transakcjach i o nowych klientach przenieść do tego CRM to jest
bardzo ważne ponieważ w cyklu życia twojego klienta być może będziesz chciał
kontaktować się z nim wielokrotnie przy różnych okazjach.
Będziesz chciał mieć dane klientów którzy
kupili jeden konkretny produkt po to żeby np.
zareklamować jakiś inny produkt który
właśnie wchodzi do oferty i warto to zrobić.
I można to zrobić łatwo z pomocą modułu
Web który wbudowany jest w integrować wybiera polecenie continuum.
I w przypadku wysyłania danych z logo integracja ma tutaj jeden event który jest
ważny czyli jeden łeb Chuck Evans i możemy tutaj śledzić różne
zdarzenia te powiązane z e-commerce to jest nowe zamówienie zmiana zamówienia
oraz zmiana inwestora czyli zmiana stanu magazynu.
Wybieramy Web hub tworzymy na potrzeby na
te potrzeby nowy Web i możemy powiedzieć że to będzie Web Shop border.
Możemy wybrać na she said it m KDP.
Jesteśmy oczywiście połączyli właśnie Tiger Tip z czego chcemy korzystać chcemy
reagować w momencie kiedy w systemie e-commerce pojawi się nowe zamówienie
wybieram polecenie konwersją order i wybieramy polecenie save.
W tym momencie będę chciał
przekazać tę informację o nowym zamówieniu do mojego systemu zarządzania treścią do
mojego CRM a w tym przypadku skorzystam sobie z darmowego CRM jakim jest HP spot.
Wystarczy założyć darmowe konto na HP spocie.
To co będzie nam potrzebne to klient albo update kontakt.
Czyli tworzymy albo aktualizuje my kontakt jeżeli już istnieje.
Jak zwykle musimy połączyć się z naszym HP Sopotem do którego jesteśmy aktualnie
zalogowanie i mamy coś takiego jak Properties czyli
informacje o kliencie zobacz że informacje o kliencie tutaj jest bardzo dużo.
Wymagana jest e-mail główną więc możemy
kliknąć a następnie zobaczyć jakie dane zostają przesłane przez łeb.
Gdybyśmy słuchali tych danych i stworzyli
sobie nowe zamówienie to wszystkie te rzeczy by zostały wypełnione.
Ale nawet nie musimy tego robić ponieważ mamy np.
coś takiego jak Customer info.
Mamy dodatkowo też informacje o projekcie jest IT czyli o kupowanych produktach i
możemy to rozwinąć i zobaczyć produkt nam np.
czyli jaki produkt dana osoba kupiła.
To są wszystko dane które możemy teraz wysłać do HP czyli wysłać do naszego CRM i
w zasadzie im więcej tych danych wyślemy tym lepiej.
Ja pokażę ci to na przykładowych danych
ale to oczywiście mógłbyś to uzupełnić o dodatkowe rzeczy związane np.
z przesyłką adresem itd.
Ja przekażę tutaj email w to miejsce które jest potrzebne.
Wybierzmy też First Name tutaj niestety jest coś takiego że w danych klienta mamy
więc nie mamy pierwszego imienia tylko całe imię i nazwisko moglibyśmy
ewentualnie za pomocą funkcji inne gromady zrobić tutaj Split i podzielić to na
pierwsze słowo i drugie słowo które wprowadziliśmy w last name natomiast moim
zdaniem lepiej jest przekazać nawet całe imię i nazwisko tutaj.
Czasem ktoś ma trzy człony w imieniu i
nazwisku więc myślę że warto to zrobić nawet w jednym
polu i po prostu trochę dostosować nasz CRM do tego żeby zawierał pełne imię i
nazwisko to co bym chciał jednak przekazać to jest informacja o zakupie i teraz tutaj
nie ma takich rzeczy są adresy jakieś worki e-maile itd.
Natomiast nie ma informacji o tym jakie produkty kupował ten nasz klient.
A ja chciałbym żeby takie informacje się tutaj znalazły.
W związku z tym na razie wybiorę polecenie ok a następnie przejdę do HP wybiorę tutaj
sekcję Contact i przejdę do kontaktów w kontaktach znajdują się jakieś dwa
przykładowe rekordy które zostały wygenerowane przy tworzeniu naszego konta.
Ale to co będziemy chcieli zrobić to
przejść do akcji i edytować właściwości klienta EBIT Properties mamy bardzo dużo
właściwości które można uzupełniać ale my możemy też stworzyć nową Properties.
I teraz mamy podstawowe informacje czyli
chcemy to Property i przyporządkować do kontaktu który tworzymy.
Możemy też wybrać jakieś
jakąś konkretną grupę informacji które są podporządkowane do klienta a będą to w
naszym przypadku Sales Properties czyli informacja o sprzedaży.
Będziemy chcieli też to nazwać label
piszemy tutaj czy jest produkt nam skrypty możemy zostawić puste bo ten label jest
odpowiednie wpisowe i jeszcze typ tego pola musimy wybrać ja
to wybiorę na multi line tekst i w tym momencie wybiorę polecenie klienta.
Takie pole zostało automatycznie utworzone.
Pierwszy produkt najmu.
Teraz możemy wrócić do gromady i przejść sobie jeszcze raz do hasło CRM.
I teraz polach Properties może po prostu wyszukanie to z pomocą komend czy kontrolę
w przeglądarce zobaczy że znajduje się takie dodatkowe pole produkt.
W ten sposób możemy przekazać informację o produkcie czyli wszystkie dodatkowe
informacje które chciałbyś tutaj przekazać.
Możesz bez problemu to zrobić tworząc sobie nowe pole.
Pierwszy jest hitem.
Ja będę chciał przekazać produkt i w ten sposób będę opisywał za każdym
razem ewentualnie nowe produkty które kupił klient.
Oczywiście cały CRM to jest bardzo złożona struktura danych która poza informacjami o
naszych klientach może zawierać informacje o sprzedaży.
Cały plan sprzedażowy czyli na jakim etapie sprzedaży nasz klient się znajduje.
Mamy również marketing czyli możliwość
nawet wystawienia stąd jakiś landing page i integrować tego z kontami social media.
Ale to wszystko zostało już do odkrycia ja chciałem pokazać jak w takiej prostej
automatyzacji można przekazać dane o nowym zakupie.
Do jakiegoś zewnętrznego systemu a to prosta automatyzacja.
Będziemy chcieli też rozszerzyć Przykładowo
możliwe jest tworzenie dokumentów w tym nawet dokumentów sprzedażowych.
Ale ponieważ jest to tylko w opcji płatnej to chciałem pokazać jak można jeszcze
zintegrować jakieś inne narzędzia które przykładowo pod nieobecność na razie o
możliwości automatycznego generowania i wysyłania poprawnych.
Mogłyby to zrobić za nas i pokazać to rozszerzając naszą automatyzacja.
W kolejnej lekcji do usłyszenia.