Gekosale Poradnik - Jak zacząć

Gekosale Poradnik - Jak zacząć 1

Spis treści 2 Zakładanie sklepu 3 Asortyment 3 Dodawanie kategorii 2 Dodawanie produktów 6 Dodawanie producentów 2 Grupy cech produktów 15 Warianty produktów 16 Magazyn 21 Promocje 24 Promocja w sklepie 25 Lista reguł koszyka 28 Design sklepu 30 Boksy 31 Szablony stylów 35 Szablony stylów sklepu 36 CMS 41 Aktualności 41 Bloki statyczne 41 Kategorie statyczne 42 Ustawienia modułu dostawy 46 Ustawienia modułu płatności 47 Przyjmowanie zamówień 48 Mierz sukces - statystyki sprzedaży 55 Ustawienia sklepu 56 Waluty 56 Podatek VAT 58 Języki 58 Użytkownicy 60 2

1. Zakładanie sklepu Poradnik ten został stworzony by ułatwić i przybliżyć proces tworzenia sklepu internetowego. Rozpoczniemy od konfiguracji podstawowych ustawień sklepu, następnie opiszemy kolejne kroki zarządzania sklepem poprzez zaawansowane opcje konfiguracji tj. metody płatności, metody wysyłki, cechy grup produktów, tworzenie produktów, kategorii, przyjmowanie zamówień. Sklep dzieli się na dwie główne części: Frontend Backend Jest to część widoczna dla klientów Panel zarządzania sklepem dostępny jedynie dla pracowników sklepu 2. Asortyment 2.1. Dodawanie kategorii Zanim zaczniemy dodawać nasz asortyment przygotujmy drzewo kategorii naszego sklepu. Aby dodać nową kategorię produktów należy przejść do zakładki Katalog -> Kategorie. W lewej kolumnie znajdziesz przyciski służące do zarządzania listą kategorii (Rys. 1). Rys. 1 Opcje drzewa kategorii Po kliknięciu w przycisk Dodaj pojawi się formularz dodawania nowej kategorii, po czym podajemy nazwę nowej kategorii. 3

Rys. 2 Dodawanie nowej kategorii Po dodaniu nowej kategorii mamy możliwość określenia dodatkowych jej cech, takich jak: informacje META, opis, zdjęcie, umiejscowienie kategorii w drzewie kategorii, określenie kolejności jej wyświetlania oraz przypisanie danej kategorii do sklepu. Rys. 3 Formularz edycji kategorii 4

Pamiętaj o informacji META. Jest ona bardzo przydatna przy SEO strony. Wskazówka SEO Stosowanie fraz kluczowych w meta-description jest ważne, gdyż są one pogrubiane w SERP ach. Słów kluczowych nie powinno być dużo - jedno, dwa wystarczą. Dobrze jakby meta-description zachęcała użytkownika do działania, czyli np. Zobacz najlepsze książki podróżnicze. Słowa kluczowe zastosowane w meta-description MUSZĄ znaleźć się w treści artykułu. Treść meta-description powinna być ograniczona do ok. 150 znaków. Więcej znaków nie ma sensu, gdyż zwiększamy niepotrzebnie rozmiar strony, a Google obcina tekst dodając na końcu wielokropek. Po dodaniu kilku kategorii, nasze drzewo kategorii ma następującą postać: Rys. 4 Lista kategorii Gekosale umożliwia przemieszczanie kategorii w drzewie. Wystarczy kliknąć w daną kategorię i przeciągnąć ją w wybrane miejsce w drzewie kategorii. 5

2.2. Dodawanie produktów Gdy mamy już stworzoną listę kategorii, dodajmy pierwszy produkt w naszym sklepie. Wejdź do zakładkę Katalog -> Produkty. Na wstępie widzimy listę produktów, która jest pusta: Rys. 5 Lista produktów By dodać produkt klikamy w przycisk Dodaj produkt. Rys. 6 Dodaj produkt 6

Formularz dodawania produktu jest bardzo rozbudowany, umożliwia określenie wielu cech produktu tj. stany magazynowe, cenę, miarę produktu, dane techniczne, warianty cenowe produktu oraz wiele innych. Rys. 7 Informacje podstawowe produktu Wskazówka SEO Jeśli mamy opis produktu napisany w edytorze Microsoft Word i chcemy przekopiować go do systemu, to nie powinniśmy używać opcji bezpośredniego kopiowana. Tekst napisany w Microsoft Word może posiadać formatowanie i przekopiowanie tekstu z Word a do Gekosale może spowodować, że tekst nie będzie poprawnie wyświetlany na stronie. W tym celu najpierw powinniśmy skopiować cały tekst np. do Notatnika, który nie nadaje formatowania i dopiero z Notatnika skopiować go do Gekosale. Polecamy zapoznać się z każdą zakładką formularza. Przyjrzyjmy się niektórym zakładkom formularza nieco bliżej. W zakładce cena mamy możliwość określenia ceny produktu dla danej grupy użytkowników, możemy też określić stawkę VAT, walutę sprzedaży/zakupu oraz cenę sprzedaży/zakupu. Możliwe jest określenie waluty domyślnej i podanie ceny sprzedaży bądź ceny zakupu w tej walucie. 7

