Webflow: Waluty i opcje dostawy

0:00Cześć! Witaj w drugiej lekcji, w której konfigurujemy nasz sklep.

0:03Jeżeli zaczynalibyśmy od nowego projektu w Webflow, chciałbym pokazać ci, jak to skonfigurować.

0:07Wybieramy moduł e-commerce,

0:08a następnie wybieramy po prostu Let's do this, czyli zgadzamy się na to, że Webflow niejako

0:13przekształci nasz projekt w projekt e-commerce

0:15i to nie jest już odwracalne. Natomiast z tym projektem e-commerce

0:19automatycznie zostały utworzone Produkty, a raczej miejsce na produkty - to jest

0:23specjalna taka kolekcja tak jak w module CMS - Kategorie, Dyskonty, Zamówienia.

0:29Mamy także strukturę stron, która została przygotowana. Te strony Ecommerce Pages, jak

0:33widzisz, zostały też automatycznie dla nas wygenerowane.

0:36Więc to wszystko dzieje się po jednym kliknięciu w sposób automatyczny.

0:39Natomiast Setup guide dla nowego projektu jest wypełniony tylko w tej części SSL,

0:44bo Webflow na swojej subdomenie zrobił dla nas certyfikat SSL.

0:48Resztę musimy wypełnić. My wcześniej nie

0:50korzystaliśmy z czystego, nowego projektu, w związku z tym te ustawienia dla naszego

0:54projektu są już po części wypełnione, ale są to głównie ustawienia związane z

0:59projektowaniem, czyli został tutaj dodany Koszyk, została zaprojektowana strona

1:03produktowa i to jest wszystko to, co jest związane z layoutem i co my chcemy w tym

1:07kursie w zasadzie jak najmniej temu poświęcić czasu, bo robiliśmy to w innych

1:11kursach, a jak najbardziej chcemy skupić się na e-commerce.

1:13W związku z tym będziemy pracowali na tym

1:16Setup guide naszego projektu z poprzedniej lekcji i pierwszym krokiem jest dodanie

1:20tutaj Business address, jak również zdefiniowanie waluty.

1:24Jeszcze raz, przechodzimy tutaj do Setup guide, klikamy w Setup guide, a następnie przechodzimy do

1:29pierwszego punktu. Musimy dodać nasz adres, a następnie zdefiniować Store Currency,

1:34czyli walutę. Te waluty są dostępne. Jest wiele walut, są złotówki również dostępne.

1:39My będziemy chcieli zrobić sklep w wersji

1:42zagranicznej, w wersji anglojęzycznej i będziemy chcieli skorzystać z waluty euro.

1:47Wybieramy w związku z tym euro z listy i kolejno wypełniamy też język oraz region.

1:53My zrobimy stronę po angielsku, a dane

1:55naszego biznesu po prostu wklejam ze strony. Wybieram teraz polecenie Continue

1:58i okazuje się, że Webflow przeniósł nas do jeszcze jednego miejsca,

2:02czyli z zakładki Ecommerce wylądowaliśmy w ustawieniach - Settings.

2:05I tutaj znajduje się ogólna sekcja

2:07ustawień Ecommerce, więc to tutaj znajdują się te najważniejsze ustawienia dotyczące

2:12płatności, checkoutu, dotyczące wysyłek naszych produktów, opodatkowania, itd.

2:17I jeśli już jesteśmy w tej zakładce, to

2:20zmieńmy odpowiednie rzeczy, czyli nazwa naszego sklepu - zmienimy na MKTP, podajemy

2:24także Customer support email - tutaj domyślnie się wstawi jako placeholder po

2:28prostu adres e-mail mojego konta, ale trzeba go oczywiście zmienić.

2:32I tutaj mamy Store Currency. Upewniamy się, że jest wybrane na euro. Price preview możemy zmienić,

2:38to znaczy, że możemy wybrać opcję Custom price formatting i możemy wybrać, czy

2:42preferujemy format amerykański, czy europejski do prezentowania ceny.

2:46Możemy też usunąć te dane po kropce,

2:50w ten sposób.

2:52Ale oczywiście tego nie chcemy robić, jeżeli mamy w sklepie końcówki, np.

2:5590 groszy, coś takiego.

2:57I poniżej znajduje się Price templet.

2:58Znajdują się tutaj zmienne, które możemy

3:00wybrać i również zmieniać ich kolejność, czyli tutaj mamy najpierw wybrany

3:05Currency symbol, czyli znaczek euro, następnie mamy Amount, czyli kwotę i

3:09kolejno mamy Currency code, czyli nazwę waluty.

3:12I to jest OK. Natomiast gdybyśmy chcieli to zmienić, to

3:15możemy przykładowo najpierw dodać tutaj Currency code, czyli euro 10 000,

