Knowband Blog | Ecommerce Modules

Opencart Product Designer/Customizer-Erweiterung – Benutzerhandbuch


1.0 Einführung

Jeder liebt eine persönliche Note. Dies gilt insbesondere im heutigen Online-Shopping-Universum, das es Ihnen ermöglicht, das Produkt Ihrer Wahl bequem vom eigenen Sofa aus zu bestellen. Darüber hinaus bietet der spektakuläre Anstieg der Zahl der Online-Shops den Kunden eine breite Palette von Kaufoptionen. Und hier kommt die Produktanpassung ins Spiel. Unternehmen, die Produktanpassungen vornehmen, entwerfen, ändern und vermarkten ihre Artikel gemäß den Bedürfnissen oder Wünschen der KundenOpencart-Produktdesigner/-anpasser bietet viele Vorteile und führt in der Regel zu höheren Konversionsraten. Bis vor wenigen Jahren waren personalisierte Produkte eher auf einen kleinen Kreis von Marken und Artikeln beschränkt. Es bestand hauptsächlich aus Geschenkartikeln, Vitrinenprodukten oder Marketingartikeln. Bildlich gesprochen könnte man die Menge der personalisierten Artikel an den Fingern einer Hand abzählen. Zum Glück hat sich einiges geändert. Zum Guten. Verkäufer von so ziemlich allem, von Kleidern und Hemden bis hin zu Handtaschen und sogar Konsumgütern, entdecken die Vorteile und den Wert der Produktanpassung. Immer mehr Marken stellen fest, dass die Personalisierung von Artikeln und Dienstleistungen eine großartige Möglichkeit ist, die Kundenbindung und -bindung zu verbessern. OpenCart Product Designer/Customizer ist eine einfache Möglichkeit, Ihre Kunden jedes Produkt nach ihren Wünschen anpassen zu lassen und eine Bestellung bei Ihnen aufzugeben. Es gibt Ihren Kunden die Flexibilität, das gewünschte Produkt und die gewünschte Art und Weise zu erhalten und somit Ihren Umsatz zu steigern. Kunden können ganz einfach farbige Texte mit Effekten hinzufügen, ihre Bilder mit Filtern hochladen und einen QR-Code hinzufügen, um sie 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.


2.0 Installationsanleitung

Bevor Sie mit der Installation beginnen, müssen Sie den Opencart Product Designer/Customizer im Knowband Store kaufen. Nach dem Kauf erhalten Sie die folgenden Dateien an Ihre registrierte E-Mail. 1. Quellcode des Opencart-Produktanpassungsmoduls im gezippten Dateiformat. 2. Benutzerhandbuch der benutzerdefinierten Produktdesigner-Erweiterung von Opencart. Befolgen Sie nun die angegebenen Schritte, um diese benutzerdefinierte Produktdesigner-Erweiterung von Opencart in Ihrem Online-Shop zu installieren:

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


Schritt 2: Kopieren Sie alle Ordner der ZIP-Datei in das Stammverzeichnis des OpenCart-Setups über den FTP-Manager. Das Opencart Custom Product Design-Modul ist nun erfolgreich installiert und kann in Ihrem Geschäft verwendet werden. Gehen Sie zum 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-Oberfläche von Opencart Product Designer Customizer

Um die Product Designer/Customizer-Erweiterung für OpenCart zu konfigurieren, navigieren Sie in der folgenden Reihenfolge durch die Einstellungen:
Admin-Panel > Erweiterungen > Module > Produktdesigner/-anpasser

Die Admin-Oberfläche der OpenCart Product Designer/Customizer-Erweiterung umfasst die folgenden Haupteinstellungen:

Wie passt man ein Produkt an?

Um ein Produkt anzupassen, folgen Sie dem folgenden Pfad:
Katalog>> Produkte>> Produkt auswählen>> Bearbeiten>> Produktdesigner/-anpasser


Sobald der Benutzer auf den Produktdesigner/Anpasser 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.

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:


3.0.3-Text

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

3.0.4 Sides

Mit der Seiteneinstellung des benutzerdefinierten Opencart-Produktdesigner-Erweiterungsmoduls kann der Administrator ein Bild von verschiedenen Seiten des Produkts hinzufügen, sodass der Benutzer das Produkt von jeder gewünschten Seite aus anpassen kann. Der Administrator kann auch die hinzugefügten Seiten benennen. Der Bildschirm sieht wie folgt aus:

