Rozszerzenie Opencart Product Designer/Customizer — instrukcja obsługi


1.0 Wprowadzenie

Każdy kocha osobisty akcent. Jest to szczególnie ważne w dzisiejszym świecie zakupów online, który pozwala zamówić wybrany produkt w zaciszu własnej sofy. Co więcej, spektakularny wzrost liczby sklepów internetowych dał klientom szeroki wachlarz możliwości zakupu. I tutaj w grę wchodzi personalizacja produktu. Firmy, które wdrażają dostosowywanie produktów, projektują, zmieniają i wprowadzają na rynek swoje produkty zgodnie z potrzebami lub pragnieniami klienta.�Projektant/dostosowywanie produktu Opencart oferuje wiele korzyści i generalnie prowadzi do wyższych współczynników konwersji. Jeszcze kilka lat temu spersonalizowane produkty ograniczały się do wąskiego kręgu marek i przedmiotów. Składał się głównie z prezentów, produktów prezentacyjnych lub materiałów marketingowych. Mówiąc obrazowo, ilość personalizowanych przedmiotów można było policzyć na palcach jednej ręki. Na szczęście wiele się zmieniło. Dla dobra. Sprzedawcy prawie wszystkiego, od sukienek i koszul po torebki, a nawet towary konsumenckie, odkrywają korzyści i wartość dostosowywania produktów. Coraz więcej marek przekonuje się, że personalizacja produktów i usług to świetny sposób na zwiększenie lojalności i zaangażowania klientów. OpenCart Product Designer / Customizer to łatwy sposób, aby klienci mogli dostosować dowolny produkt zgodnie z ich życzeniem i złożyć zamówienie u Ciebie. Daje to elastyczność Twojego klienta, aby uzyskać produkt, którego chce i tak, jak chce, a tym samym zwiększa sprzedaż. Klienci mogą łatwo dodawać bogate, kolorowe teksty z efektami, przesyłać obrazy z filtrami i dodawać kod QR, aby dostosować go do swoich potrzeb.

Dlaczego powinieneś dać swoim klientom opcję dostosowywania produktu?

Jeśli zastanawiasz się, dlaczego dostosowywanie produktu? Oto dlaczego poprawiłoby to Twój sklep internetowy.

picture1
2.0 Podręcznik instalacji

Przed rozpoczęciem procesu instalacji musisz kupić Opencart Product Designer / Customizer w sklepie Knowband. Po zakupie otrzymasz następujące pliki na swój zarejestrowany adres e-mail. 1. Kod źródłowy modułu dostosowywania produktu Opencart w formacie pliku zip. 2. Instrukcja obsługi niestandardowego rozszerzenia projektanta produktu Opencart. Teraz, aby zainstalować to niestandardowe rozszerzenie projektanta produktów Opencart w swoim sklepie internetowym, wykonaj następujące kroki:

Krok 1: Rozpakuj plik zip. Otrzymasz foldery, jak pokazano na poniższym obrazku

picture2
Krok 2: Skopiuj wszystkie foldery pliku zip w katalogu głównym konfiguracji OpenCart za pomocą menedżera FTP. Tak więc moduł Opencart Custom Product Design został pomyślnie zainstalowany i jest gotowy do użycia w Twoim sklepie. Przejdź do menu administratora i kliknij rozszerzenia. Wybierz typ rozszerzenia jako moduły. Znajdziesz listę modułów. Wybierz projektanta/dostosowującego produkt Opencart.

Interfejs administracyjny 3.0 programu Opencart Product Designer Customizer

Aby skonfigurować rozszerzenie Product Designer/Customizer dla OpenCart, przejdź do ustawień w następującej kolejności:
Panel administracyjny > Rozszerzenia > Moduły > Projektant produktów/Dostosowywanie

picture3

picture4

picture5

Interfejs administratora rozszerzenia OpenCart Product Designer/Customizer zawiera następujące główne ustawienia:

  • Konfigurowanie
  • Kolory
  • chrzcielnica
  • Grupa obrazów

Jak dostosować produkt?

Aby dostosować produkt, postępuj zgodnie z następującą ścieżką:
Katalog>> Produkty>> Wybierz produkt>> Edytuj>> Product Designer/Customizer

picture6

picture7

picture8
Po kliknięciu przez Użytkownika Projektanta/Dostosowania produktu, Użytkownik będzie miał następujące opcje w module Opencart Extended Product Customization:

Konfiguracja 3.0.1

Dzięki temu ustawieniu modułu Opencart Custom Product Design użytkownik może włączyć / wyłączyć cały moduł i wprowadzić zmiany w dostosowywaniu produktu.

