Vorwort 

Vor 2 Jahren habe ich für meine Tochter einen Onlineshop mit WordPress/Woocommerce erstellt.
Meine Tochter verkauft Hundeleinen, -halsbänder und -geschirre nebst Zubehör. Aber mit dem Unterschied, dass sie alles individuell nach den Wünschen der Kunden anfertigt, also keine Industrieware aus dem Ausland. 

Am Anfang konnten sich die Kunden anhand von angebotenen Farben und Stoffen die zu fertigenden Artikel zusammenstellen. Der Minuspunkt war aber, dass die Artikel nicht als Bild, so wie z.B. die Leine später aussehen wird, dargestellt wurde. Es gab nur Artikelbilder von schon gefertigten Leinen, Geschirren usw. 

Da lag der Gedanke nahe, dass die Kunden ihre Leinen, Halsbänder und Geschirre am Bildschirm des PC’s oder Mobilgeräten selber konfigurieren und gleich online sehen können, wie das zu liefernde Produkt aussehen wird. Eben WYSIWYG (what you see is what you get). 

Man kannte ja schon von größeren Konzernen, dass es Artikel Konfigurationen gibt, die für viel Geld programmiert wurden aber nur für die einzelnen Firmen auch einsetzbar waren.
So etwas kam natürlich nicht in Frage und hätte auch das Budget von 300-400 Euro bei weitem gesprengt. Mehr stand aber zu der Zeit leider nicht zur Verfügung.

Die Suche begann und es hat einige Zeit gedauert, bis ich die richtigen Programme/Plugins gefunden hatte, die den Ansprüchen meiner Tochter entsprachen und ins Budget passten.

Da diese Artikel-Konfiguratoren zu der Zeit noch nicht so aktuell waren, habe ich einige Zeit mit Ausprobieren, neu Programmieren, Plugintausch usw. verbracht, bis das Endergebnis Online gehen konnte. 

In den Videos werde ich genau beschreiben, wie dieser Konfigurator für die Halsbänder eingerichtet wird, mit allen Stationen – vom Download und Installation der Programme, der Erstellung der einzelnen Ebenen/Layer im Grafikprogramm für den Konfigurator und die Installation/Einrichtung des Konfigurators selber in WordPress/Woocommerce.

Und anstelle dieses Halsbandes, wie in unserem Beispiel dieses Projektes, kannst du auch jeden anderen Artikel aus deinem Onlineshop nehmen, den du fotografiert und als Grafik abgespeichert hast!

Dieses eBook wird dich durch den Videokurs begleiten. In vielen Abschnitten und Punkten werden Sachen mit kleinen Grafiken/Screenshots erklärt, und zu den einzelnen Themen wird dann auf die Videos verlinkt. Somit kannst du Punkt für Punkt die einzelnen Themen mit den dazugehörigen Videos abarbeiten. Doch dazu gleich mehr im Kapitel 1. Einleitung

Bevor wir jetzt anfangen möchte ich noch anmerken, dass ich in diesem eBook in der Du-Form schreiben werde. Ich hoffe, es ist okay für dich.

Nun lass uns aber anfangen. Ich wünsche dir viel Spass und viel Erfolg 🙂

Torsten Soltau

1.2.6 Gesamtkosten des Projektes

Ich gehe davon aus, dass du schon einen Onlineshop in Deutschland betreibst und nur den Artikel-Konfigurator integrieren möchtest, dann ergeben sich folgende Gesamtkosten für dieses Projekt inkl. MwSt:

Invest erstes Jahr

• WordPress – ggf. vorhanden
• Woocommerce – ggf. vorhanden
• Germanized (oder German Market) – ggf. vorhanden
• Grafikprogramm Affinity Photo 2 – 74,99 €
• Artikel-Konfigurator – 82,10 $
• AddOn Artikel-Konfigurator – 17,85 $ (Form Builder)
• AddOn Artikel-Konfigurator – 0,00 $ (Modern Skin)
• Dieser Videokurs – 129,00 €

Gesamtinvest  ca. 303 € im ersten Jahr

Invest in den Folgejahren

• WordPress – vorhanden
• Woocommerce – vorhanden
• Germanized (oder German Market) – vorhanden
• Grafikprogramm Affinity Photo 2 – 0,00 €
• Artikel-Konfigurator – 58,30 $
• AddOn Artikel-Konfigurator – 0,00 $ (Form Builder)
• AddOn Artikel-Konfigurator – 0,00 $ (Modern Skin)
• Dieser Videokurs – 0,00 €

Gesamtinvest ca. 58,30 € für die Folgejahre

Solltest du schon ein Grafikprogramm einsetzen, dass den Anforderungen entspricht, reduzieren sich die Kosten im ersten Jahr um 74,99€ auf ca. 228€

3.2. Artikel Fotos

Ich habe alle Bilder, die du für dieses Projekt brauchst, in die entsprechenden Ordner abgelegt.

Diese wirst du für die Produkterstellung und Migration in den Artikel-Konfigurator brauchen. Auch befinden sich Fotos in den Ordnern, die zu Referenzzwecken z.B. für die Farben der Gurtbänder herangezogen werden können.

3.2.1.Welche Bildgröße?

Die Größe der Bilder für den Artikel-Konfigurator liegt bei 800×600 Pixel und ggf. auch kleiner. Um dieses Format zu erreichen, werde ich dir zeigen, wie die Bilder unter Windows und MacOS einfach mit einer Stapelverarbeitung skaliert werden.

Die Originalbilder, die du ja mit deiner Kamera oder Handy aufnehmen wirst, haben ja eine viel größere Bildgröße als 800×600 Pixel.
Meine Bilder für dieses Projekt haben eine Bildgröße zwischen 2610×1600 und 4032×3024 Pixel. Mit diesen Original-Größen werden wir die Layer in den einzelnen Ebenen des Grafikprogramms erstellen. 

3.2.2. Reicht ein Handy-Foto?

Wie du es eben schon im vorherigen Punkt gelesen hast…… JA-das Handyfoto reicht heutzutage aus. Die heutigen Handyfotos in Bezug auf Bildgrößen und Auflösungen sind mit den Handyfotos von vor 10 Jahren nicht mehr zu vergleichen.

Natürlich kannst du auch eine gute Digitalkamera nutzen. 

Wichtig ist eigentlich nur eine regelmäßige und helle Ausleuchtung, um das spätere Produktfoto klar und deutlich darzustellen.

Aber ich glaube, du hast jetzt genug Theorieinput bekommen und wir können zur Praxis schreiten.