3:21a tę ostatnią część usunąć.

3:24Jednak ja zostawię sobie tak jak jest, wybiorę polecenie Cancel

3:27i ten format ceny domyślny mi odpowiada.

3:29Jeśli będziemy robili kolejny sklep i już będziemy znali te opcje

3:32onboardingu, to po prostu wyłączamy sobie Setup guide.

3:35Na razie nam się przyda

3:36mamy jeszcze siedem kroków tutaj głównych do wykonania.

3:40Units system możemy wybrać brytyjski czy metryczny.

3:44Wybieramy system metryczny na Europę

3:46i wracam do Setup guide'u, czyli zapiszę te zmiany - Save.

3:50Mogę z pomocą sekcji General znów wrócić

3:53do Setup guide albo po prostu kliknąć na małą ikonkę z koszykiem i zobaczyć, że

3:57teraz mam tylko siedem kroków i dodałem Business Time.

3:59Nie mam jeszcze zrobionej opcji Review currency settings, więc możemy w to kliknąć i

4:04teraz ten step został zaliczony. Wybieram znów View setup guide

4:08i jak widzisz, jest oznaczone.

4:09Następnie mamy Add shipping method, czyli dodajemy metodę wysyłki naszych produktów.

4:14Jest to znów kolejne miejsce w tej sekcji e-commerce, czyli Shipping.

4:18W tym miejscu dodajemy tak zwane strefy wysyłek,

4:21czyli możemy kliknąć na polecenie Add shipping zone i np.

4:25zrobić tutaj Europe -

4:27w momencie gdy będziemy wysyłali do Europy.

4:29Dodajemy sobie teraz poszczególne kraje. Mamy Afrykę, Azję,

4:33Oceanię, Europę. Możemy kliknąć na wszystkie kraje europejskie

4:38albo wybrać tylko niektóre z nich, do których chcemy wysyłać.

4:41Wybieram polecenie Done. W ten sposób wybrałem

4:43wszystkie kraje europejskie. Wybieram

4:44polecenie Save i żeby włączyć daną metodę płatności, nie wystarczy zadeklarować to

4:49Shipping zone, bo jak widzisz, teraz są te opcje wysyłki wyłączone.

4:52Należy jeszcze wejść do środka i poza krajami, które dodajemy, dodajemy też

4:56Shipping methods, czyli nową metodę, którą trzeba tutaj zdefiniować.

5:00W tym miejscu informujemy Webflow, jak będziemy kalkulować stawkę za wysyłkę naszych

5:04produktów. Flat-rate to jest stała stawka, np.

5:0620 złotych za wysyłkę kurierem.

5:08Następnie mamy Percentage based, czyli kwota procentowa, np.

5:122%

5:12od naszego całego zamówienia. Price based będzie bazować na konkretnej cenie naszych

5:17produktów, które znajdują się w koszyku i w zależności od tej ceny, np.

5:22od 350 złotych, możemy zrobić darmową wysyłkę.

5:25Następnie Quantity based - w zależności od

5:28ilości rzeczy, które znajdują się w koszyku, np.

5:31znów od pięciu rzeczy w koszyku przesyłka może być darmowa. A następnie Weight based,

5:36czyli w zależności od wagi, jeżeli waga będzie atrybutem naszych produktów, które

5:41dodajemy do koszyka, będziemy mogli w zależności od wagi, jeśli przykładowo nasza

5:45paczka waży od 0 gramów do jednego kilograma, to wtedy np.

5:50wysyłka będzie kosztowała nas 10 euro, a jeżeli przykładowo będzie od 0 do 300 gram,

5:56to możemy zrobić wysyłkę darmową. Więc w ten bardzo prosty sposób można dodawać stawki

6:02w zależności od różnych kryteriów i można te stawki tworzyć rozmaite, np.

6:06jeśli teraz kliknę New rate, to możemy od 300 gramów do kilograma

6:10500 wstawić 10 euro i kolejne stawki możemy w ten sposób

6:15właśnie dodawać. Korzystając z innych metod, np.

6:19Price based mielibyśmy to samo, czyli

6:21deklarujemy minimalną i maksymalną cenę i podajemy kwotę przesyłki.

6:25Jeżeli np. nasza cena minimum jest powiedzmy 250 euro

6:30i chcemy wtedy zrobić wysyłkę darmową, to od 250 euro w górę będziemy mieli darmową

6:36opcję przesyłki. W New rate też możemy dodać nowe opcje.

6:39Jest to naprawdę bardzo intuicyjne.

6:41Wybierzmy sobie płaską stawkę, czyli po prostu

6:44będziemy charge'owali 15 euro za wysyłkę do krajów Unii Europejskiej.

