Personalisierte Produkte verkaufen mit Shopify (kostenfrei & ohne App) - So funktioniert es!

In diesem Tutorial zeige ich Dir eine geniale Methode, um personalisierte Produkte in deinem eigenen Shopify-Store zu gestalten und direkt zu verkaufen!
Der Markt für personalisierte Produkte boomt, und es ist an der Zeit, deinen Shop herausstechen zu lassen. Sei es Schmuck, T-Shirts, Tassen im Print-on-Demand oder selbst gefertigt. Dieses Video vermittelt dir, wie du deinen Shop einzigartig und erstklassig machst und jegliche personalisierte Produkte verkaufen kannst.
Du erfährst, wie du auf Shopify benutzerdefinierte Produkte einrichtest. Ich zeige Dir den besten Weg, wie du neue Eingabefelder und Produktoptionen spielend leicht auf der Produktseite hinzufügst. Die vier Hauptkategorien solcher Felder sind Texteingabe, Checkboxen, individuelle Bilduploads und Dropdown-Auswahlmöglichkeiten. Und das Beste: Alles lässt sich mit ein paar Code-Zeilen bewerkstelligen, ganz ohne zusätzliche kostenpflichtige Apps.
Für fortgeschrittenere Bedürfnisse wie Vorschau von Anpassungen, zusätzliche Gebühren, bedingte Logik, umfassende Produktkonfiguratoren, automatisierte Fulfillmentlösungen oder jegliche weitere Hilfe, kannst du mir gerne auf LinkedIn schreiben. Dort findest Du mich, wenn Du nach "Tjark Harjes" suchst.

[@ecemdemirel5414]

Er hat mein Leben gerettet !!!!!!!!!!

[@DanaR-e2o]

Endlich ein Video, welches mir weitergeholfen hat! Ich danke dir. 😍

[@ShopifyTjark]

Sehr gerne 😊

[@Melanie-hd5xi]

Super erklärt! Sympathischer Experte!

[@faziletozisci1771]

Hammer erklärt! Genau das hatte ich gesucht!

[@sam.christy]

Ich danke dir so sehr! Du hast mir echt weitergeholfen 🔥

[@timewallner]

Hallo Tjark, danke für das tolle Video. Funktioniert alles einwandfrei. Ich würde die Personalisierung auch gerne im Lieferschein stehen haben. Ist das möglich? Hast du dazu vielleicht auch ein Video? Liebe Grüße

[@Karasz030]

Genau das, was ich gesucht hatte! Top erklärt. Könntest du vielleicht ein Tutorial machen, wie man z.B. bei mehreren Farbvarianten ausschließlich die dazugehörigen Bilder angezeigt bekommt? Stand jetzt werden mir immer alle Bilder, von allen Varianten angezeigt. Das wird leicht unübersichtlich.

[@ShopifyTjark]

Hi, das ist mit relativ viel Programmieraufwand verbunden. Deshalb ist das Theme eher schwierig für KZbin. Vielleicht gibt es ein Theme, dass das schon mitbringt.

[@TheDevil28121989]

Danke für die ausführliche Erklärung und Anleitung! 🎉 hat mit dem Studio Theme einwandfrei funktioniert 👍🏻👍🏻

[@ShopifyTjark]

Danke fürs Feedback! Freut mich, dass es gut funktioniert hat!

[@lenoxeutin3832]

Super ding🎉

[@merugoodlife5465]

Danke für dein Video! Hast du eine Ahnung warum bei dem Dawn Theme die neu erzeugten Personalisierungseinstellungen nicht mit erscheinen wenn das Produkt Einzeln auf der Startseite vorgestellt wird?

[@merugoodlife5465]

EDIT: man kann den Code als Benutzer Liquid einfügen wenn das Produkt im Shopbaukasten bearbeitet wird, jedoch erscheint dann der Codeteil mit bspw. Personalisierung: *name* nicht im Warenkorb auf, sowie wenn das Produkt direkt angeklickt und konfiguriert wird.

[@Arthurx_16]

Geht das auch für das Theme Impuls ? Lg

[@andreasnikoleit9019]

Genial! Super Anleitung und sehr gut nachvollziehbar. Ein Problem habe ich: Das Ganze weckt Begehrlichkeiten 🙂. Ich will ein Produkt mit Stickerei anbieten. 5 wählbare Schriftarten, 5 wählbare Farben und natürlich den Text dazu. Wie kann ich das machen, dass ich so ein Vorschaufenster mit Schriftart, Farbe und Text erhalte, so dass der Kunde sich eine Vorstellung zum Endprodukt machen kann? Hast Du da eine Anregung für mich?

