FROM CACHE - de_header

Gutschein Design

Feffo9
Tourist
43 0 1

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

8 ANTWORTEN 8
Gabe
Shopify Staff
Shopify Staff
10873 1692 2673

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

 

 

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

lisa93
Tourist
33 0 3

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
Shopify Staff
Shopify Staff
10873 1692 2673

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

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

lisa93
Tourist
33 0 3
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
Shopify Staff
Shopify Staff
10873 1692 2673

@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

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

VonUnruh
Shopify Partner
18 0 4

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
Neues Mitglied
5 0 0

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.Bildschirmfoto 2023-03-14 um 00.47.16.png

Gabe
Shopify Staff
Shopify Staff
10873 1692 2673

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.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog