Gutschein Design

[Feffo9]

Hallo liebe Community!

Wie kann ich denn meine Gutscheinvorlage designen? Die rote Karte mit Schleife sieht etwas doof aus 😄

Liebe Grüße und danke schonmal

Steffi

[Gabe]

Hey Steffi! @Feffo9 

Gabe aus Shopify hier! Und ja die standard Gift Card Vorlage sieht nicht besonders inspirierend aus, das stimmt 🙂

Die Good News ist dass man die Vorlage im Code gestalten kann, wie ein normales Produkt. Wir haben dazu eine nicht unterstützte Anleitung dazu hier also viel Spaß beim basteln 🙂

VG

Gabe

[lisa93]

Hallo,

gibt es auch eine Anleitung, wie ich mein Logo oben auf dem Geschenkgutschein einfügen kann?

Die Anleitung zur Anpassung der Gift Card Vorlage war sehr hilfreich - diese habe ich bereits ändern können.

Vielen Dank vorab!

LG, Lisa

[Gabe]

Hey @lisa93 

Super freut mich! Bist du in meinem verlinkten Tutorial oben auch weiter runtergescrollt? Da wird das Thema auf 5 weiteren Seiten weiter besprochen, wie man hier sieht. Vielleicht gibt es was hilfreiches da:

Dann wäre der beste Weg, einen editierbaren Kopfzeilenbereich zur gift-card.liquid hinzuzufügen und zwar ungefähr hier:

Damit kannst du den Code deines Logos da einfügen. Einen Experten der sich da auskennt ist der Guido Michele den du hier auf FB erreichen kannst.

Gabe

[lisa93]

Hallo Gabe,

vielen Dank für die Rückmeldung! Aber leider komme ich gerade nicht weiter. Da reichen meine Kenntnisse wohl nicht aus.

Kann ich eine Anfrage an den Support senden, um das Logo auf meine Gift Card setzen zu lassen?

Vielen Dank!!

LG, Lisa

[Gabe]

@lisa93 

Kannst du machen, wird aber ggf. außerhalb des Shopify Support Rahmens liegen leider. Der Guido oder auch unsere FB Gruppe kann da bestimmt helfen.

Gabe

[VonUnruh]

Eine Frage bezüglich der Anpassung der Gutscheine. Kann man auch den ausgedruckten Bon bei einem POS Verkauf anpassen? Das aktuelle Design ist doch eher etwas schlicht und wenigstens z.B. das Logo oder einen Freitext hinzuzufügen wäre doch ganz schön.

[General1976]

Hallo Gabe, ich bin auf der Suche nach dem oben abgebildeten QR Code, der wird in unseren Gutschein Emails nicht gezeigt. Wo liegt hier unser Denkfehler. Wir nutzen ein 2.0 Theme "Avone". danke für deine Mühen.

[Gabe]

Hey @General1976 

Ja, der Gift Card Code befindet sich 1) im Bereich Benachrichtigungen, und 2) im gift-card.liquid deines Themes. Im Theme selber wirst du den Gift Card Code bearbeiten können und leider kenne ich das Avone Theme nicht.

Im grunde ist die Gift Card UX nativ im Theme sehr bedürftig und ich würde eine Gift Card App empfehlen wie Rise.ai. 

Du kannst aber zur Gift Card Vorlage einen QR Code entweder als Bild oder als dynamic content in der Vorlage einbinden mit einer unserer QR Code Generator Apps. 

Ein typisches dynamisches QR-Code-HTML für die Geschenkkarten-Vorlage könnte wie folgt aussehen:

<div class="gift-card">
   <h2>Mein Shop Geschenkkarte</h2>
   <img src="https://api.qrserver.com/v1/create-qr-code/?data={{ gift_card.code }}&size=200x200" alt="Geschenkkarten-QR-Code">
   <p>Gutscheincode: {{ gift_card.code }}</p>
   <p>Gutscheinwert: {{ gift_card.initial_value | money }}</p>
   <p>Gültigkeitsdauer: {{ gift_card.expires_on | date: '%d.%m.%Y' }}</p>
</div>

Hier wird der QR-Code mit der QR-Code-Generierungs-API von einem QRServer automatisch generiert, wobei die Variable gift_card.code als Daten für den QR-Code verwendet wird. Die Variablen gift_card.initial_value und gift_card.expires_on werden verwendet, um den Gutscheinwert und die Gültigkeitsdauer anzuzeigen. Man passt halt das HTML an deine spezifischen Anforderungen und Designpräferenzen.