[@ShopifyTjark]

Hi, das mit dem Vorschaufenster ist tatsächlich gar nicht so easy, weil da doch einiges mehr programmiert werden muss. Ich entwickle gerade eine App, die Produkte möglichst einfach personalisierbar macht. Bis dort auch eine Vorschau enthalten ist, wird es aber noch etwas dauern.

[@andreasnikoleit9019]

@@ShopifyTjarkWenn Du da etwas hast, bin ich sehr daran interessiert. Sollst Du natürlich auch nicht umsonst machen.

[@ShopifyTjark]

@@andreasnikoleit9019 Innerhalb der nächsten zwei Wochen wird zu der App noch ein Video kommen, indem ich die vorstelle.

[@user-jf6zx7yy3q]

Hallo! Ich nutze das Dawn-Theme und habe alles so ausgeführt wie beschrieben. Leider kann ich die Personalisierungen im Warenkorb nicht sehen. Was mache ich falsch?

[@melissabohm8389]

Das frage ich mich auch, es wird beim Produkt ganz normal angezeigt aber im Warenkorb dann nicht mehr...

[@ShopifyTjark]

Die Daten, die auf der Produktseite eingegeben werden, müssen Teil des Produktformulars sein (Das wird dann an den Warenkorb übergeben). In den Inputfields muss daher das richtige Formular hinterlegt sein. Im Video passiert das durch form="{{ product_form_id }}". Falls das nicht hilft, kannst Du mal schauen, ob das Inputfield richtig benannt ist. Wichtig ist dabei, dass Du dabei immer name="properties[Produkteigenschaft]" nutzt.

[@silasbucher113]

Vielen Dank für das Video. Ich wäre sehr interessiert, an einem Video, in dem du noch erklärst, wie der Preis steigt, wenn man das Produkt personalisiert.

[@ShopifyTjark]

Hi @silasbucher113, ja, da bin ich schon dran. Ich brauche noch ein wenig Zeit zur Vorbereitung des Shops, aber das Video dazu sollte in den nächsten ein bis zwei Wochen kommen.

[@silasbucher113]

wann kommt es?

[@daniellieder7921]

Servus Tjark! Starkes Video! Ich habe eine Frage: Ich hab das in meinem Shop gleich mit eingepflegt. Ich verkaufe 3D-gedruckte Bilder mit personalisierbarer Option. Ich habe im Main Product Custom Liquid den div eingefügt mit der Option "Foto", dass die Leute eine Datei hochladen kann. Wenn ich ein Bild ausgewählt habe und in den warenkorb lege, kommt die Meldung "Variante konnte nicht gefunden werden" Ich habe verschiedene Größen als Auswahl. Kannst du mir helfen, wie man das beheben kann? Danke :)

[@nysdarees9296]

"Abschnittstyp "main-product-custom" bezieht sich nicht auf eine existierende Abschnittsdatei" ...was habe ich jetzt falsch gemacht? Das zeigt er mir jetzt schon das dritte mal an...(schon drei mal neu versucht...) Ich weiss nicht wo mein Fehler ist....dabei habe ich alles genau so nachgemacht und hänge bei diesem Abschnitt seit 2 Stunden fest....

[@lbarzen]

Hi Tjark, mir gefällt das Video. Leider bin ich ab dem Punkt raus, wo „Hallo Welt“ auf der Seite angezeigt werden soll. Mir wird keine Veränderung angezeigt. Ich habe die neuen erstellten Dateien im selben Ordner wie die, von alten. Selbst wenn ich die main-product-Seite bearbeite, verändert sich nichts auf meinem Shop. Woran kann das liegen. Danke im Voraus für die Antwort.

[@lbarzen]

Hat sich erledigt. Es lag daran, weil ich bei meinem Produkt kein Variant-Picker aktiviert hatte und das ist halt in einer "when"-Abfrage.

[@Jasmin-xp4xm]

Das ist ein super Video, welches mir sehr geholfen hat. Vielen Dank!!! Ich habe jedoch noch eine Frage: Ich möchte gern ein Produkt verkaufen, was sowohl unpersonalisiert, wie auch personalisiert angeboten werden soll. Und erst, wenn man auf personalisiert geht, sollen sich deine angebotenen Auswahlmöglichkeiten wie Textfeld etc. öffnen. Was für Möglichkeiten habe ich dafür?

