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

10 ANTWORTEN 10

Gabe
Shopify Staff
16357 2587 3853

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
16357 2587 3853

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
16357 2587 3853

@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
22 0 6

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
Tourist
7 0 1

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
16357 2587 3853

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

Sachertoertchen
Neues Mitglied
8 0 0

Huhu, 
ich würde mein Bild für die Gutschein-Mail auch so gerne ändern. Leider ist die oben genannte Anleitung nicht mehr zu finden. Folgende Anleitung https://help.shopify.com/de/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-... hilft mir irgendwie nicht. In der Vorschau sehe ich das neue Bild zwar - leider mit einem hässlichen roten Hintergrund - wenn ich mir aber eine Testmail schicke, ist es immer noch das voreingestellte Bild. Muss ich dann vielleicht doch was in dem Code von den Benachrichtigungen ändern? 

Freue mich über Nachricht und Hilfe. 

Liebe Grüße von der Ina

General1976
Tourist
7 0 1

Hallo Ida @General1976 

 

ja tatsächlich haben wir auch dort Änderungen vorgenommen:

 

Im Backend unter Einstellungen, Benachrichtigungen, dann weiter runter scrollen "Geschenkgutschein ausgestellt bearbeiten"

 

Hier kannst du die Änderungen vornehmen.

 

Wir nutzen für jede Art von Wertgutschein ein anderes Bild und koppeln den Bildwechsel an den Wert des jeweiligen Gutscheins.

 

Ich schicke dir hier mal den kompletten code, vielleicht kannst du was damit anfangen:

 

Sonst schreib mir gern auch direkt: torsten.general@ursprung.de

 

Vg Torsten

 

Spoiler

{% capture email_title %}

    Dein Geschenkgutschein

{% endcapture %}

{% capture email_body %}

  {% if gift_card.expires_on %}

    Dein Geschenkgutschein im Wert von {{ gift_card.balance | money_without_trailing_zeros }} für {{ shop.name }} ist aktiv. Bewahre diese E-Mail auf oder notiere dir deine Geschenkgutscheinnummer. Dieser Geschenkgutschein ist gültig bis {{ gift_card.expires_on }}.

  {% else %}

    Dein Geschenkgutschein im Wert von {{ gift_card.balance | money_without_trailing_zeros }} für {{ shop.name }} ist aktiv. Bewahre diese E-Mail auf oder notiere dir deine Geschenkgutscheinnummer.

  {% endif %}

{% endcapture %}

 

<!DOCTYPE html>

<html lang="de">

  <head>

  <title>{{ email_title }}</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <meta name="viewport" content="width=device-width">

  <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">

  <style>

    .button__cell { background: {{ shop.email_accent_color }}; }

    a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }

  </style>

</head>

 

  <body>

    <table class="body">

      <tr>

        <td class="empty-line">&nbsp;</td>

      </tr>

      <tr>

        <td class="empty-line">&nbsp;</td>

      </tr>

      <tr>

        <td>

          <table class="row content">

  <tr>

    <td class="content__cell">

      <center>

        <table class="container">

          <tr>

            <td>

             

            <h1>{{ email_title }}</h1>

            <table class="row actions">

              <tr>

                <td class="empty-line">&nbsp;</td>

              </tr>

            </table>

        {% assign my_variable = gift_card.balance | money %}

               {% if my_variable == "79,00 €" %}

            <img src="{{ 'Teaser_RM_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "79,50 €" %}

            <img src="{{ 'Wein_Capella_date.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "159,00 €" %}

            <img src="{{ 'Wein_Capella_date.png' | asset_img_url: '480x480' }}" alt="">

               {% elsif my_variable == "158,00 €" %}

            <img src="{{ 'Teaser_RM_2023.png' | asset_img_url: '480x480' }}" alt="">

               {% elsif my_variable == "199,00 €" %}

            <img src="{{ 'Teaser_Schlauchboot_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "29,00 €" %}

            <img src="{{ 'Teaser_Schlauchboot_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "79,90 €" %}

            <img src="{{ 'Teaser_WFS_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "58,00 €" %}

            <img src="{{ 'Teaser_Schlauchboot_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "145,00 €" %}

            <img src="{{ 'Teaser_Schlauchboot_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "290,00 €" %}

            <img src="{{ 'Teaser_Schlauchboot_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "159,80 €" %}

            <img src="{{ 'Teaser_WFS_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "19,00 €" %}

            <img src="{{ 'fruehstueck.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "55,00 €" %}

            <img src="{{ 'Picknick_2023_5.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "27,50 €" %}

            <img src="{{ 'Picknick_2023_5.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "99,00 €" %}

            <img src="{{ 'Teaser_Chalet_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "198,00 €" %}

            <img src="{{ 'Teaser_Chalet_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "42,00 €" %}

            <img src="{{ 'fruehstueck.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "21,00 €" %}

            <img src="{{ 'fruehstueck.png' | asset_img_url: '480x480' }}" alt="">

               {% elsif my_variable == "69,00 €" %}

            <img src="{{ 'sommerfeeling.png' | asset_img_url: '480x480' }}" alt="">

               {% elsif my_variable == "119,00 €" %}

            <img src="{{ 'candlelight.png' | asset_img_url: '480x480' }}" alt="">

               {% elsif my_variable == "138,00 €" %}

            <img src="{{ 'sommerfeeling.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "69,90 €" %}

            <img src="{{ 'Herbstgenuss2023.png' | asset_img_url: '480x480' }}" alt="">

               {% elsif my_variable == "139,80 €" %}

            <img src="{{ 'Herbstgenuss2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "79,50 €" %}

            <img src="{{ 'Wildes_Treiben.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "159,00 €" %}

            <img src="{{ 'Wildes_Treiben.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "69,50 €" %}

            <img src="{{ 'Kino_Vino_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% elsif my_variable == "139,00 €" %}

            <img src="{{ 'Kino_Vino_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% else %}

            <img src="{{ 'Gutschein_2023.png' | asset_img_url: '480x480' }}" alt="">

        {% endif %}

 

            <table class="row actions">

              <tr>

                <td class="empty-line">&nbsp;</td>

              </tr>

            </table>

 

            <p>{{ email_body }}</p>

 

            <table class="row actions">

              <tr>

                <td class="empty-line">&nbsp;</td>

              </tr>

              <tr>

                <td class="actions__cell">

                  <table class="button main-action-cell">

                    <tr>

                      <td class="button__cell"><a href="{{ gift_card.url }}" class="button__text">Geschenkgutschein anzeigen</a></td>

                    </tr>

                  </table>

                </td>

              </tr>

            </table>

            <br />

 

            {% if gift_card.pass_url %}

              <a href="{{ gift_card.pass_url }}" class="apple-wallet-button">

                <img src="{{ 'gift-card/add-to-apple-wallet.png' | shopify_asset_url }}" alt="Add to Apple Wallet" width="120" height="40">

              </a>

            {% endif %}

 

            </td>

          </tr>

        </table>

      </center>

    </td>

  </tr>

</table>

          <table class="row footer">

  <tr>

    <td class="footer__cell">

      <center>

        <table class="container">

          <tr>

            <td>

             

              <p class="disclaimer__subtext">Falls du Fragen hast, antworte auf diese E-Mail oder kontaktiere uns unter <a href="mailto:{{ shop.email }}">{{ shop.email }}</a>.</p>

            </td>

          </tr>

        </table>

      </center>

    </td>

  </tr>

</table>

 

<img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />

 

        </td>

      </tr>

    </table>

  </body>

</html>

##- Bitte geben Sie Ihre Antwort oberhalb dieser Zeile ein -##