Dla sklepów wykorzystujących klika walut spowoduje to automatyczne przeliczanie ceny produktu wg ustalonego kursu walutowego: Rys. 8 Cena produktu Zakładka dane techniczne umożliwia określenie danych technicznych produktu: Rys. 9 Dane techniczne produktu 8

Raz zdefiniowany zestaw atrybutów może być używany w wielu produktach. Wykorzystajmy przykład książki. Określiliśmy dla niej zestaw atrybutów o nazwie książka zawierający dane techniczne specyficzne dla tego rodzaju produktu, tj.: rodzaj okładki, język wydania, rok wydania, numer wydania itp. Gdy zapiszemy produkt i odnajdziemy go na frontendzie, dane te prezentowane są w zakładce dane techniczne produktu : Rys. 10 Widok danych technicznych na stronie produktu Zakładka zdjęcia umożliwia wysłanie nowej grafiki produktu na serwer lub też wybranie zdjęcia produktu z listy już dodanych plików. 9

Rys. 11 Zdjęcie produktu Produkty mogą posiadać więcej niż jedno zdjęcie. Jesteśmy jedynie zobligowani do wyboru zdjęcia głównego produktu. Dodaj jeszcze kilka produktów by zapoznać się dokładniej z możliwościami formularza dodawania produktów. Gdy uznasz, że posiadasz już wystarczającą ilość produktów w swoim sklepie przyjrzyjmy się liście produktów: Rys. 12 Lista produktów 10

Lista produktów może być dowolnie filtrowana by odnaleźć interesujące nas produkty. Kolumny widoczne na liście są domyślne. By dodać lub schować wybrane kolumny kliknij w ikonkę w prawym górnym rogu listy: Rys. 13 Opcje listy produktów Zachęcamy do zapoznania się z możliwościami filtrowania i sortowania listy produktów. 2.3. Dodawanie producentów Gekosale umożliwia zdefiniowanie listy producentów. Przyjrzyjmy się formularzowi dodawania producentów i dodajmy kilka przykładowych pozycji: 11

Rys. 14 Formularz dodawania i edycji producenta Wskazówka SEO Odnośniki odgrywają bardzo ważną rolę w pozycjonowaniu stron. Ważne jest aby tzw. AnchorText zawierał w sobie słowa/frazę kluczową. AnchorText to fragment w treści strony, który można kliknąć, w celu otworzenia linku, czyli jest to ten fragment, który zaznaczaliśmy wcześniej w celu dodania odnośnika. Drugą istotną kwestią jest tytuł odnośnika, który również edytujemy w oknie Wstaw/edytuj odnośnik. Tytuł powinien zawierać słowa/frazę kluczową, ale przede wszystkim powinien opisywać akcję jaka zostanie wykonana po kliknięcu w link, lub zwięźle opisywać stronę, do której prowadzi. Zbyt duże zasycenie słów kluczowych może zostać źle odebrane przez wyszukiwarki i potraktować to jako spam. 12

Pamiętaj o tym by dodając producenta wybrać sklep, w którym chcesz by był widoczny. Gdy już mamy wybranego producenta dodajmy lub przypiszmy go do danego produktu. Rys. 15 Dodawanie zdjęcia producenta Rys. 16 Wybór sklepu, do którego przypisujemy danego producenta 13

Wróćmy na chwilę do zakładki Katalog -> Produkty i dodajmy nowy produkt, dodając produkt tym razem wybierzmy producent danego produktu: Rys. 17 Edycja produktu - Wybór producenta Zajrzyjmy na chwilę na stronę główną sklepu, by zobaczyć jakie te zmiany mają efekt dla klienta przeglądającego produkty w katalogu naszego sklepu: Rys. 18 Strona produktu 14

Gdy klikniemy w nazwę producenta otrzymamy listę produktów danego producenta: Rys. 19 Lista produktów producenta 2.4. Grupy cech produktów Grupy cech pozwalają na łączenie poszczególnych cech, np. grupa komputery będzie posiadała cechy takie jak pamięć RAM z wartościami 512, 1024, 2048 itd. 15

Rys. 20 Edycja grupy cech Dodatkowo taką grupę cech możesz przypisać do kategorii, dzięki czemu produkty w danej kategorii będą miały podstawione cechy, które wystarczy uzupełnić. Oczywiście podczas dodawania produktu można zmienić grupę cech czy też jedną konkretną cechę, można również dodać nowe cechy czy rozszerzyć istniejące warianty. 2.5. Warianty produktów Przed rozpoczęciem wariantów produktu, przygotujmy sobie grupę cech produktu. Załóżmy, że w naszej ofercie znajdują się telefony. Modele telefonów charakteryzują się pojemnością pamięci, systemem operacyjnym, obsługiwanymi sieciami itp. Więc przygotujmy sobie grupę cech dla telefonów komórkowych wraz ze zdefiniowanymi opcjonalnymi wartościami. 16

Rys. 21 Edycja grupy cech Z tak przygotowaną grupą cech produktów wróćmy do edycji naszego produktu i przejdźmy do określenia jego wariantów. Z listy zestawu cech dla tego produktu wybieramy zdefiniowaną wcześniej przez nas grupę cech produktów i klikamy Dodaj nowy wariant : Rys. 22 Warianty produktu 17