[@ShopifyTjark]

Hm, wenn Du ein wenig programmieren kannst, würde ich die Personalisierungsfelder auf unsichtbar setzen (CSS Code: display: none;) und einen Button einbauen, der, per Klick, die Felder einblendet (CSS Code: display: block;). Das Umschalten zwischen sichtbar und unsichtbar kannst Du mit Javascript und einem Eventlistener auf dem entsprechenden Button machen. Ich hoffe, das hilft Dir weiter, auch wenn ich Dir jetzt nur eine grobe Antwort geben kann & das auch ein paar Programmierkenntnisse voraussetzt.

[@user-jf6zx7yy3q]

Hallo! Ich habe alle Anweisungen befolgt, allerdings zeigt er mir die Personalisierung im Warenkorb und in den Bestellungen nicht an. Was muss ich tun?

[@UNIQUEUNIQUE-tv7vt]

Hallo Tjark. Danke für dein Video. Fast alles klappt bis auf das es nicht im Warenkorb angezeigt wird. Was muss ich tun? Bereits jetzt danke für deine Hilfe.

[@ShopifyTjark]

Hi, welches Theme verwendest Du denn?

[@NathalieDubachFirma]

Hallo . Danke für das tolle Video. Bei uns funtkioniert fast alles, ausser das die Gravur im Warenkorb dann nicht angezeigt wird. Kannst du mir sagen, an was das liegen könnte?

[@ShopifyTjark]

Hi, nutzt Du das Dawn-Theme?

[@j.michalczak459]

@@ShopifyTjark Hallo, ich habe das Dawn-Theme, die 1. Personalisierung wird im Warenkorb angezeigt, die weiteren leider nicht. Woran kann es liegen? Beide Codes sind identisch bis auf der Name. Vielen Dank im Voraus.

[@virusthekiller]

Ich habe nun alle Kommentar abgesucht und scheinbar hat niemand das gleich anliegen oder es ist noch nicht aufgefallen. Ich möchte gern die Informationen aus dem Warenkorb auf auf dem Lieferschein bzw. der Rechnung stehen haben. Muss ich dazu eine andere Datei bearbeiten?

[@ShopifyTjark]

Hi, einen Lieferschein oder Rechnung kannst Du nicht durch eine Theme-Datei verarbeiten. Je nachdem welche App Du dafür verwendest, musst Du das in der App selbst einstellen.

[@yaaannik99]

Moin, danke für das Video. Ich habe nun folgendes Problem, wenn bei einer Bestellung ein Bild mitgesendet wird kann ich das nicht als Link öffnen, sondern mir wird nur ein dateipfad mit C:\fakepath angezeigt. Hast du evtl eine Lösung für mich?

[@user-lc7pn8zp8f]

cooles Video 😀

[@ShopifyTjark]

Danke!

[@user-dc9ok1hb4r]

Gutes Video, klappt soweit alles, nur im Warenkorb wird mit dem Theme "wokiee" leider nichts angezeigt, trotz des Codes. Weißt du, woran das liegen könnte? Spannend wäre jetzt auch noch die "Preiserhöhung" in Verbindung mit dem Hinzufügen zum Warenkorb. Machst du das noch in einem weiteres Video?

[@ShopifyTjark]

Hi @user-dc9ok1hb4r, ja dazu werde ich noch ein Video machen. Allerdings kann das teilweise sehr kompliziert werden. Dazu wird ein zusätzliches "verstecktes" Produkt zum Warenkorb hinzugefügt, um den Preis zu erhöhen (Ohne Shopify Plus lässt sich dies zwar im Warenkorb aber nicht im Checkout verstecken). Alternativ kann man auch ein neues Produkt mit Konfiguration und anderem Preis erstellen, sobald jemand etwas in den Warenkorb legt. Das nutze ich zum Beispiel gerne bei Produktkonfiguratoren. Dabei kann das Ausgangsprodukt häufig nicht ohne Konfiguration gekauft werden (Beispiel: Maßgefertigte Teppiche, die Ihren Preis erst nach Eingabe der Länge & Breite erhalten). Dazu ist jedoch die Programmierung einer eigenen App notwendig. Zu Deiner anderen Frage: Das wokiee-Theme kenne ich leider nicht, aber wenn Du möchtest, kannst Du mich gerne bei LinkedIn adden (www.linkedin.com/in/tjark-harjes-a447401a7/) und wir können uns da austauschen. Dann kann ich mir das Ganze mal ansehen und eventuell weiterhelfen.