Wie konfiguriere ich Schriftarten, Farben und Bildgruppen?

Während Sie die Anpassungseinstellungen für ein Produkt ändern, finden Sie oben rechts auf dem Bildschirm die Optionen zur Auswahl verschiedener Schriftarten, Farben und Bildgruppen. Sie finden drei Optionen als:

1. Schriftarten konfigurieren

Alle Schriftarten, die aus dem Modul hinzugefügt wurden, werden hier in dieser Oberfläche aufgelistet. Sie können jede Schriftart direkt aktivieren oder deaktivieren.


2. Farben konfigurieren

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

3. Bildgruppen konfigurieren


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.

3.0.5 Konfigurieren

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


3.0.6-Schriftarten

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

Schriftart bearbeiten: Sie können einen vorhandenen Schriftsatz mit der Option „Bearbeiten“ bearbeiten. Die Bildschirme zum Bearbeiten von Schriftarten sind die gleichen wie beim Hinzufügen einer Schriftart. Der einzige Unterschied besteht darin, dass beim Bearbeiten die Felder bereits ausgefüllt sind.

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

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


3.0.7 Farben

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


Farbe bearbeiten: Sie können einen vorhandenen Farbsatz mit der Option „Bearbeiten“ bearbeiten. Die Bildschirme zum Bearbeiten von Farben sind die gleichen wie beim Hinzufügen einer Farbe. Der einzige Unterschied besteht darin, dass beim Bearbeiten die Felder bereits ausgefüllt sind.

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

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


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:

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

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

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

Vorschau der Bildgruppe:�Sie können alle Bilder innerhalb einer Gruppe anzeigen, indem Sie auf das „Auge“-Symbol klicken, das einer bestimmten Gruppe entspricht. Es wird der folgende Bildschirm angezeigt:


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, sehen Sie die folgenden Optionen, wie unten gezeigt:

Bild hochladen: Mit dieser Option können Sie ein gewünschtes Bild aus Ihrem lokalen Computerbereich 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 ein. Ebenso können Sie auf die dem Bild entsprechende Schaltfläche Bearbeiten klicken. Die Optionen sind dieselben, der einzige Unterschied besteht darin, dass die Felder wie in der Abbildung unten gezeigt ausgefüllt werden.


Das Löschen eines Bildes ist einfach. Klicken Sie einfach auf das dem Bild entsprechende “Papierkorb”-Symbol.

4.0 Frontschnittstelle des Opencart Product Designer Customizer-Moduls

Wenn das Opencart Product Designer/Customizer-Modul aktiviert ist, wird auf der Produktseite eine Schaltfläche „Anpassen“ angezeigt, wie unten gezeigt.

Beim Klicken auf die Schaltfläche Anpassen wird dem Kunden ein Bildschirm-Popup angezeigt, das aus verschiedenen Produktdesign- und Anpassungseinstellungen besteht. Kunden können gemäß ihren Einkaufsanforderungen eine beliebige Farbe, einen benutzerdefinierten Text, ein benutzerdefiniertes Bild oder einen QR-Code für ein Produkt hinzufügen.

Kunden können verschiedene Arten von Anpassungen vornehmen, wie z.

1. Farbe

 

2. Bild

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

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

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

 

3. Text


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

Das Kostenkontrollkästchen wird auf dem Bildschirm angezeigt. Klicken Sie zur Bestätigung auf OK.


Ebenso gelten diese Anpassungen für andere Produkte des Shops wie Tassen und Handyhüllen.

Einkaufswagen-Übersichtsseite für kundenspezifische Produkte

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.


Der Kunde kann die Rechnung dieses kundenspezifischen Produkts wie unten gezeigt einsehen.


Bestellansicht aus dem Admin-Panel

Der Administrator kann die Bestellrechnung und die gesamte Konfiguration bezüglich der Produktanpassung vom Backoffice aus anzeigen. Die Details einer Bestellung können im Abschnitt „Bestellungen“ des Admin-Panels eingesehen werden.


Wenn Sie auf die Schaltfläche Anzeigen klicken, die einem Produkt entspricht, kann der Administrator die vollständigen Bestelldetails des benutzerdefinierten Produkts überprüfen.

Wenn Sie auf die Produktbilder klicken, sieht der Administrator die vollständigen Details des personalisierten Produkts in Form eines Popup-Bildschirms, wie unten gezeigt.