Opencart Product Designer / Customizer Extension – Benutzerhandbuch

1.0 Einführung

Jeder liebt eine persönliche Note. Dies gilt insbesondere für das heutige Online-Shopping-Universum, in dem Sie das Produkt Ihrer Wahl bequem von Ihrem Sofa aus bestellen können. Darüber hinaus hat der spektakuläre Anstieg der Anzahl der Online-Shops den Kunden eine Vielzahl von Kaufoptionen eröffnet. Und hier kommt die Produktanpassung ins Spiel. Unternehmen, die Produktanpassungen durchführen, ihre Artikel nach den Bedürfnissen oder Wünschen des Kunden entwerfen, ändern und vermarkten.Opencart Product Designer / Customizer bietet viele Vorteile und führt in der Regel zu höheren Conversion-Raten. Bis vor einigen Jahren waren personalisierte Produkte so gut wie auf einen kleinen Kreis von Marken und Artikeln beschränkt. Es bestand hauptsächlich aus Geschenkartikeln, Schaufensterprodukten oder Marketingartikeln. Im übertragenen Sinne können Sie die Anzahl der personalisierten Artikel an den Fingern einer Hand zählen. Zum Glück hat sich viel geändert. Zum Guten. Verkäufer von so ziemlich allem, von Kleidern und Hemden über Handtaschen bis hin zu Konsumgütern, entdecken die Vorteile und den Wert der Produktanpassung. Immer mehr Marken stellen fest, dass die Personalisierung von Artikeln und Dienstleistungen eine hervorragende Möglichkeit ist, die Kundenbindung und das Kundenbindungspotenzial zu steigern. Mit OpenCart Product Designer / Customizer können Ihre Kunden auf einfache Weise jedes Produkt nach ihren Wünschen anpassen und eine Bestellung bei Ihnen aufgeben. Dies gibt Ihren Kunden die Flexibilität, das gewünschte Produkt und die gewünschte Art zu erhalten und somit Ihren Umsatz zu steigern. Kunden können auf einfache Weise farbintensive Texte mit Effekten hinzufügen, ihre Bilder mit Filtern hochladen und einen QR-Code hinzufügen, um ihn an ihre Bedürfnisse anzupassen.

Warum sollten Sie Ihren Kunden die Option zur Produktanpassung geben?

Wenn Sie sich fragen, warum Produktanpassung? Dann ist hier der Grund, warum es Ihren Webshop verbessern würde.

picture1
2.0-Installationshandbuch

Bevor Sie mit der Installation beginnen, müssen Sie den Opencart Product Designer / Customizer im Knowband Store erwerben. Nach dem Kauf erhalten Sie die folgenden Dateien in Ihrer registrierten E-Mail. 1. Quellcode des Opencart-Produktanpassungsmoduls im komprimierten Dateiformat. 2. Benutzerhandbuch der Opencart Custom Product Designer Extension. Befolgen Sie die folgenden Schritte, um diese benutzerdefinierte Opencart-Produktdesigner-Erweiterung in Ihrem Online-Shop zu installieren:

Schritt 1: Entpacken Sie die Zip-Datei. Sie erhalten die Ordner wie im Bild unten gezeigt

picture2
Schritt 2: Kopieren Sie über den FTP-Manager alle Ordner der ZIP-Datei in das Stammverzeichnis des OpenCart-Setups. Das Opencart Custom Product Design-Modul wurde nun erfolgreich installiert und kann in Ihrem Geschäft verwendet werden. Gehen Sie in das Admin-Menü und klicken Sie auf die Erweiterungen. Wählen Sie den Erweiterungstyp als Module. Sie finden eine Liste der Module. Wählen Sie den Opencart Product Designer / Customizer.

3.0 Admin Interface des Opencart Product Designer Customizers

Navigieren Sie in der folgenden Reihenfolge zu den Einstellungen, um die Product Designer / Customizer-Erweiterung für OpenCart zu konfigurieren:
Admin Panel> Erweiterungen> Module> Product Designer / Customizer

picture3

picture4

picture5

Die Admin-Oberfläche der OpenCart Product Designer / Customizer-Erweiterung enthält folgende Haupteinstellungen:

  • Einrichtung
  • Farben
  • Schriftart
  • Bildgruppe

Wie kann ich ein Produkt anpassen?

Folgen Sie dem folgenden Pfad, um ein Produkt anzupassen:
Katalog >> Produkte >> Produkt auswählen >> Bearbeiten >> Produktdesigner / Customizer

picture6

picture7

picture8
Sobald der Benutzer auf Product Designer / Customizer klickt, hat der Benutzer die folgenden Optionen im Opencart Extended Product Customization-Modul:

3.0.1-Konfiguration

Durch diese Einstellung des Opencart Custom Product Design-Moduls kann der Benutzer das gesamte Modul aktivieren / deaktivieren und Änderungen an der Anpassung des Produkts vornehmen.