[@Superpositionszustand]

Wo wird das Bild gespeichert wenn der Kunde es hochläd

[@RrLl-br5eb]

Danke für die Tipps! Weißt du zufällig auch wie man personalisierte Produkte 3D einbinden kann mit Live Vorschau? Gerne auch mit kostenpflichtigen Apps? Leider verlangen Programmierer für solche Lösungen selbst in Indien meist weit über 1000€. Ich habe aber gesehen das es hierfür wohl auch Apps gibt.

[@ShopifyTjark]

Hey @RrLl-br5eb, ich weiß, dass man Produkte auf jeden Fall in 3D mit einer Vorschau einbinden kann. Für personalisierte Produkte kann das allerdings schnell sehr komplex werden. Das hängt dann vom Anwendungsfall ab. Ich mache zu 3D Visualisierungen bei Shopify demnächst ein Video, indem ich auch ein paar Apps zeige. Vielleicht hilft Dir das dann weiter.

[@wissnswelle]

bei mir wirds nicht in den wahrenkorb übernommen😊

[@moritzheidenreich975]

Danke für das video!! Ich finde die buybuttons nicht hast du eine ahnung was ich falsch mache?

[@ShopifyTjark]

Moin @moritzheidenreich975, welches Theme verwendest Du?

[@wasserhahntv107]

hab das Video nun zum zweiten mal geschaut, komme dennoch nicht klar. kann man mit dir kontakt aufnehmen?

[@ShopifyTjark]

Ja, du kannst mir gerne auf LinkedIn schreiben: www.linkedin.com/in/tjark-harjes-a447401a7/

[@Samy-r7s]

Danke für dein VIdeo ! Ich hatte noch eine Frage… Bei mir im checkout steht nichts von der Gravur bzw. Den Namen… ich habe eine testbesttlung gemacht, ich als Verkäufer (Anbieter) sehe das nicht wenn jemand eine Gravur möchte. Kann mir jemand bitte weiterhelfen. LG

[@ShopifyTjark]

Schau mal hier: community.shopify.com/c/shopify-diskussion/produktseite-personalisierte-produkte/m-p/2641000#M12354. Vielleicht hilft Dir der Forumeintrag den Fehler zu finden.

[@ruzgaryalay]

Wie kann ich bei meinem Produkt dem Kunden die Möglichkeit geben gewisse Kleinigkeiten dazu zu kaufen. Zum Beispiel kauft jemand eine Kette und dann kann diese Person bestimmte Sachen hinzufügen wie bei einem mc Donalds menü?

[@ShopifyTjark]

@ruzgaryalay Super, dass Du fragst. Dazu habe ich gerade ein Video veröffentlicht.

[@user-ez8cy3id1b]

Hi, ich habe alles genau so gemacht, jedoch wird es mir im Warenkorb nicht angezeigt, was ich eingegeben haben z.B. bei der Gravur. An was könnte das liegen?

[@ShopifyTjark]

Hi @user-ez8cy3id1b, nutzt Du das Dawn Theme oder ein anderes Theme?

[@ADFashion_Baby-Kinderkleidung]

@@ShopifyTjark Hi Tjark, bei mir genau das gleiche Problem, bin schon 3 Tage am herausfinden, was ich tun kann. Shopify kann auch nicht weiterhelfen. Ich wäre dir sehr dankbar, wenn du mir hier den Code einfügen würdest, welcher ich ergänzen muss, damit die Gravur auch im Warenkorb angezeigt wird. Ich benutze ein gekauftes Theme Toybox. LG Anita

[@stefanharb9280]

Wie kann man nur Buchstaben als Eingabe zulassen?

[@ShopifyTjark]

@stefanharb9280, wenn Du beim Input der Gravur onkeydown="return /[a-zA-Z]/i.test(event.key)" hinzufügst. Dann sollte es nur möglich sein, Buchstaben von A bis Z in groß und klein einzugeben. Die Zeile sollte dann so aussehen: Ich hoffe, das hilft!

[@itsonlybudgeting]

Hilfe wie kompliziert :(