Dla nowego wariantu produktu wybieramy cechy specyficzne dla tego wariantu. Rys. 23 Określanie wartości cech wariantu produktu Tak zdefiniowany produkt może mieć inna cenę. Formularz ten pozwala nam zdefiniować modyfikator ceny podstawowej produktu, lub też podać nową cenę produktu. Zapisujemy zmiany i na liście wariantów produktu powinniśmy zobaczyć nową pozycję: Rys. 24 Lista wariantów produktu Zachęcamy do dodania jeszcze kliku wariantów produktu. Gdy już zdefiniujemy klika wariantów produktu, otrzymamy wygląd zestawienia przedstawiony na rys. 25: Rys. 25 Lista wariantów produktu 18

Przejdźmy do strony produktu na frontendzie: Rys. 26 Strona produktu Jak widać na rys. 26, teraz nasz produkt posiada możliwość wyboru wariantu produktu, co bezpośrednio przekłada się na wartość cenową produktu. 19

Starajmy się dodawać jak najbardziej szczegółowe definicje produktów, dodawajmy producentów, określajmy grupy cech, na bazie których twórzmy warianty produktów, określajmy szczegółowe dane techniczne produktu, dzięki czemu klienci odwiedzający nasz sklep w łatwy sposób będą mogli kilkoma kliknięciami dotrzeć do interesujących ich produktów. W następnych krokach dodaliśmy jeszcze kilku producentów telefonów oraz kilka kolejnych produktów ze szczegółowo zdefiniowanymi wariantami i danymi technicznymi produktu. Gdy przejdziemy na frontend sklepu, wybierzemy dodaną wcześniej kategorię telefonu i zobaczymy w kolumnie opcje filtrowania wyników na liście. Produkty teraz mogą być filtrowane na bazie dodanych cech statycznych oraz grup cech produktów dzięki którym utworzyliśmy im warianty cenowe. Warianty cenowe produktów bazują na zestawach cech, aczkolwiek gdy mamy produkty, które nie posiadają wariantów cenowych a również chcielibyśmy dać możliwość filtrowania ich według cech produktu, możemy posłużyć się opcjami znajdującymi się w zakładce cechy statyczne w formularzu dodawania edycji produktu. Gdy wybierzemy z listy filtrów telefony obsługiwane przez system ios zobaczymy jedynie produkty spełniające wymagane cechy produktu: Rys. 27 Opcje filtrowania R Rys. 28 Lista produktów - prezentacja produktu 20

2.6. Magazyn Aplikacja umożliwia określanie stanów magazynowych asortymentu sklepu. Przejdźmy do katalogu produktów (Katalog -> Produkty) i wybierzmy dowolny produkt dodany wcześniej. W formularzu edycji produktu wybierzmy zakładkę Dostawa i magazyn : Rys. 29 Edycja produktu - Stany magazynowe Jak widzimy na rysunku powyżej, otrzymujemy możliwość zdefiniowania ilości sztuk danego produktu w naszym magazynie oraz określenie ceny dostawy. Pamiętajmy o wariantach produktu, dla których również możemy zdefiniować stany magazynowe, oraz o zaznaczeniu opcji Śledzenie stanu magazynowego Każde pomyślnie zrealizowane zamówienie w sklepie powoduje zmniejszenie naszych stanów magazynowych. Określamy stan magazynowy naszego produktu na 1 sztukę. Zapisujemy zmiany i wracamy do listy produktów: Rys. 30 Lista produktów 21

Jak widzimy na rysunku lista produktów zawiera informacje o stanach magazynowych i daje nam możliwość sortowania i filtrowania ich m.in. po stanach magazynowych. Jak zachowa się sklep gdy zabraknie nam produktów w magazynie? Przekonajmy się! Złożymy nowe zamówienie w sklepie na produkt którego posiadamy ostatnią sztukę w magazynie, zaakceptujemy złożone zamówienie. Po czym ponownie spróbujemy dokonać zakupu tego produktu. Odnajdujemy nasz produkt na liście produktów w sklepie: Rys. 31 Lista produktów - prezentacja produktu Dokonujemy zakupu produktu w sklepie: Rys. 32 Monit potwierdzający złożenie zamówienia 22

Przechodzimy do panelu administracyjnego sklepu a następnie wybieramy zakładkę Sprzedaż -> Lista zamówień: Rys. 33 Lista zamówień Klikamy w zaznaczoną na rys. 33 ikonkę i zmieniamy status zamówienia na Wysłane. Gdy ponownie wrócimy do strony produktu, nie ma możliwości dodania produktu do koszyka, aczkolwiek klient może użyć formularza zapytania o cenę produktu: Rys. 34 Strona produktu 23

Gdy wrócimy do edycji produktu w panelu administracyjnym zobaczymy, że w zakładce warianty produktu stan magazynowy produktu, który wcześniej został kupiony, zmienił się na 0: Rys. 35 Warianty produktu - stany magazynowe Aby szybko zmienić stan magazynowy produktu wystarczy na liście produktów w panelu administracyjnym w kolumnie Magazyn podać nową wartość stanu magazynowego i kliknąć ENTER: Rys. 36 Lista produktów - stany magazynowe - szybka edycja 3. Promocje Aplikacja pozwala określać promocje na kilka sposobów. W zakładce Promocja mamy do wyboru: Rodzaje promocji Promocja w sklepie Prosta forma promocji. Udzielamy rabatu procentowego na wybrane produkty w danym okresie czasu. 24

Rodzaje promocji List reguł koszyka Zaawansowana forma udzielania rabatów. Dzięki tej metodzie promocji jesteśmy w stanie określić wiele parametrów jakie klient musi spełnić, by udzielono mu rabatu. Parametry jakie możemy zdefiniować: zakres czasowy reguł koszyka (daty obowiązywania promocji), warunki wyboru dostawy, warunki wyboru metody płatności, parametry koszyka - minimalna wartość zamówienia, - maksymalna wartość zamówienia, - minimalna wartość zamówienia + wartość dostawy, - maksymalna wartość zamówienia + wartość dostawy. 3.1. Promocja w sklepie Promocja w sklepie jest podstawową formą promocji. W skrócie: udzielamy rabatu na wybrane produkty. Aby dodać rabat do produktu przejdźmy do Promocja -> Promocje w sklepie klikamy w przycisk Dodaj promocje : Rys. 37 Dodawanie promocji 25

Z listy produktów wybieramy produkty, na które chcemy udzielić rabatu. W zakładce rabat podajemy wartość udzielanego rabatu: Rys. 38 Dodawanie promocji - ustalanie rabatu Użytkowników możemy dzielić na grupy, dzięki temu grupy mogą mieć udzielane różne rabaty w ramach jednej promocji. My ustawimy rabat do ceny standardowej, który będzie aktywny dla wszystkich grup użytkowników: Rys. 39 Ustalanie wartości rabatu 26

Wypełniamy formularz następującymi danymi: 60% wysokości rabatu, zakres promocji od 15 do 18 maja 2012 roku. Zapisujemy tak zdefiniowaną promocję. Zdefiniowane przez nas rabaty: Rys. 40 Lista promocji w sklepie Dodaliśmy rabat w wysokości 60% dla dwóch produktów, rabat przestaje obowiązywać 18 maja. Sprawdźmy teraz czy nasz rabat obowiązuje na stronie sklepu. Przechodzimy do strony sklepu i odnajdujemy jeden z produktów dla którego zdefiniowaliśmy rabat: Rys. 41 Strona produktu Jak widzimy na rys. 41, na stronie produktu widzimy udzielony rabat w wysokości 60%. 27

3.2. Lista reguł koszyka Lista reguł koszyka, jak już wspominaliśmy, jest bardziej rozbudowaną formą udzielania rabatów. Zdefiniujmy nasz rabat. Udzielimy rabatu w wysokości 25% gdy zamówienie spełni następujące warunki: Kategoria produktu Sposób dostawy Sposób płatności Telefony Kurier standard Przelew bankowy Przechodzimy do zakładki Promocje -> Lista reguł koszyka i klikamy Dodaj. Rys. 42 Dodawanie rabatu Dodajemy nowy rabat o nazwie: Rys. 43 Dodawnie rabatu Ustawiamy modyfikator cenowy identyczny dla wszystkich grup użytkowników: Rys. 44 Ustalanie wartości cenowej rabatu 28

Rys. 45 Określanie warunków dostawy dla rabatu Rys. 46 Określanie warunków metod płatności Pamiętamy o wyborze sklepu, w którym ma obowiązywać rabat. Zapisujemy wszystkie zmiany. Przechodzimy do strony głównej sklepu, do kategorii Telefony i wybieramy jeden z produktów. Dodajemy go do koszyka i przechodzimy do strony koszyka: Rys. 47 Podsumowanie zamówienia Jak widzimy w podsumowaniu zamówienia na rys. 47, nie udzielono nam żadnego rabatu. 29

Wybierzmy teraz żądany sposób dostawy i płatności by spełnić wszystkie warunki rabatu. Rys. 48 Podsumowanie zamówienia - pozycja rabatu Jak widzimy na rysunku 48, spełniliśmy wszystkie warunki promocji i rabat został nam udzielony. 4. Design sklepu Większość zmian graficznych w sklepie możemy wprowadzić z poziomu panelu administracyjnego aplikacji, poprzez określenie szablonu stylu elementów strony. Szablony składają się z kolumn, w których umieszczone są tzw. Boksy. Boksem może być lista kategorii czyli główne menu lista newsów, nowości, promocji, zawartoścci koszyka czy opis czasu realizacji zamówienia. W praktyce każdy element sklepu jest boksem. Różnią się one zawartością, jedne są bardziej skomplikowane drugie są zwykłym tekstem. Istnieje możliwość dodania własnego boksu poza boksami systemowymi. System, dzięki liście wszystkich stron znajdujących się w sklepie, takich jak np. strona główna, formularz logowania, kontakt czy koszyk, umożliwia ich konfigurację, tzn. stworzenie dowolnej ilości kolumn oraz wpięcia w nie dowolnych boksów w wybranej przez użytkownika kolejności. Rys. 49 Układ podstron 30

Rys. 50 Edycja układu podstron - kolumny 4.1. Boksy Boksy, tak jak opisaliśmy powyżej, to kontenery z różnymi informacjami. Rodzaj informacji w boksie użytkownik może określić podczas jego tworzenia. Aby utworzyć nowy boks wejdź w menu CMS > Szablony stylów > Boksy i kliknij w prawym górnym rogu na przycisk Nowy boks. Rys. 51 Dodawanie boksu 31