picture9

Cena 3.0.2

To ustawienie modułu rozszerzonego dostosowywania produktu Opencart pozwala administratorowi decydować o stałej cenie dla każdego dostosowania, które należy dodać do produktu. Ekran tego samego będzie wyglądał tak, jak pokazano poniżej:

picture10
3.0.3 Tekst

Dzięki temu ustawieniu modułu Opencart Custom Product Design administrator może kontrolować opcję Tekst w Dostosowaniu. Ekran tej opcji będzie wyglądał tak, jak pokazano poniżej:

picture11

Boki 3.0.4

Strony Ustawienie niestandardowego modułu rozszerzenia projektanta produktu Opencart pozwala administratorowi dodać obraz różnych stron produktu, aby użytkownik mógł dostosować produkt z dowolnej strony. Administrator może również nazwać dodane strony. Ekran będzie wyglądał tak, jak pokazano:

picture12

Jak skonfigurować czcionki, kolory i grupy obrazów?

picture13

Podczas zmiany ustawień dostosowywania produktu w prawym górnym rogu ekranu znajdziesz opcje wyboru różnych czcionek, kolorów i grup obrazów. Znajdziesz trzy opcje, takie jak:

1. Skonfiguruj czcionki

Wszystkie czcionki dodane z modułu są wymienione w tym interfejsie. Możesz bezpośrednio włączyć lub wyłączyć dowolną czcionkę.

picture14
2. Skonfiguruj kolory

Wszystkie kolory, które zostały dodane za pomocą modułu, są wymienione w tym interfejsie. Możesz bezpośrednio włączyć lub wyłączyć dowolny kolor.

picture15

3. Skonfiguruj grupy obrazów

picture16
Wszystkie dodane grupy obrazów są wymienione w tym interfejsie. Możesz bezpośrednio włączyć lub wyłączyć dowolną grupę obrazów. Po kliknięciu przycisku „Wyświetl obrazy” zobaczysz następujący ekran.

picture17

3.0.5 Konfiguracja

Ta opcja jest podana w panelu administracyjnym niestandardowego rozszerzenia projektanta produktu OpenCart, administrator może włączyć / wyłączyć cały moduł z tego ustawienia. Ekran będzie wyglądał tak, jak pokazano poniżej:

picture18
3.0.6 Czcionki

Dzięki temu ustawieniu modułu rozszerzonego dostosowywania produktu OpenCart administrator może dodać nową czcionkę w systemie, a także edytować istniejącą. Ekran będzie wyglądał tak, jak pokazano poniżej:

picture19

Edytuj czcionkę: Możesz edytować istniejący zestaw czcionek za pomocą opcji Edytuj. Ekrany edycji czcionki będą takie same jak dodawanie czcionki. Jedyną różnicą będzie to, że Edycja będzie miała już wypełnione pola.

Usuń czcionkę: Możesz usunąć czcionkę, klikając ikonę „Kosz”. Pojawi się wyskakujące okienko z prośbą o potwierdzenie. Możesz kliknąć tak, a czcionka zostanie usunięta.

Dodaj czcionkę: Możesz dodać czcionkę w module OpenCart Extended Product Customization, klikając ikonę „+” podaną u góry strony. Ekran będzie wyglądał tak, jak pokazano poniżej:


picture20

3.0.7 Kolory

Dzięki temu ustawieniu modułu rozszerzonego dostosowywania produktu OpenCart administrator może dodać nowy kolor w systemie, a także edytować istniejący. Ekran będzie wyglądał tak, jak pokazano poniżej:

picture21
Edytuj kolor: Możesz edytować istniejący zestaw kolorów za pomocą opcji Edytuj. Ekrany edycji koloru będą takie same jak dodawanie koloru. Jedyną różnicą będzie to, że Edycja będzie miała już wypełnione pola.

Usuń kolor: Możesz usunąć kolor, klikając ikonę „Kosz”. Pojawi się wyskakujące okienko z prośbą o potwierdzenie. Możesz kliknąć tak, a czcionka zostanie usunięta.

Dodaj kolor: Możesz dodać kolor w module rozszerzonej personalizacji produktu OpenCart, klikając ikonę „+” podaną u góry strony. Ekran będzie wyglądał tak, jak pokazano poniżej:

picture22
3.0.8 Grupa obrazów

Ustawienia grupy obrazów modułu rozszerzonego dostosowywania produktu OpenCart pozwalają administratorowi dodać grupę obrazów, aby zaoferować swoim klientom dostosowywanie produktu. Ekran będzie wyglądał tak, jak pokazano poniżej:

picture23

Edytuj grupę obrazów: Możesz edytować istniejący zestaw grup obrazów za pomocą opcji Edytuj. Ekrany edycji grupy obrazów będą takie same jak dodawanie koloru. Jedyną różnicą będzie to, że Edycja będzie miała już wypełnione pola.

Usuń grupę obrazów: Możesz usunąć grupę obrazów, klikając ikonę „Kosz”. Pojawi się wyskakujące okienko z prośbą o potwierdzenie. Możesz kliknąć tak, a czcionka zostanie usunięta.

Dodaj grupę obrazów: Możesz dodać grupę obrazów w module rozszerzonego dostosowywania produktu OpenCart, klikając ikonę „+” podaną u góry strony. Ekran będzie wyglądał tak, jak pokazano poniżej:

picture24

Podgląd grupy obrazów:�Możesz wyświetlić wszystkie obrazy w grupie, klikając ikonę „Oko” odpowiadającą określonej grupie. Wyświetli się poniższy ekran:

picture25
Tutaj możesz dodać nowy obraz do grupy, edytować/usunąć istniejący obraz. Po kliknięciu przycisku Dodaj zobaczysz następujące opcje, jak pokazano poniżej:

picture26

Załaduj obrazek: Ta opcja umożliwia przeglądanie żądanego obrazu z lokalnego komputera i przesyłanie go tutaj.

Cena: Ta opcja określa cenę wybranego obrazu.

Aktywny: Ta opcja włącza lub wyłącza obraz dla wybranej grupy. Ustaw na TAK lub NIE. Podobnie możesz kliknąć przycisk Edytuj odpowiadający obrazowi. Opcje będą takie same, jedyną różnicą jest to, że pola zostaną wypełnione, jak pokazano na poniższym obrazku.

picture27
Usunięcie obrazu jest proste. Wystarczy kliknąć ikonę „Kosz” odpowiadającą obrazowi.

4.0 Przedni interfejs modułu konfiguracyjnego projektanta produktu Opencart

Jeśli moduł Opencart Product Designer/Customizer jest włączony, na stronie produktu zostanie wyświetlony przycisk „Dostosuj”, jak pokazano poniżej.

picture28

Po kliknięciu przycisku Dostosuj, klientowi zostanie wyświetlone wyskakujące okienko, które będzie składało się z różnych projektów produktu i ustawień dostosowywania. Klienci mogą dodać dowolny kolor, niestandardowy tekst, niestandardowy obraz lub kod QR dla produktu zgodnie z wymaganiami dotyczącymi zakupów.

picture29

Klienci mogą dokonywać różnego rodzaju dostosowań, takich jak:

1. Kolor

picture30

 

2. Wizerunek

picture31

Klienci mogą wybrać wybrany przez siebie obraz z dostarczonych opcji grupy obrazów.

picture32

Mogą przesyłać i drukować dowolny inny wybrany przez siebie obraz z przestrzeni lokalnej.

picture33

Mogą nawet wydrukować kod QR dla ukrytego tekstu lub linku do strony internetowej.

picture34

 

3. Tekst

picture35
Klient może zapisać wszystkie dostosowania swojego produktu, klikając przycisk Zapisz, jak pokazano poniżej.

picture36

Na ekranie pojawi się pole wyboru kosztów. Kliknij OK, aby potwierdzić.

picture37
Podobnie te dostosowania mają zastosowanie do innych produktów sklepu, takich jak etui na kubki i telefony.

Strona podsumowania koszyka dla spersonalizowanego produktu

Poniższy obraz frontendu pokazuje, jak niestandardowy produkt wyświetla się na stronie koszyka z różnymi opcjami dla klientów po kliknięciu przycisku „Zapisz dostosowanie”.

picture38
Klient może wyświetlić fakturę za ten dostosowany produkt, jak pokazano poniżej.

picture39
Zamów widok z panelu administracyjnego

Administrator może przeglądać fakturę zamówienia i całą konfigurację dotyczącą dostosowywania produktu z zaplecza. Szczegóły zamówienia można wyświetlić w sekcji Zamówienia w Panelu administracyjnym.

picture40
Po kliknięciu przycisku Widok odpowiadającego produktowi administrator może sprawdzić pełne szczegóły zamówienia produktu niestandardowego.

picture41

Po kliknięciu zdjęć produktu administrator zobaczy pełne szczegóły spersonalizowanego produktu w postaci wyskakującego ekranu, jak pokazano poniżej.

picture42

picture43

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *