Sklep Internetowy w systemie CMS Do budowy sklepu internetowego służy komponent YirtueMart, którego można dołączyć do systemu CMS Joomla. Możliwości komponentu VirtueMart: Nieograniczoną liczbę produktów i kategorii o nieograniczonej głębi zagnieżdżania. Sprzedaż produktów metodą pobierania (np. pliki MP3, wideo i oprogramowanie). Dodatkowe atrybuty produktów (na przykład rozmiar i kolor). Możliwość ustalania cen na zasadzie aukcji. Możliwość importowania z plików CSV. Formularz powitalny, wyświetla aktualne statystyki, np. liczbę klientów i zamówień. Zarządzanie za pośrednictwem Internetu. Różne waluty i kraje. Różne adresy wysyłkowe dla klientów. Różne stawki podatkowe. Szyfrowanie SSL. Różne metody płatności (np. karty kredytowe i PayPal). Dobrze prowadzony sklep cechuje ciągła troska o niego, stan zaopatrzenia, ceny, wyprzedaże, pomoc dla klientów, szybka realizacja i wysyłka zamówień. Także i w tym przypadku komponent VirtueMart zapewnia opcję, za pomocą której można poinformować klienta, kiedy jego zamówienie zostało zrealizowane, a także oddaje w ręce administratora sklepu formularz przedstawiający stan sklepu. 1. Instalacja Aby zainstalować komponent sklepu VirtueMart (com_virtuemart_1.0.6.zip) należy pobrać go w pliku ze strony projektu Joomla i za pomocą opcji Instalatory/Komponenty zainstalować w komponentach. Po zakończeniu instalacji wystąpi zapytanie, czy chcesz, by Twój sklep był pusty (Go directly to the shop), czy ma zawierać przykładowe dane (Install SAMPLE DATA, rys.1). Rys. 1. Instalacja komponentu VirtueMart Na początek warto wypełnić sklep przykładowymi danymi, należy wybrać opcję Install Sample DATA. Instalacja przykładowych danych może chwilę potrwać. Po instalacji przykładowych danych pojawi się panel administracyjny sklepu (Yowr Store:Control Panel, rys.2). 1
Rys. 2. Panel Konfiguracyjny Dostępne menu i jego układ przypomina wygląd systemu CMS Joomla. W górnej części znajduje się dwanaście menu, dziewięć ikon zapewniających szybki dostęp do najważniejszych opcji w głównym oknie oraz zakładki z aktualnymi danymi o zamówieniach i klientach (prawa strona). Do poprawnego działania sklepu oprócz komponentu potrzebny jest moduł (mod_virtuemart_1.0.1.tar). Po zainstalowaniu: Installers/Module, należy w liście modułów opublikować go. 2. Aktualizacja Komponent VirtueMart wymaga zainstalowania aktualizacji. Można ją pobrać ze strony: https://dev.virtuemart.net/cb/proj/doc.do?doc_id=1153. Należy wybrać odpowiednią wersję łatki aktualizującej. Patch_VirtueMart-1.0.6_TO_VirtueMart-1.0.15.tar.gz. Plik aktualizujący należy rozpakować w dowolne miejsce na dysku, następnie zastąpić istniejące pliki w katalogu budowanej strony. Jeśli strona jest już na serwerze, to podmiana odbywa się klientem ftp. Po prawidłowej aktualizacji zainstalowana wersja VirtueMart będzie dostępna już w języku Polskim. Otwórz w mainmenu odnośnik do Komponentu VirtueMart i kliknij na jedną z dostępnych kategorii, będzie wówczas można obejrzeć przykładowe produkty (rys. 3.). Rys. 3. Przykładowe produkty 2
Na przykładzie produktu Nice Saw (ładna piła) widać, że możliwe jest porównanie cen produktów (You Save 2.00$ oszczędzasz dwa dolary). Klienci mogą wyceniać artykuły. Kliknij nazwę artykułu, a znajdziesz się w obszarze szczegółów (rys. 4). Teraz możesz zakupić tę piłę w kilku rozmiarach (Size) i kilku poziomach jakości (Power). Ponadto możesz sprawdzić dostępność produktu (Usually ships in: 1-4 Weeks realizacja w czasie 1-4 tygodni). Po załogowaniu się w części front end strony będzie można ocenić produkt. Rys. 4. Obszar szczegółów produktu. 3. Konfiguracja Przechodzimy do interfejsu administracyjnego sklepu i klikamy opcję Komponenty/Virtuemart/Konfiguracja. W panelu konfiguracyjnym można określić szczegóły wszystkich ważnych obszarów sklepu, za pomocą licznych zakładek i różnych podmenu. (rys.5) Poszczególne parametry są łatwe w użyciu. Można także konfigurować różne interfejsy systemów dostarczania. Rys. 5. Zakładki konfiguracji VirtueMart 3
Uwaga!, należy pamiętać o kilku istotnych rzeczach w globalnej konfiguracji systemu CMS Joomla: Użytkownicy muszą mieć możliwość rejestracji (Allow User Registration). Sklep wykorzystuje rejestrację podczas przetwarzania zamówień. Należy wyłączyć aktywację kont użytkowników przez e-mail (New Account Activation). Sklep wykorzystuje konfigurację poczty elektronicznej z globalnej konfiguracji Joomla!. Przyjazne dla wyszukiwarek (Search Engine Friendly, SEF) odnośniki zazwyczaj działają poprawnie, ale czasem zdarzają się błędy. Jeśli chcemy się dokładnie zabezpieczyć, nie włączamy tej funkcji. 4. Praca z danymi Sklepu Przejdźmy do menu Sklep/Edytuj Sklep. W tym miejscu można wpisać wszystkie potrzebne informacje w trzech zakładkach. Można tu nawet wczytać swoje logo! Należy pamiętać o podaniu prawidłowej waluty, symbolu oraz oczywiście adresu e-mail. Poniżej znajduje się okno edycji opisu. Możemy zaprojektować tu wygląd strony frontowej sklepu. Aby ustawić, aby strona startowa komponent sklepu VirtueMart uruchamiana była jako pierwsza w systemie, wystarczy przestawić kolejność w mainmenu na pierwszą pozycję. (Rys. 6) Rys. 6. Pierwsza kolejność Sklepu w mainmenu 4.1. Dodawanie stawek podatkowych By dodać stawki podatkowe, otworzyć wykaz stawek podatkowych, wybierając kolejno menu Podatek/Dodaj stawkę podatku. Można podejrzeć istniejące kategorie produktów, za pomocą opcji Produkty/Wylistuj kategorie. Aby dodać nową kategorię należy użyć opcji Produkty/Kategorie/Dodaj Kategorie. Można ustawiać, sortować i usuwać kategorie. Należy pamiętać by publikować nowo utworzone kategorie. 4
4.2. Produkty W menu Produkty/Dodaj produkty. Można ustawiać inwentarz. Określanie danych produktów odbywa się za pośrednictwem pięciu zakładek. Można także wczytywać zdjęcia produktów, definiować wagę i wymiary, a także dostępność przedmiotów i powiązanych artykułów (będzie to widoczne w sklepie). Można obejrzeć pełną listę produktów w menu Produkty/Lista Produktów. Obszar ten służy do edycji, publikacji, kopiowania i usuwania produktów. 4.3. Proces zamawiania Klient wybiera artykuły i wkłada je do koszyka, klikając przycisk Dodaj do koszyka. Koszyk znajduje się w standardowym module. Kliknięcie odnośnika pokaż zawartość koszyka otworzy szczegółowy spis przedmiotów wraz z cenami jednostkowymi. W tym miejscu klienci mogą zmienić ilość zamówień lub usunąć artykuły z koszyka. Po kliknięciu przycisku Zamówienie rozpocznie się wielostopniowa procedura zamawiania. Liczba i rodzaj kroków zależą od konfiguracji sklepu. Klienci muszą się zarejestrować. Jeśli posiadają już konto, wystarczy, że się załogują. Jeśli nie mają jeszcze swojego konta, mogą je założyć za pomocą formularza, który znajduje się na tej samej stronie. Zależnie od konfiguracji możemy wykorzystać posiadany kupon i określić sposób zapłaty i adres dostawy. Po kliknięciu przycisku Następny klient będzie musiał określić sposób wysyłki oraz warunki zapłaty. W następnym etapie klient otrzyma podsumowanie danych, które wprowadził będzie musiał je przejrzeć i zatwierdzić. Każdy etap jest pokazywany symbolicznie w górnej części ekranu w postaci koszyka. Na tym etapie klient może także wprowadzić swoje uwagi w polu tekstowym. Jeśli wszystkie dane są poprawne, należy wcisnąć przycisk Potwierdzenie zamówienia tym sposobem zamówienie zostanie zatwierdzone. Pojawi się następnie ekran potwierdzający dokonanie zamówienia znajduje się tam także odnośnik do strony zawierającej dane zamówienia. 4.4. Zarządzanie zamówieniami Gdy już klient złoży zamówienie, pojawia się ono w interfejsie administracyjnym sklepu, w menu Zamówienia/Lisa zamówień Za pośrednictwem poczty elektronicznej możemy przekazać klientowi stopień realizacji zamówienia. Wybierz odpowiednią opcję Status (Pending oczekuje, Confirmed potwierdzone, Cancelled anulowane, Refunded refundowane, Shipped wysłane), zaznacz opcję powiadom klienta i kliknij przycisk Update Status. Klient otrzyma e-mail z powiadomieniem o zmianie statusu zamówienia. Zamówienie z kolei zostanie przeniesione do odpowiedniej listy w ramach administracji zamówień. 5