- Instalacja i pierwsze konfiguracje JoomShopping
- Tworzenie kategorii i produktów
- Tworzenie stron na stronie
- SEO i JoomShopping
Handel elektroniczny staje się coraz ważniejszym sektorem internetowym. Jest coraz więcej stron, w których umieszczana jest sekcja poświęcona sprzedaży wszelkiego rodzaju obiektów. Aby stworzyć wirtualny sklep, musimy myśleć o tych rzeczach:
- Rodzaj sklepu;
- Produkty i ich kategorie;
- Rodzaj klientów, do których skierowana jest sprzedaż;
- Sprzedaż (na przykład, jeśli są tylko krajowe lub nawet międzynarodowe);
- Ceny i wszelkie podatki;
- Rodzaje płatności i wysyłki;
- Wszelkie zniżki, które mają być stosowane wobec klientów.
JoomShopping jest jednym z najczęściej używanych, najbardziej kompletnych i najłatwiejszych w użyciu komponentów do zakupów online Joomla , Jest kompatybilny z Joomla 1.5, 1.6, 1.7 i Joomla 2.5 , Opracowany do sprzedaży produktów różnych typów (nawet plików muzycznych), możemy wyświetlać opisy produktów, obrazy, a nawet pliki multimedialne (wideo lub audio) w interfejsie. Integruje różne rodzaje płatności, pozwala mieć faktury w formacie PDF i wreszcie jest zoptymalizowany pod kątem funkcji SEO .
Instalacja i pierwsze konfiguracje JoomShopping
Aby zainstalować komponent, po pobraniu interesującej nas wersji ze strony programisty (gdzie znajdziemy również dodatkowe wtyczki do Joomla Shopping), uzyskujemy dostęp do tylnej strony naszej strony, przejdź do Rozszerzenia -> Zarządzanie rozszerzeniami, a na zakładce Instalacja wybieramy pobrany plik zip i kliknij przycisk „Prześlij i zainstaluj”. Po kilku chwilach pojawi się komunikat instalacyjny. Na tej stronie oprócz referencji programisty znajdziemy dwa przyciski: „JoomShopping” i „Load sample data”. Pierwszy służy do przejścia bezpośrednio na stronę komponentu, drugi do zainstalowania przykładowych danych; jeśli używamy tego rozszerzenia po raz pierwszy, zaleca się również załadowanie przykładów, które można usunąć w dowolnym momencie.
Możemy znaleźć włoskie tłumaczenie komponentu, zarówno front-end, jak i back-end ta strona lub w obszarze pobierania programistów. Do administrowania konieczne jest załadowanie pliku w folderze http://www.tuosito.it/administrator/components/com_jshopping/lang, podczas gdy dla użytkowników musi zostać przesłane w http://www.tuosito.it/components/com_jshopping / lang
Instalację można również wykonać bezpośrednio z tyłu witryny, postępując tak, jakby była instalacją dowolnego rozszerzenia. Następnie przechodzimy do panelu sterowania naszego komponentu, który znajdujemy pod adresem http://tuosito.it/administrator/index.php?option=com_jshopping. Do tej strony można również dotrzeć z poziomego menu zaplecza witryny i wybierając Komponenty -> JoomShopping. Jak widać na rysunku, mamy następujące elementy:
Rysunek 1. Panel sterowania JoomShopping (kliknij, aby powiększyć)
- kategorie;
- produktów;
- Zamówienia;
- klienci;
- Opcje;
- konfiguracja;
- Zainstaluj i zaktualizuj;
- Info.
Każda z tych kart, w szczególności Opcje i konfiguracje , zawiera wiele zakładek, z interesującymi ustawieniami do zobaczenia. Nie wszystkie elementy każdej karty zostaną wyjaśnione, ponieważ wszystkie są dość intuicyjne, ale zobaczymy krok po kroku, jak stworzyć prawdziwy sklep internetowy.
Podczas lektury artykułu wykorzystamy na przykład stworzenie sklepu internetowego z obiektami włoskich drużyn piłkarskich, na przykład koszulki, kubki, plakaty i inne.
Tworzenie kategorii i produktów
Ponieważ wiemy już, jaki rodzaj sklepu chcemy stworzyć, pomyślmy teraz o możliwych kategoriach obiektów . JoomShopping pozwala tworzyć kategorie produktów i podkategorie. Stwórzmy więc dla naszego przykładu sklep „T-shirty”, „Akcesoria komputerowe”, „Zegary i budziki”, „Gry” i „Różne przedmioty”. „Akcesoria komputerowe” będą na przykład miały kilka kategorii córek, na przykład „Mysz”, „Podkładki pod mysz” i „Klawisze USB”. Aby dodać kategorię, na karcie „Kategorie” po prostu kliknij nowe i wypełnij pola tytułem, opisem, widocznością, a nawet możliwym obrazem. Jeśli chcemy dodać kategorię, która jest częścią już utworzonej, musimy kliknąć podkategorie, odpowiadające kategorii nadrzędnej, a następnie dodać ją, tak jak w drugim przypadku, klikając przycisk „Nowy”. Na karcie Kategorie możemy je modyfikować i usuwać, ale w tym ostatnim przypadku tylko wtedy, gdy nie mają powiązanych produktów.
Rysunek 2. Strona z listą kategorii (kliknij, aby powiększyć)
Aby dodać produkt do kategorii, możemy kliknąć produkty pozycji na karcie „Kategoria”, a następnie wstawić go lub kliknąć Nowy bezpośrednio z karty „Produkty”. Jeśli spróbujemy wstawić produkt, oprócz opisu, dowolnego nośnika lub innych plików do załączenia, są inne elementy, które należy najpierw skonfigurować, na przykład:
- Podatki : we Włoszech obowiązuje obowiązkowy podatek VAT i przyjmuje różne wartości. Aby wprowadzić nowy podatek, musimy przejść do Opcje–> Podatki i wprowadzić nazwę i wartość procentową. Dla każdego podatku możemy również ustalić zasady, być może dlatego, że pewien podatek dotyczy tylko niektórych krajów;
- producent: znajdujemy listę producentów wśród pozycji obecnych w Opcjach. Aby utworzyć nowego producenta, musimy wstawić tytuł (tylko element obowiązkowy), możliwy alias, krótki i rozszerzony opis, obraz (być może logo) i klasyczne tagi meta (według tytułu, opisu i słów kluczowych);
- Etykieta : możemy dodawać małe obrazy do obrazów produktów, aby wskazać na przykład nowy produkt lub produkt na sprzedaż. Kiedy tworzymy nową etykietę (z Opcje -> Etykiety produktów -> Nowe), oprócz nadania jej nazwy, musimy przesłać obraz. Na wstawionym obrazie nie ma dużych elementów sterujących, ale zaleca się używanie obrazów o rozmiarze 40 × 40 pikseli, więc zostaną one wstawione do obrazu w lewym górnym rogu. Obrazy etykiet są zapisywane w ../components/com_jshopping/files/img_labels;
- Czas dostawy: jest to informacja, której kupujący prawie zawsze szukają, a także zmienna, którą możemy wstawić. Aby je wstawić, nie ma szczególnych potrzeb, wystarczy opis w polu tytułu;
Bardzo interesującą cechą JoomShopping jest możliwość przypisywania do produktów przeznaczonych do sprzedaży dostosowanych funkcji: na przykład, jeśli jest to sklep odzieżowy, dobrze byłoby mieć rozmiar dostępnej odzieży lub jeśli jest to sklep sprzedający meble równie przydatne jest wstawienie koloru produktu (pomyśl tylko o brązie, który ma wiele różnych odcieni). Aby wstawić te funkcje, mamy wśród opcji rozszerzenia pozycje „Atrybuty” i „Darmowe atrybuty”. Aby dodać funkcję, musimy kliknąć element Atrybuty, a następnie Nowy. Po wprowadzeniu nazwy atrybutu wybierz typ zaznaczenia (jeśli pole wyboru lub przycisk opcji) i zapisano, aby dodać wartości, musimy kliknąć odpowiedni element Opcje.
Gdy wstawiamy nowy produkt, widzimy, że cena może się również różnić w zależności od wartości atrybutu. W przypadku naszego sklepu z pewnością konieczne jest wstawienie rozmiarów koszulki zespołów, a następnie możemy wymyślić inne atrybuty dla innych obiektów.
Przejdźmy więc do tworzenia produktów. Z panelu sterowania JoomShopping wybieramy Produkty–> Nowe. Dane, które możemy wstawić dla każdego produktu, są liczne, ale wśród najważniejszych danych musimy wstawić opis, cenę, podatki, kategorię, do której należą. Zaleca się dodanie obrazu i, jeśli jest obecny, atrybutów.
Ponieważ komponent obsługuje wielojęzyczną nazwę produktu i opisy, możemy je wstawiać, na przykład zarówno w języku włoskim, jak i angielskim. Po włożeniu wszystkich naszych produktów znajdziemy przed nimi listę, jak pokazano. Zauważ, że w prawym górnym rogu niektórych zdjęć znajdują się etykiety dla przedmiotów w sprzedaży lub dla nowych.
Rysunek 3. Lista wszystkich włożonych produktów (kliknij, aby powiększyć)
Aby przyspieszyć wstawianie, produkty można również importować (iw konsekwencji eksportować) za pomocą plików csv. Możemy to zrobić, klikając „Importuj i eksportuj”, który znajdujemy w Opcjach.
Produkt, z którego jest zamówiony, kiedy został dostarczony i zapłacony, przechodzi przez różne stany zamówienia , które można znaleźć w Opcje -> Status zamówienia. Te wstawione z przykładowymi danymi i które możemy ponownie wykorzystać to:
- Oczekujące: dla zamówień jeszcze nie potwierdzonych;
- Potwierdzony: dla potwierdzonego zamówienia;
- Anulowane: w przypadku zamówienia anulowanego przez klienta;
- Zwrot: za zamówienie odrzucone przez sprzedającego (z jakiegokolwiek powodu);
- Wysłane: gdy towary zostały wysłane;
- Płatny: za płatne zamówienia;
- Kompletny: stan końcowy, w którym wszystko było robione regularnie.
Każdy stan ma inny kod.
JoomShopping pozwala skonfigurować za pomocą strony Opcje także metody płatności (w których wskazane jest przechowywanie przykładowych danych, ponieważ są one najbardziej powszechne), rodzaje wysyłki i powiązane wydatki, stany, z których można złożyć zamówienie i stwórz grupy użytkowników, do których mogę również stosować zniżki.
Tworzenie stron na stronie
Aby naprawdę dostosować naszą stronę, możemy utworzyć różne strony dla różnych etapów zamówienia. Zamiast używać klasycznej zawartości Joomla, musimy tworzyć i / lub modyfikować statyczne strony JoomShopping. Z JoomShopping–> Konfiguracja–> Tekst statyczny–> Nowy, a następnie możemy wstawić nasz tekst i nasze obrazy tak, jakby to był klasyczny artykuł. Na przykład możemy tworzyć strony w następujący sposób:
- Strona powitania i prezentacji;
- Strona z warunkami usługi;
- Strona z dowolnymi zasadami i zasadami (na przykład dotyczącymi zwrotu produktów);
- Strona opisująca koszty i metody wysyłki;
Ale teraz musimy pokazać strony sklepu na przedniej stronie naszej strony. Aby to zrobić na przykład, możemy pomyśleć o stworzeniu specjalnego menu i wstawieniu interesujących nas linków. Przejdźmy do „Menu -> Zarządzanie menu -> Nowe menu” i zapisz nasze nowe menu. Załóżmy, że nazywamy to „moim sklepem internetowym”. Następnie musimy utworzyć moduł, który wyświetli go na niektórych lub wszystkich stronach witryny: z Rozszerzeń -> Zarządzanie modułami -> Nowy -> jako typ wybieramy Menu, a następnie wybieramy właśnie utworzone.
Stronami, które możemy wstawić do tego menu, mogą być strony, które prowadzą do stron statycznych utworzonych wcześniej lub takich, które pokazują produkty (podzielone według kategorii lub kategorii jednej kategorii), listę producentów i sprzedawców lub panel logowania lub zarejestrować nowych klientów. Dodajmy teraz elementy do menu. Wróćmy do Menu–> My Online Store–> Dodaj nowy element menu. W Typ elementu menu znajdziemy różne możliwe elementy w sekcji JoomShopping . Na przykład wstaw katalog, czyli stronę, która pokaże wszystkie produkty podzielone według kategorii. W tym przypadku musimy wybrać element „Kategorie”, aw ustawieniach wpisać „Wszystkie”, jeśli chcemy wszystkie kategorie lub wprowadzić identyfikator pojedynczej kategorii. Bez tego na początku będziemy mieli stronę podobną do tej na rysunku.
Klikając w kategorię, zobaczymy wszystkie produkty tej kategorii ze zdjęciem, cenę (bez podatku VAT i kosztów wysyłki, które są wskazane oddzielnie poniżej), nazwę produktu i linki, aby dodać go do koszyka lub zobaczyć szczegóły.
Rysunek 5. Produkty jednej kategorii (kliknij, aby powiększyć)
Użytkownik zarejestrowany na stronie jest również automatycznie klientem sekcji sklepu. Aby dokonać udanego zakupu, konieczne jest jednak wprowadzenie dodatkowych informacji, które nie są dostarczane przez klasyczny formularz rejestracyjny Joomla, ale tylko przez JoomShopping. Brakujące informacje to informacje o dostawie i kontakcie, a użytkownik witryny może je w dowolnym momencie wprowadzić lub zmienić. Jeśli utworzymy łącze do strony użytkowników, pojawi się formularz dostępu i przycisk, który będzie używany do rejestracji w witrynie, co doprowadzi do wypełnienia formularza wszystkimi żądanymi informacjami, jak pokazano na rysunku.
Pozostałe strony dla klienta to koszyk i lista życzeń. Pierwsza zawiera wszystkie obiekty, które będą następnie częścią zamówienia, a druga może być postrzegana jako strona, na której tymczasowo wstawiamy obiekty, które chcielibyśmy kupić w przyszłości. Te dwie strony są do siebie podobne: w pierwszym mamy obliczenia podatków i link do kontynuowania płatności, podczas gdy w drugim mamy przycisk, aby dodać przedmiot do koszyka. Użytkownik zalogowany do witryny może również dodawać komentarze do produktów, jak pokazano.
Z rysunku widać, że oprócz komentarzy, klienci mogą również uwzględnić ocenę produktów za pomocą funkcji Ajax, która barwi gwiazdy według wprowadzonych głosów.
Gdy klient zdecyduje się na zakup, otworzą się formularze do wypełnienia: pierwszy z danymi kontaktowymi, drugi z wyborem rodzaju płatności i wreszcie mamy metodę dostawy. Po potwierdzeniu zamówienia, w zależności od wybranej metody płatności, klient zostanie przekierowany do bezpiecznej witryny w celu przeniesienia pieniędzy, na przykład PayPal .
SEO i JoomShopping
Na początku artykułu powiedziano, że na JoomShopping zarządzanie SEO jest mocną stroną: jeśli przejdziemy do konfiguracji -> SEO będziemy mieć listę wszystkich stron utworzonych za pomocą tego komponentu. Dla każdego z nich możemy wstawić metadane tytułu, słów kluczowych i opisu, zarówno w języku włoskim, jak i angielskim. Możemy zarządzać SEO sklepu niezależnie od SEO witryny, dążąc w ten sposób do wykorzystania najbardziej odpowiednich słów (które będą najbardziej poszukiwane przez użytkowników) w tej sekcji.
Przez lata opracowano kilka wtyczek do integracji z JoomShopping, aw tej części artykułu zobaczymy kilka. BxSlider Jshopping Last Products bazuje na wtyczce jQuery BxSlider i tworzy suwak, na którym umieszczane są najnowsze produkty utworzone w katalogu. Z BxSlider Jshopping Last Products możemy mieć pionowy lub poziomy pokaz slajdów z efektem zanikania. Wśród parametrów wtyczki możemy ustawić liczbę produktów, wyświetlenie opisu produktu, cenę i link, aby zobaczyć szczegóły. Istnieje również, jak zwykle, moduł, który pokazuje najczęściej kupowane lub najwyżej oceniane przedmioty: JT BxSlider Jshopping Top Rating.
Wtyczka inna niż poprzednie, ale równie przydatna, to moduł koszyka . Moduł Koszyk pozwala mieć na stronach naszej strony koszyk z podsumowaniem dotychczasowych zakupów, jak widać na rysunku.
Php?