6:49Przykładowo możemy nazwać ją Shipping to Europe i jako Description dodać Shipping to Europe Flat 15.

6:54Dodatkowo możemy zdecydować, czy 15 euro

6:57będzie to płaska cena za całe zamówienie, czy za każdy Item, czyli za każdy element

7:03naszego koszyka, który wchodzi w skład zamówienia.

7:05Jeśli byłyby np. trzy elementy w koszyku, to wtedy

7:09przełączając to na Per item, mielibyśmy cenę 45 euro za wysyłkę.

7:13Wybieram więc wszystkie w zasadzie warianty.

7:15Można tutaj sobie wybrać. Wybieram polecenie Save i mamy zapisaną

7:19metodę Shipping to Europe. Wybieram polecenie Save

7:22i, jak widzisz, dopiero teraz ta opcja

7:25wysyłki została włączona i będzie aktywna na stronie.

7:27Jak widzisz, w ten prosty sposób możemy

7:29zadeklarować rozmaite kraje, do których będziemy wysyłali, albo grupy krajów,

7:33dzięki dodaniu tej właśnie strefy.

7:36I możemy zróżnicować dla nich warunki wysyłki. Webflow wykrył dodatkowo, że nasz biznes jest

7:41zlokalizowany w Polsce i dlatego możemy inne warunki nadać dla Domestic Shipping,

7:46czyli dla wysyłania do kraju, w którym jest zarejestrowana nasza firma.

7:49Możemy wybrać nową metodę i tutaj także możemy wskazać np.

7:53Flat-rate. I teraz uwaga, jeśli na przykład wybralibyśmy

7:56tu Shipping, tu Poland i wybrali opcję darmową na całe zamówienie

8:00przy wysyłkach lokalnych, to możemy dodać kolejne metody,

8:04np. Weight-based i zadeklarować, że mamy tutaj Shipping heavy to Poland.

8:11Gdybyśmy mieli jakąś przesyłkę o masie np.

8:1510 kilogramów minimalnej, to wtedy zastosowalibyśmy stawkę np.

8:2010 euro i wybieram polecenie Save.

8:22Stworzenie rozmaitych reguł jest możliwe i będzie to działało razem ze sobą, ale

8:26szczerze mówiąc, przestrzegam cię przed tym w sytuacji, kiedy moglibyśmy to zrobić i

8:30załatwić jedną regułą, bo gdybyśmy wybrali Shipping heavy to Poland i dodalibyśmy nową

8:35stawkę, to możemy przecież zadeklarować, że do maksymalnej masy dziesięciu kilogramów

8:41wysyłamy za darmo i wybieram polecenie Save.

8:44I tutaj od minimalnej zero oczywiście, i w tym momencie nie byłby nam potrzebny ten

8:49pierwszy warunek, ponieważ ten drugi, by to obskoczył. Mielibyśmy od 0 do 10

8:54kilogramów za darmo wysyłki, a powyżej 10 kilogramów mielibyśmy wysyłki płatne.

8:58Wybieram polecenie Save i w ten sposób mamy drugą strefę zdefiniowaną. I tym samym

9:03również omówiliśmy wszystkie opcje wysyłki, które są tutaj dostępne.

9:06Warto też porozmawiać o walucie wysyłki i

9:09ogólnie o walucie, którą ustaliliśmy w sekcji General.

9:12Ustawiliśmy ją na euro

9:13i jest to nasza główna waluta sklepu.

9:15Na ten moment przynajmniej w Webflow nie mamy możliwości wsparcia wielu walut.

9:20Pokażę ci na samym końcu kursu,

9:22jak można sobie jeszcze z tym ewentualnie poradzić, ale jeśli wybierzemy walutę euro,

9:26czyli tę wskazaną w sekcji General, to będzie ona zastosowana zarówno do

9:29wszystkich naszych produktów, jak również do wszystkich opcji wysyłki.

9:33I co ważne, jeśli w trakcie prowadzenia sklepu zmienimy tę walutę euro np.

9:38na dolary, to wszystkie nasze produkty będą

9:42miały wyzerowaną cenę, podobnie jak wszystkie opcje wysyłki.

9:45Będziemy musieli wejść do nich raz jeszcze

9:47i ustalić nowo skalkulowaną cenę. Webflow automatycznie tego nie przeliczy.

9:52Jak na razie jest to jedno z dużych ograniczeń w Webflow, że w zależności np.

9:56od kraju nie możemy wybrać jakiejś innej waluty, aczkolwiek da się to obejść i myślę,

10:00że w przyszłości w Webflow również takie rozwiązanie zostanie wprowadzone. Na teraz,

10:05jeśli chodzi o te główne ustawienia, sekcję

10:07General oraz opcję wysyłki, to wszystko. Zapraszam cię do kolejnej lekcji.