Podaj Nazwę boksu wyświetlaną wewnątrz Panelu Administracyjnego oraz Tytuł wyświetlany klientom, następnie wybierz zawartość boksu. W rozwijanym menu zobaczysz wszystkie możliwe opcje zawartości, dzielą się one na trzy podstawowe kategorie: Tekstowe Graficzne Pozwalają na wstawienie dowolnego tekstu. Pozwalają na stworzenie banerów promujących dany produkt lub informujących o zniżkach. Systemowe Adresy klienta Ankieta Bestseller CMS Dane kontakowe Dostawa Finalizacja zamówienia Formularz logowania Kategoria Koszyk Kupiono również Lista kategorii w sklepie Lista nowych produktów Lista otagowanych produktów Lista produktów cross-sell Lista produktów podobnych Lista produktów promocyjnych Lista produktów up-sell Lista produktów w kategorii Lista wyszukiwanych produktów Lista życzeń Najczęściej szukano Newsletter Podgląd koszyka Poleć znajomemu Polityka prywatności Produkt Przelew bankowy Przypomnij hasło Płatność przy odbiorze Płatność za pobraniem Regulamin sklepu Rejestracja klienta Sposób płatności PayFlowBox Mapa strony Tagi Tagi klienta Ustawienia klienta Wiadomości Wyszukiwarka Zamówienia klienta W zależności od wybranego typu zawartości boksu, mogą się pojawić dodatkowe ustawienia, np. sposób filtrowania produktów, ustawienia kategorii dla produktów, wybór skali opinii. Są to ustawienia specyficzne tylko dla danego typu zawartości i mają zastosowanie tylko w tym boksie, a nie we wszystkich, które korzystają z tego samego typu zawartości. 32

W zakładce wygląd możesz określić parametry wyglądu boksu: Rys. 52 Edycja wyglądu boksa Załóżmy, że chcemy zorganizować promocję w naszym sklepie. Chcemy przed promocją poinformować o tym klientów. Dodajmy boks z informacją o nadchodzącej promocji, który umieścimy w prawej kolumnie na stronie głównej sklepu. Rys. 53 Ustawienia boksu 33

Wyróżnimy boks poprzez nadanie mu wyraźnie innej stylistyki niż pozostałe umieszczone na stronie. Rys. 54 Ustawienia wyglądu boksu Zapiszmy zmiany. Przejdźmy teraz do Szablony stylów -> Podstrony, odnajdźmy na liście podstronę o nazwie Mainside (jest to nasza strona główna sklepu) i otwórzmy tą stronę do edycji. Dodajmy nasz nowo utworzony boks do prawej kolumny strony głównej. Rys. 55 Ustawienia podstron - edycja kolumn strony głównej 34

Przejdźmy teraz do strony głównej sklepu i zobaczmy nasz nowo utworzony boks informujący o nadchodzącej promocji w sklepie. Rys. 56 Efekty zmian wyglądu boksu na stronie głównej Jak widzimy wprowadzanie zmian w wyglądzie sklepu jest bardzo proste! 4.2. Szablony stylów Szablony boksów pozwalają nam określić zestawy wyglądu dla boksów, których możemy użyć przy tworzeniu nowych boksów lub przy edycji już istniejących. nadając im definicje wyglądu z szablonów wyglądu. Dodajmy nowy szablon wyglądu boksu. Przejdźmy do zakładki Szablony stylów -> Szablony boksów. Klikamy w przycisk Nowy szablon boksu. Rys. 57 Dodawanie nowego szablonu boksów 35

Nadajemy naszemu szablonowi nazwę, następnie definiujemy wygląd boksu: Rys. 58 Edycja wyglądu szablonu boksów 4.3. Szablony stylów sklepu Szablony stylów sklepu odpowiadają za całokształt wyglądu i agregują w sobie wszystkie zmiany, kolory i układy podstron. Funkcja przydaje się podczas prowadzenia kilku sklepów Multistore. Rys. 59 Lista szablonów stylów sklepu 36

Widoczna jest lista szablonów, jakie zostały ustawione dla wybranego sklepu. Ilość szablonów jest nieograniczona, ale tylko szablon określony jako domyślny ma zastosowanie. Możliwe jest zatem stworzenie wielu szablonów specjalnych i włączanie lub wyłączanie ich w dowolnym momencie. Wchodząc w edycję danego szablonu lub tworząc nowy szablon otrzymujemy możliwość edycji najważniejszych, globalnych ustawień wyglądu sklepu. Rys. 60 Edycja wyglądu szablonu sklepu Dodajmy nowy szablon wyglądu sklepu i ustawmy go jako domyślny. Rys. 61 Dodawanie nowego szablonu wyglądu strony 37

Rys. 62 Określanie wyglądu nagłówków Rys. 63 Określanie wyglądu powszechnych elementów Rys. 64 Określanie stylów nagłówków 38

Rys. 65 Określanie stylu nawigacji poziomej Rys. 66 Określanie stylu stopki 39

Style paginacji (stronicowania) w boksach pozostawimy domyślne, zmienimy style domyślne boksów. Rys. 67 Określanie stylu boksów Zapiszmy zmiany i zobaczmy efekty naszej pracy na stronie głównej sklepu: Rys. 68 Strona główna sklepu Jak widzimy na rys. 68 dokonywanie zmian w wyglądzie aplikacji jest bardzo proste. 40

Jeśli standardowe dopasowanie szablonu nie spełnia Twoich oczekiwań możesz pobrać i zainstalować inną skórkę lub zamówić prace graficzne dedykowane dla Twojego wdrożenia na stronie http://gekosale.pl. 5. CMS 5.1. Aktualności Moduł pozwalający na publikowanie wiadomości dotyczących działania sklepu lub firmy. Wiadomości wyświetlają się w boksie, który można umieścić na dowolnej podstronie za pomocą schematów podstron w systemie szablonów. Możliwości edycyjne newsów sprowadzają się do podania nazwy newsa, jego treści oraz wybrania plików, które chcemy załączyć do wiadomości. Wskazówka SEO Treści pogrubione w tekście mogą być traktowane przez wyszukiwarki jako ważniejsze i dlatego od czasu do czasu powinniśmy w aktualnościach stosować pogrubienie. Powinniśmy stosować to z umiarem i tylko dla treści, które faktycznie powinny być wyróżnione. Wskazówka SEO Tekst przygotowywany na potrzeby Internetu nie powinien być justowany, lecz wyrównany do lewej strony. Tekst justowany gorzej się czyta i często powstaje tzw. efekt rzeki. 5.2. Bloki statyczne Bloki statyczne w praktyce służą do tworzenia paragrafów, które będą widoczne na stronach kategorii statycznych. Kategorie te możemy rozumieć jako podstrony naszego sklepu. Treść podstron (tj. kategorii statycznych) wypełniają powiązane z nią bloki statyczne. Ekran dodawania/edycji bloku jest bardzo zbliżony do ekranu dodawania/edycji newsa. Podstawową różnicą jest to, że w przypadku bloków określamy również kategorię statyczną w której mają się wyświetlać. Bloki same w sobie nie posiadają osobnych podstron lecz stanowią paragrafy treści kategorii. Dobrym przykładem jest tutaj stworzenie kategorii statycznej Formy Płatności i podpięcie do niej bloków statycznych opisujących z osobna każdą formę płatności w sklepie. 41

Po wejściu na stronę Formy Płatności klient zobaczy wszystkie bloki statyczne w uporządkowanej formie. Edycja któregokolwiek z bloków nie wpływa na treść pozostałych jakie są przypięte do kategorii statycznej. 5.3. Kategorie statyczne Kategorie statyczne grupują bloki statyczne i wyświetlają je w postaci pełnego artykułu. By zrozumieć jak działają mechanizmy kategorii i bloków statycznych stworzymy nową kategorię statyczną o nazwie Majowa promocja i umieścimy ją w głównym menu naszego sklepu. Link Majowa promocja będzie prowadził do strony z opisem regulaminu naszej promocji. W pierwszej kolejności dodajmy kategorię statyczną: Rys. 69 Dodawanie kategorii statycznej Pamiętajmy, by wypełnić zakładkę informacje META dokładnymi informacjami, ponieważ są one ważne ze względu na SEO. Obszerniejsze informacje na temat SEO znajdziesz w opisie funkcjonalności CMS. Nie zapomnijmy również o wyborze sklepu, do którego chcemy przypisać naszą kategorię statyczną. Zaznaczmy również, że chcemy pokazać naszą kategorię statyczną w menu sklepu. (Pod nazwą kategorii statycznej zaznaczmy checkbox Pokaż w menu sklepu ) Wskazówka SEO Nagłówki pełną ważna rolę w procesie pozycjonowania poprzez treść. Powinniśmy zatem rozsądnie budować hierarchię nagłówków w artykule. Nagłówek pierwszego i drugiego poziomu zarezerwowany jest na tytuł artykułu i jest dodawany automatycznie. Nagłówek trzeciego poziomu powinien być stosowany do podtytułów, nagłówek czwartego poziomu do tytułów podtytułów, itd. Im wyższa wartość nagłówka tym mniejsze jego znaczenie. Nagłówki w treści bloku statycznego działają analogicznie do tych w edytorze Microsoft Word. 42

Gdy dodamy kategorię statyczną, przygotujmy paragrafy (bloki statyczne) opisujące naszą promocję. Przejdźmy do CMS -> Bloki statyczne i kliknijmy w przycisk Dodaj blok statyczny. Rys. 70 Dodawanie bloku statycznego Zapiszmy zmiany i przejdźmy do strony głównej sklepu: Rys. 71 Strona sklepu - zmiany w menu Jak widać na rys. 71, pojawiła się nowa pozycja w menu głównym sklepu o nazwie majowa promocja. 43

Przejdźmy teraz do tej podstrony i zobaczmy czy podstrona zawiera treść, którą dodaliśmy w poprzednim kroku. Rys. 72 Widok podstrony nowej kategorii statycznej Jak widzimy na rys. 72. Podstrona jest wypełniona naszą treścią. Rozszerzmy podstronę o regulamin promocji. Dodajmy kolejny blok statyczny o nazwie Regulamin promocji majowej : Rys. 73 Dodawanie nowego bloku statycznego 44

Pamiętajmy o wyborze prawidłowej kategorii statycznej. W naszym wypadku jest to kategoria o nazwie Majowa promocja. Zapisujemy zmiany i powracamy na podstronę promocji majowej: Rys. 74 Widok podstrony nowej kategorii statycznej z rozszerzonymi zmianami Jak widzimy na rys. 74, treść naszej podstrony została uzupełniona o treść pochodzącą z nowo dodanego bloku statycznego o nazwie Regulamin promocji majowej. 45

6. Ustawienia modułu dostawy Ustawienia modułu dostawy pozwalają na dodanie dowolnej metody wysyłki o dowolnych parametrach i kosztach. W związku z zaawansowanymi przelicznikami oraz algorytmami, które różnią się diametralnie przy każdej firmie kurierskiej, postanowiliśmy stworzyć ogólny moduł pozwalający na własną konfigurację. W pierwszej kolejności musimy nazwać i powiązać metodę wysyłki z metodą płatności. To znaczy, że wybierając przelew bankowy nie będziemy mogli wybrać metody wysyłki np. kurier X do 12 w południe. Dzięki temu prostemu mechanizmowi, możemy wymusić na klientach wybieranie odpowiedniej metody płatności np. płatności online, aby przyśpieszyć przepływ gotówki lub zabezpieczyć się przed fałszywymi zamówieniami za pobraniem. Rys. 75 Edycja metody wysyłki Następnie przechodzimy do zakładki koszt wysyłki - cenowy, gdzie możemy określić zakresy cenowe w zależności od wartości zamówienia i określić maksymalną wagę zamówienia. Rys. 76 Ustalanie kosztu ceny wysyłki 46

W kolejnych zakładkach, za pomocą tej metody wysyłki, określamy do jakich państw możemy zrealizować zamówienie, dodajemy opis metody i załączamy ewentualne zdjęcia oraz określamy w jakich sklepach metoda ta ma być dostępna. 7. Ustawienia modułu płatności Gekosale obsługuje większość systemów płatności na polski rynku. Obsługa ich jest domyślnie włączona: Rys. 77 List modułów płatności Przyjrzyjmy się bliżej modułowi płatności obsługującemu serwis Płatności.pl: Rys. 78 Edycja metody płatności Dla tej formy płatności możemy zdefiniować kiedy klient może jej użyć. Aktualne ustawienie, jak widzimy na obrazku, pozwala zapłacić za zamówienie poprzez serwis płatności.pl tylko tym klientom, którzy zdecydowali się na dostarczenie zamówienia pocztą polską. Aby moduł płatności dla serwisu płatności.pl działał prawidłowo, musimy skontaktować się ze sprzedażą serwisu i podpisać umowę. Gdy dokonamy tych formalnych czynności, otrzymamy dane dostępowe do API ich serwisu. Za pomocą tych danych będziemy w stanie zintegrować nasz sklep z ich systemem płatności. 47

Zakładając, że posiadamy dane dostępowe z serwisu płatności.pl konfigurujemy nasz moduł płatności za pomocą tych danych. Rys. 79 Edycja metody wysyłko - konfiguracja dostępu do API serwisu płatności Prawidłowo skonfigurowany moduł jest gotowy do użycia. 8. Przyjmowanie zamówień Na początek złóżmy zamówienie w naszym sklepie. Przechodzimy do frontendu sklepu i tak jak nasi przyszli klienci dokonujemy zakupu dowolnego produktu, wcześniej przez nas dodanego do oferty sklepu. Po złożeniu zamówienia przechodzimy w panelu administracyjnym do zakładki Sprzedaż gdzie na liście znajduje się już nasze zamówienie. Rys. 80 Lista zamówień 48

Prezentacja listy zamówień jest dowolnie konfigurowalna. Elementy na liście możemy wyszukiwać i filtrować po wielu parametrach, zachęcamy do zapoznania się z tym możliwościami. Przejdźmy do strony szczegółów danego zamówienie poprzez kliknięcie w wiersz z zamówieniem. Rys. 81 Strona szczegółów zamówienia Strona zamówienia zawiera wszystkie niezbędne informacje na temat danego zakupu. Komunikacja z klientem na temat jego zamówienia jest bardzo prosta, przy użyciu zmień status oraz dodaj notatkę, możemy informować klienta o zmianach statusu jego zamówienia, dodawać komentarz do zamówienia lub też zadać pytanie uzupełniające zamówienie. Rys. 82 Strona szczegółów zamówienia - boksy zmiany statusu i notatek 49

Historia zmian statusów znajduje się w zakładce przebieg zamówienia : Rys. 83 Przebieg zamówienia Faktury i faktury proforma możemy wystawiać i przeglądać w zakładce faktury : Rys. 84 Faktury Gdy nasze zamówienie jest już kompletne a klient dokonał wpłaty, możemy przygotować przesyłkę do wysyłki i poinformować o tym klient poprzez zmianę statusu zamówienia. Jeżeli mamy jakieś dodatkowe uwagi, które chcielibyśmy przekazać klientowi, to jest to właściwy czas by to zrobić: Rys. 85 Zmiana statusu zamówienia 50

