Opencart Product Designer / Customizer Extension – Instrukcja obsługi

1.0 Wprowadzenie

Każdy uwielbia osobisty charakter. Jest to szczególnie prawdziwe 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 wybór opcji zakupu. I tu właśnie zaczyna się dostosowywanie produktu. Firmy, które wdrażają dostosowanie produktu, projektują, zmieniają i sprzedają swoje produkty zgodnie z potrzebami lub pragnieniami klienta.Opencart Product Designer / Customizer oferuje wiele korzyści i ogólnie prowadzi do wyższych współczynników konwersji. Jeszcze kilka lat temu spersonalizowane produkty były w zasadzie ograniczone do niewielkiego kręgu marek i artykułów. Składała się głównie z podarunków, produktów prezentacyjnych lub artykułów marketingowych. Mówiąc obrazowo, można policzyć liczbę spersonalizowanych przedmiotów 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 pakowane przez konsumentów, odkrywają zalety i wartość dostosowywania produktu. Coraz więcej marek dowiaduje się, że personalizacja przedmiotó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 Twoi klienci dostosowali dowolny produkt zgodnie z jego życzeniem i złożyli zamówienie u Ciebie. Daje to Twojemu klientowi elastyczność w uzyskaniu pożądanego produktu i sposobu, w jaki chcą, a tym samym zwiększając sprzedaż. Klienci mogą łatwo dodawać tekst z kolorowymi tekstami i efektami, przesyłać zdjęcia z filtrami i dodawać kod QR, aby był odpowiedni dla ich potrzeb.

Dlaczego warto dać klientom opcję dostosowywania produktu?

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

picture1
Podręcznik instalacji 2.0

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

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

picture2
Krok 2: Skopiuj wszystkie foldery pliku zip do katalogu głównego 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 / konfiguratora produktu Opencart.

3.0 Interfejs administratora 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 produktu / konfigurator

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 projektanta / konfiguratora produktu użytkownik będzie miał następujące opcje w module Opencart Extended Product Customization:

Konfiguracja 3.0.1

Poprzez to ustawienie 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 Opencart Extended Product Customization pozwala administratorowi decydować o stałej cenie każdej personalizacji, która musi zostać dodana w produkcie. Ekran tego samego będzie wyglądał jak pokazano poniżej:

picture10
Tekst 3.0.3

Poprzez to ustawienie modułu Opencart Custom Product Design, Administrator może kontrolować opcję Tekst w Personalizacji. Ekran tej opcji będzie wyglądał jak pokazano poniżej:

picture11

Boki 3.0.4

Ustawienie boków niestandardowego modułu projektanta produktów Opencart pozwala administratorowi dodawać obraz różnych stron produktu, dzięki czemu użytkownik może dostosować produkt z dowolnej strony. Administrator może również nazwać dodane Strony. Ekran będzie wyglądał następująco:

picture12

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

picture13

Podczas zmiany ustawień dostosowywania produktu dostępne są opcje wyboru różnych czcionek, kolorów i grup obrazów w prawym górnym rogu ekranu. Znajdziesz trzy opcje:

1. Konfiguruj czcionki

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

picture14
2. Konfiguruj kolory

Wszystkie kolory dodane za pomocą modułu są wymienione tutaj w tym interfejsie. Możesz bezpośrednio włączyć lub wyłączyć dowolny kolor.

picture15

3. Konfiguruj grupy obrazów

picture16
Wszystkie grupy obrazów, które zostały dodane, są wymienione tutaj 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 Konfiguruj

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

picture18
Czcionki 3.0.6

Dzięki temu ustawieniu rozszerzonego modułu dostosowywania produktu OpenCart administrator może dodać nową czcionkę w systemie, a także edytować istniejącą. Ekran będzie wyglądał 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 Edytuj będzie już wypełniał 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ą na górze strony. Ekran będzie wyglądał jak pokazano poniżej:


picture20

3.0.7 Kolory

Dzięki temu ustawieniu rozszerzonego modułu dostosowywania produktu OpenCart administrator może dodać nowy kolor w systemie, a także edytować istniejący. Ekran będzie wyglądał 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 Edytuj będzie już wypełniał 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 OpenCart Extended Product Customization, klikając ikonę „+” podaną na górze strony. Ekran będzie wyglądał jak pokazano poniżej:

picture22
Grupa obrazów 3.0.8

Ustawienia grupy obrazów w module rozszerzonego dostosowywania produktu OpenCart pozwalają administratorowi dodawać grupę obrazów, aby oferować klientom dostosowanie produktu. Ekran będzie wyglądał 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 Edytuj będzie już wypełniał 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 OpenCart Extended Product Customization, klikając ikonę „+” podaną na górze strony. Ekran będzie wyglądał jak pokazano poniżej:

picture24

Podgląd grupy obrazów:?You can view all the images within a group by clicking on the “Eye” icon corresponding to a particular group. It will show the below screen:

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 pożądanego obrazu z lokalnego komputera i przesłanie go tutaj.

Cena: Ta opcja ustawia cenę dla 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 obrazku poniżej.

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

Przedni interfejs 4.0 modułu dostosowywania projektanta produktów Opencart

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

picture28

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

picture29

Klienci mogą wykonywać różnego rodzaju dostosowania, takie jak:

1. Kolor

picture30

2. Wizerunek

picture31

Klienci mogą wybrać wybrany obraz z dostępnych opcji grupy obrazów.

picture32

Mogą przesyłać i drukować dowolne inne wybrane przez siebie zdjęcia z lokalnej przestrzeni.

picture33

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

picture34

3. Tekst

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

picture36

Wyświetli pole wyboru kosztów na ekranie. Kliknij przycisk OK, aby potwierdzić.

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

Strona Podsumowanie koszyka na produkt niestandardowy

Poniższy obraz interfejsu pokazuje, jak produkt niestandardowy 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ę tego dostosowanego produktu, jak pokazano poniżej.

picture39
Zamów widok z panelu administracyjnego

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

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

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 *