Produktseite „personalisierte Produkte“

[SkAt-Store]

Sehr geehrte Damen und Herren,

gerne würden wir für unsere Kunden personalisierte Sachen über unseren Shop anbieten. Wir benötigen dafür eine Funktion in welcher sie einen individuellen „Wunschtext“ eingeben können. Wie können wir eine solche Funktion bei unserer Produktseite einfügen? 

Mit freundlichen Grüßen.

SkAt-Store

[Ben310 · Accepted solution]

Product Personalizer App

[Gabe]

Hey @SkAt-Store 

Das kannst du ganz schon im Warenkorb Abschnitt einstellen:

Ansonsten, können diese Apps ganz tolle Kundenwünsche Features zur Produktseite hinzufügen und somit kannst du eine tolle Kundenerfahrung anbieten. Um eine Demo zu erleben, scrolle in jeder App weiter runter und klick auf:

[Ufuk]

Guten Tag,

gibt es auch eine Möglichkeit solch ein Textfeld schon auf der Produktseite anzeigen zulassen. Am Besten wäre es, wenn der Kunde in das Feld auf der Produktseite nichts einträgt, dass ein Hinweis erscheint. Ein Pflichttextfeld quasi schon direkt auf der Produktseite.

Vielen Dank!

[Advisma]

Hallo Ufuk,

ja die Möglichkeit gibt es mit folgender App:
https://apps.shopify.com/textfield

Ich hoffe ich konnte dir weiterhelfen.

Liebe Grüße
Pascal

[Ergomart]

Wie kann ich eine Vorschau von dem Produkt mit dem neuen Text anzeigen lassen? Bzw. wie heisst die App dafür?

[Ben310 · Accepted solution]

Product Personalizer App

[Ole_ · Accepted solution]

Falls Du Dir eine externe App sparen möchtest, dann kannst du das auch relativ einfach mit ganz paar Zeilen Änderungen im Code lösen.
Dazu haben wir mal ein YouTube Tutorial aufgenommen, mit dem du das auch ohne Coding Erfahrung einfach umsetzen kannst: https://www.youtube.com/watch?v=vt_0XZViOB0&ab_channel=ShopifymitTjark

[Nalli0]

Hallo, ich habe versucht genau nach der Videoanleitung vorzugehen. Es hat aber leider nur zum Teil geklappt. Bei der Bestellung wird das Feld jetzt anzeigt, nur leider überträgt das System die Personalisierung nicht in den Warenkorb und auch nicht bei der Bestellung. Was mache ich nur falsch 🙈

[lisa93]

Hallo @Nalli0 - ich habe genau dasselbe Problem. Hast du eine Lösung gefunden, wie die Personalisierung auch in den Warenkorb übertragen wird? Danke vorab und liebe Grüße!

[Nalli0]

Hallo Lisa09, 

schau dir doch mal die Antwort von Tjark an. Ich hatte einen blöden Fehler im Code. Jetzt funktioniert es.

[Tjark]

Hi, Tjark aus dem Video hier. Magst Du einmal Deinen Code teilen, damit ich Dir weiterhelfen kann?

[Nalli0]

Hallo,
welchen Code meinst du.
Viele Grüße

[Tjark]

Den Theme-Code, den Du in die Theme-Dateien geschrieben hast, um die Personalisierung einzubauen. 

[Nalli0]

Hallo Tjark,

vielen lieben Dank, dass du dir mein Problem einmal anschauen möchtest. Ich hätte nur gerne ein Feld, in welchem der Kunde einen Namen eintragen kann. Dafür habe ich (hoffentlich) nach deiner Anleitung gearbeitet. Das hier ist der Code, den ich bei Main-product-custom-liquit erfasst habe.

{%- when 'variant_picker' -%}
{% render 'product-variant-picker', product: product, block: block, product_form_id: product_form_id %}

<div>
<label for="engraving">Trage hier bitte den gewünschten Namen ein</label>
<input type="text" id="engraving" form="{{ product_form_id }}" name="properties(Trage hier bitte den gewünschten Namen ein)"/>
</div>

Was habe ich nur falsch gemacht? 

Liebe Grüße

Natalia 

[Tjark]

Du hast properties(Trage hier bitte den gewünschten Namen ein) geschrieben. Wahrscheinlich liegt da der Fehler. Nach properties müssen eckige Klammern stehen. In den Klammern muss dann der Name der property stehen. Also sowas wie properties[Name]. Die Zeile wäre dann: <input type="text" id="engraving" form="{{ product_form_id }}" name="properties[Name]"/>

Je nachdem, was in den eckigen Klammern steht, erscheint dann die Darstellung im Warenkorb. Im Warenkorb stünde dann also Name: Der eingetragene Wert. 

[Nalli0]

Danke Dir Tjark, es hat geklappt. Ich bin total begeistert !!!