Klient otrzyma e-mail z potwierdzeniem wysłania zamówienia, a status zamówienia w naszej bazie zmienia się na wysłany. Czasami klient niekoniecznie musi złożyć zamówienie w sklepie samodzielnie. Możemy przyjąć zamówienie od klienta telefonicznie i przy użyciu oprogramowania sklepu dodać zamówienie w imieniu klienta a ewentualny dalszy kontakt z klientem prowadzić poprzez komunikację mailową, którą opisaliśmy w poprzednim kroku przy aktualizacji statusu zamówienia. Aby dodać zamówienie w imieniu klienta przechodzimy do listy zamówień w panelu administracyjnym i klikamy w przycisk Dodaj zamówienie : Wypełniamy formularz zamówienia: Rys. 86 Dodawanie zamówienia w imieniu Klienta Rys. 87 Dodawanie zamówienie ręcznie 51

Nowo złożone zamówienia pojawia się na liście zamówień: Rys. 88 Zamówienie dodane ręcznie W przypadku, gdy klient kontaktuje się z nami w sprawie zmiany zamówienia, np. chce zmienić wariant zamówionego produktu na inny, na liście zamówień w panelu administracyjnym odnajdujemy zamówienie klienta i przechodzimy do edycji zamówienia: Rys. 89 Edycja zamówienia Jesteśmy w stanie zmienić wariant zamówionego produktu na inny z listy. Rys. 90 Edycja wariantu produktu w zamówieniu Co gdy klient do swojego zamówienia chce dodać kolejny produkt? W edycji zamówienia klikamy w przycisk Dodaj i z listy produktów. Rys. 91 Edycja zamówienia - dodawanie kolejnych produktów 52

Wybieramy produkt, o który chcemy rozszerzyć zamówienie. Po dokonaniu zmian klikamy w przycisk Zapisz. Zamówienie klienta zostało zaktualizowane. Rys. 92 Edycja zamówienia - dodawnie produktu Do zamówienia możemy wystawiać fakturę VAT. Aby to zrobić, należy przejść do strony zamówienia i przejść do zakładki Faktury. Rys. 93 Faktury zamówienia Mamy możliwość wystawienie faktury VAT lub PROFORMA w tym przypadku klikamy w przycisk Wystaw fakturę PROFORMA : Rys. 94 Dodawanie faktury 53

Aplikacja nie ogranicza nas w żaden sposób przy wystawianiu faktur. Wszystkie pola faktury są edytowalne, bez większych problemów możemy wystawić fakturę np. na część wartości zamówienia. Wszystkie wystawione faktury do zamówienia znajdziemy w zakładce Faktury : Rys. 95 Lista faktów zamówienia Klikając w link oryginał lub kopia pobierzemy fakturę w formacie PDF: Rys. 96 Widok faktury w formacie PDF 54

9. Mierz sukces - statystyki sprzedaży Aplikacja umożliwia nam generowanie raportów sprzedaży/zamówień w naszym sklepie oraz ich wizualizacji. W zakładce raporty odnajdziemy wiele przydatnych informacji na temat naszego sklepu takich jak: statystyki klientów, produktów i sprzedaży. Zobaczymy najczęściej oglądane i wyszukiwane produkty. Zobaczymy też jakie produkty sprzedawały się razem, co może nam pomóc zaplanować zachęcające promocje dla naszych klientów. Dowiemy się również kto aktualnie jest online i co posiada w koszyku. Rys. 97 Statystyki zamówień Dane na temat zamówień możemy swobodnie eksportować do arkusza Excel i tam przeprowadzać dokładne analizy sprzedaży sklepu. Rys. 98 Wymiana danych - eksport zamówień do formatu CSV 55

Eksportowane dane zamówień: Rys. 99 Eksportowany plik CSV 10. Ustawienia sklepu Konfiguracja startowa zawiera zawiera pre-konfigurowane wartości, które w zupełności powinny wystarczyć na start. Gdybyśmy jednak chcieli określić cechy sklepu, takie jak: obsługiwane języki, dostępne waluty, podatki VAT lub ustawienia, to jest miejsce w którym możemy to zrobić. Ustawienia te znajdziesz w zakładce Konfiguracja. 10.1. Waluty Nasz sklep może obsługiwać wiele walut. Domyślnie dodane są trzy obsługiwane waluty: euro, złoty oraz funt. Aby zobaczyć listę obsługiwanych walut przejdź do Konfiguracja -> Waluty. Rys. 100 Lista obsługiwanych walut Gekosale może sam pobrać sobie aktualne kursy walut i przeliczyć kursy wymiany. Wystarczy kliknąć w przycisk Pobierz kursy a zostanie to wykonany automatycznie. 56

By dodać nową walutę kliknij w przycisk Dodaj walutę. Rys. 101 Dodawanie nowej waluty Rys. 102 Dodawanie nowej waluty - kursy wymiany walut Nie musisz podawać kursów wymiany walut, aplikacja może sama pobrać odpowiednie wartości wedlug aktualnych kursów wymiany. Jak zawsze pamiętaj by zaznaczyć sklep, w którym chcesz obsługiwać daną walutę. Rys. 103 Waluty obsługiwane w sklepie Po zapisaniu nowa waluta jest już dostępna w naszym sklepie. 57