picture9

3.0.2 Preis

Mit dieser Einstellung des Opencart Extended Product Customization-Moduls kann der Administrator den Festpreis für jede Anpassung festlegen, die dem Produkt hinzugefügt werden muss. Der Bildschirm dafür sieht wie folgt aus:

picture10
3.0.3-Text

Über diese Einstellung des Moduls Opencart Custom Product Design kann der Administrator die Option Text in der Anpassung steuern. Der Bildschirm für diese Option sieht wie folgt aus:

picture11

3.0.4 Sides

Seiten Mit der Einstellung des Opencart-Erweiterungsmoduls für benutzerdefinierte Produktdesigner kann der Administrator ein Bild von verschiedenen Seiten des Produkts hinzufügen, sodass der Benutzer das Produkt von jeder beliebigen Seite anpassen kann. Der Administrator kann auch die hinzugefügten Seiten benennen. Der Bildschirm sieht folgendermaßen aus:

picture12

Wie konfiguriere ich Schriftarten, Farben und Bildgruppen?

picture13

Während Sie die Anpassungseinstellungen für ein Produkt ändern, finden Sie oben rechts auf dem Bildschirm die Optionen zum Auswählen verschiedener Schriftarten, Farben und Bildgruppen. Sie finden drei Möglichkeiten als:

1. Schriften konfigurieren

Alle vom Modul hinzugefügten Schriftarten werden hier in dieser Benutzeroberfläche aufgelistet. Sie können jede Schriftart direkt aktivieren oder deaktivieren.

picture14
2. Farben konfigurieren

Alle Farben, die mit dem Modul hinzugefügt wurden, werden hier in dieser Benutzeroberfläche aufgelistet. Sie können jede Farbe direkt aktivieren oder deaktivieren.

picture15

3. Bildgruppen konfigurieren

picture16
Alle hinzugefügten Bildgruppen werden hier in dieser Oberfläche aufgelistet. Sie können jede Bildgruppe direkt aktivieren oder deaktivieren. Wenn Sie auf die Schaltfläche "Bilder anzeigen" klicken, wird der folgende Bildschirm angezeigt.

picture17

3.0.5-Konfiguration

Diese Option finden Sie im Admin-Bereich der benutzerdefinierten OpenCart-Produktdesigner-Erweiterung. Der Administrator kann das gesamte Modul über diese Einstellung aktivieren / deaktivieren. Der Bildschirm sieht wie folgt aus:

picture18
3.0.6-Schriftarten

Über diese Einstellung des OpenCart Extended Product Customization-Moduls kann der Administrator dem System eine neue Schriftart hinzufügen und auch die vorhandene bearbeiten. Der Bildschirm sieht wie folgt aus:

picture19

Schriftart bearbeiten: Sie können einen vorhandenen Zeichensatz mit der Option Bearbeiten bearbeiten. Die Bildschirme zum Bearbeiten der Schriftart entsprechen denen zum Hinzufügen einer Schriftart. Der einzige Unterschied besteht darin, dass bei Bearbeiten die Felder bereits ausgefüllt sind.

Schrift löschen: Sie können eine Schriftart löschen, indem Sie auf das Papierkorbsymbol klicken. Es erscheint ein Popup, in dem Sie nach der Bestätigung gefragt werden. Sie können auf Ja klicken und die Schrift wird gelöscht.

Schriftart hinzufügen: Sie können eine Schriftart im OpenCart Extended Product Customization-Modul hinzufügen, indem Sie auf das Pluszeichen oben auf der Seite klicken. Der Bildschirm sieht wie folgt aus:


picture20

3.0.7 Farben

Über diese Einstellung des OpenCart Extended Product Customization-Moduls kann der Administrator dem System eine neue Farbe hinzufügen und auch die vorhandene bearbeiten. Der Bildschirm sieht wie folgt aus:

picture21
Farbe bearbeiten: Sie können ein vorhandenes Farbset mit der Option Bearbeiten bearbeiten. Die Bildschirme zum Bearbeiten von Farben entsprechen denen zum Hinzufügen einer Farbe. Der einzige Unterschied besteht darin, dass bei Bearbeiten die Felder bereits ausgefüllt sind.

Farbe löschen: Sie können eine Farbe löschen, indem Sie auf das Papierkorbsymbol klicken. Es erscheint ein Popup, in dem Sie nach der Bestätigung gefragt werden. Sie können auf Ja klicken und die Schrift wird gelöscht.

Farbe hinzufügen: Sie können im OpenCart Extended Product Customization-Modul eine Farbe hinzufügen, indem Sie auf das Pluszeichen (+) oben auf der Seite klicken. Der Bildschirm sieht wie folgt aus:

picture22
3.0.8-Bildgruppe

Mit den Bildgruppeneinstellungen des OpenCart Extended Product Customization-Moduls kann der Administrator eine Gruppe von Bildern hinzufügen, um seinen Kunden die Produktanpassung anzubieten. Der Bildschirm sieht wie folgt aus:

picture23

Bildgruppe bearbeiten: Sie können einen vorhandenen Bildgruppensatz mit der Option Bearbeiten bearbeiten. Die Bildschirme zum Bearbeiten der Bildgruppe entsprechen denen zum Hinzufügen einer Farbe. Der einzige Unterschied besteht darin, dass bei Bearbeiten die Felder bereits ausgefüllt sind.

Bildgruppe löschen: Sie können eine Bildgruppe löschen, indem Sie auf das Papierkorbsymbol klicken. Es erscheint ein Popup, in dem Sie nach der Bestätigung gefragt werden. Sie können auf Ja klicken und die Schrift wird gelöscht.

Bildgruppe hinzufügen: Sie können eine Bildgruppe im OpenCart Extended Product Customization-Modul hinzufügen, indem Sie auf das Pluszeichen oben auf der Seite klicken. Der Bildschirm sieht wie folgt aus:

picture24

Vorschau der Bildgruppe:?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
Hier können Sie der Gruppe ein neues Bild hinzufügen und das vorhandene Bild bearbeiten / löschen. Wenn Sie auf die Schaltfläche Hinzufügen klicken, werden die folgenden Optionen angezeigt:

picture26

Bild hochladen: Mit dieser Option können Sie ein gewünschtes Bild von Ihrem lokalen Computer aus durchsuchen und hier hochladen.

Preis: Diese Option legt den Preis für das ausgewählte Bild fest.

Aktiv: Diese Option aktiviert oder deaktiviert das Bild für die ausgewählte Gruppe. Stellen Sie es auf JA oder NEIN. Ebenso können Sie auf die Schaltfläche Bearbeiten klicken, die dem Bild entspricht. Die Optionen sind gleich, der einzige Unterschied besteht darin, dass die Felder wie im Bild unten gezeigt ausgefüllt werden.

picture27
Das Löschen eines Bildes ist einfach. Klicken Sie einfach auf das Symbol "Papierkorb", das dem Bild entspricht.

4.0-Frontschnittstelle des Opencart Product Designer Customizer-Moduls

Wenn das Opencart Product Designer / Customizer-Modul aktiviert ist, wird auf der Produktseite die Schaltfläche "Anpassen" angezeigt (siehe Abbildung unten).

picture28

Wenn Sie auf die Schaltfläche Anpassen klicken, wird dem Kunden ein Popup-Fenster mit verschiedenen Einstellungen für Produktdesign und -anpassung angezeigt. Kunden können eine beliebige Farbe, einen benutzerdefinierten Text, ein benutzerdefiniertes Bild oder einen QR-Code für ein Produkt gemäß ihren Einkaufsanforderungen hinzufügen.

picture29

Kunden können verschiedene Anpassungen vornehmen, z.

1. Farbe

picture30

2. Bild

picture31

Kunden können ein Bild ihrer Wahl aus den bereitgestellten Bildgruppenoptionen auswählen.

picture32

Sie können jedes andere Bild ihrer Wahl aus dem lokalen Bereich hochladen und ausdrucken.

picture33

Sie können sogar QR-Code für versteckten Text oder Website-Link drucken.

picture34

3. Text

picture35
Der Kunde kann alle Anpassungen an seinem Produkt speichern, indem er wie unten gezeigt auf die Schaltfläche Speichern klickt.

picture36

Das Kontrollkästchen für die Kosten wird auf dem Bildschirm angezeigt. Bestätigen Sie mit OK.

picture37
In ähnlicher Weise sind diese Anpassungen auf andere Produkte des Geschäfts wie Tassen- und Telefonkästen anwendbar.

Warenkorb-Übersichtsseite für kundenspezifisches Produkt

Das folgende Frontend-Bild zeigt, wie das benutzerdefinierte Produkt auf der Warenkorbseite mit verschiedenen Optionen für die Kunden angezeigt wird, nachdem Sie auf die Schaltfläche "Anpassung speichern" geklickt haben.

picture38
Der Kunde kann die Rechnung für dieses kundenspezifische Produkt wie unten gezeigt anzeigen.

picture39
Bestellansicht im Admin-Bereich

Der Administrator kann die Auftragsrechnung und die gesamte Konfiguration in Bezug auf die Produktanpassung vom Backoffice aus anzeigen. Die Details einer Bestellung können im Bereich Bestellungen des Admin-Panels eingesehen werden.

picture40
Durch Klicken auf die Schaltfläche "Anzeigen", die einem Produkt entspricht, kann der Administrator die vollständigen Bestelldetails des benutzerdefinierten Produkts überprüfen.

picture41

Wenn der Administrator auf die Produktbilder klickt, werden die vollständigen Details des personalisierten Produkts in Form eines Popup-Bildschirms angezeigt (siehe Abbildung unten).

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 *