Änderung Newsletter Bestätigungsmail

Anja73 · ‎06-11-2024

Hallo,

Theme Be Yours

Ordere ich meinen Newsletter, dann bekomme ich automatisch diese Mail.

Ich würde gerne den Inhalt usw. ändern.

Wo kann ich da machen?

Vielen Dank und Grüße

Anja

Gabe · ‎06-11-2024

Hey Anja! @Anja73

Den Inhalt der Bestätigungsmail solltest du wie folgt ändern können:

Hoffe das hilft dir weiter - lass wissen falls nicht! 😉

---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

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

Lösung in ursprünglichem Beitrag anzeigen

Gabe · ‎06-13-2024

Hey @Anja73

Das habe ich nochmal ausprobiert und leider scheint dieses Feld in der Marketing Confirmation E-Mail mit dem Logo nicht CSS- und HTML-fähig zu sein. Somit wird ist das eine Limitation sein.

In der Bestellbestätigung funzt es einwandfrei. Tut mir leid keine bessere News geben zu können.

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

Lösung in ursprünglichem Beitrag anzeigen

Gabe · ‎06-11-2024

Hey Anja! @Anja73

Den Inhalt der Bestätigungsmail solltest du wie folgt ändern können:

Hoffe das hilft dir weiter - lass wissen falls nicht! 😉

---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!

Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

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

Anja73 · ‎06-11-2024

Super, hat geklappt.

Gibt es die Möglichkeit mein Logo und den Button mittig zu setzen?

Gabe · ‎06-11-2024

Probiere mal diesen Code in der Vorlage (Backup des derzeitigen Code zuerst machen):

Im <head> folgender<style> CSS Code:

<!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 }}; }
    .header__cell, .content__cell, .footer__cell { text-align: center; }
    .shop-name__cell { display: inline-block; }
    .button { text-align: center; }
    .button__cell { display: inline-block; }
  </style>
</head>

Logo:

<table class="row">
                        <tr>
                          <td class="shop-name__cell">
                            {%- if shop.email_logo_url %}
                              <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
                            {%- else %}
                              <h1 class="shop-name__text">
                                <a href="{{shop.url}}">{{ shop.name }}</a>
                              </h1>
                            {%- endif %}
                          </td>
                        </tr>
                      </table>

Button Code:

{% if shop.url %}
  <table class="row actions">
    <tr>
      <td class="actions__cell">
        <center>
          <table class="button main-action-cell">
            <tr>
              <td class="button__cell">
                <a class="button__text" href="{{ customer.subscribe_url }}">Abonnieren</a>
              </td>
            </tr>
          </table>
        </center>
      </td>
    </tr>
  </table>
{% endif %}

VG,

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

CocoVin · ‎06-11-2024

Hi Gabe,

wenn ich deinem Code nutze ist der Button zentriert, mein Logo aber nicht.

Ich versuche das Button auch mit meiner Seite Newsletter Bestätigung zu verbinden. Ich finde die Stelle aber nicht wo ich den abonnieren Button Link ändern kann.

Vielen Dank im Voraus für deine Hilfe,

VG,

Gabe · ‎06-12-2024

Hey den Button Link änderst du im href, wie z. B. ihn zu deiner eigens-gebauten Seite zu leiten:

<a class="button__text" href="{{ customer.subscribe_url }}">Abonnieren</a>

Ansonsten kenne ich deinen Logo Code nicht und mein Code ist nur ein genereller Ansatz da alle Vorlagen Codes nicht immer gleich sind. Du müsstest deinen genauen Vorlagencode hier posten so dass ich das näher 👁️ kann.

Hoffe das hilft dir weiter - lass wissen falls nicht!

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

CocoVin · ‎06-12-2024

Vielen Dank, es funktioniert!

meinem Vorlagencode ist folgendes:

Spoiler

{% capture email_title %}Bestätigen Sie, dass Sie Coco Vin Newsletter erhalten möchten.{% endcapture %}
{% capture email_body %}Sie müssen bestätigen, dass Sie die Newsletter von Coco Vin erhalten möchten. Wenn Sie sich nicht angemeldet haben, ist keine Aktion von ihrer Seite erforderlich.{% 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 }}; }
.header__cell, .content__cell, .footer__cell { text-align: center; }
.shop-name__cell { display: inline-block; }
.button { text-align: center; }
.button__cell { display: inline-block; }
</style>
</head>

<body>
<table class="body">
<tr>
<td>
<table class="header row">
<tr>
<td class="header__cell">
<center>

<table class="container">
<tr>
<td>

<table class="row">
<tr>
<td class="shop-name__cell">
{%- if shop.email_logo_url %}
<img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}" >
{%- else %}
<h1 class="shop-name__text">
<a href="{{shop.url}}">{{ shop.name }}</a>
</h1>
{%- endif %}
</td>

</tr>
</table>

</td>
</tr>
</table>

</center>
</td>
</tr>
</table>

<table class="row content">
<tr>
<td class="content__cell">
<center>
<table class="container">
<tr>
<td>

<h2>{{ email_title }}</h2>
<p>{{ email_body }}</p>

{% if shop.url %}
<table class="row actions">
<tr>
<td class="actions__cell">
<table class="button main-action-cell">
<tr>
<td class="button__cell">
<a class="button__text" href="https://coco-vin.de/pages/newsletter-bestatigung">Abonnieren</a>

</td>
</tr>
</table>
</td>
</tr>
</table>
{% 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 Sie Fragen haben, antworten Sie auf diese E-Mail oder kontaktieren Sie 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>

{% capture email_title %}Bestätigen Sie, dass Sie Coco Vin Newsletter erhalten möchten.{% endcapture %} {% capture email_body %}Sie müssen bestätigen, dass Sie die Newsletter von Coco Vin erhalten möchten. Wenn Sie sich nicht angemeldet haben, ist keine Aktion von ihrer Seite erforderlich.{% 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 }}; } .header__cell, .content__cell, .footer__cell { text-align: center; } .shop-name__cell { display: inline-block; } .button { text-align: center; } .button__cell { display: inline-block; } </style> </head> <body> <table class="body"> <tr> <td> <table class="header row"> <tr> <td class="header__cell"> <center> <table class="container"> <tr> <td> <table class="row"> <tr> <td class="shop-name__cell"> {%- if shop.email_logo_url %} <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}" > {%- else %} <h1 class="shop-name__text"> <a href="{{shop.url}}">{{ shop.name }}</a> </h1> {%- endif %} </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> <table class="row content"> <tr> <td class="content__cell"> <center> <table class="container"> <tr> <td> <h2>{{ email_title }}</h2> <p>{{ email_body }}</p> {% if shop.url %} <table class="row actions"> <tr> <td class="actions__cell"> <table class="button main-action-cell"> <tr> <td class="button__cell"> <a class="button__text" href="https://coco-vin.de/pages/newsletter-bestatigung">Abonnieren</a> </td> </tr> </table> </td> </tr> </table> {% 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 Sie Fragen haben, antworten Sie auf diese E-Mail oder kontaktieren Sie 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>

Gabe · ‎06-12-2024

Super, freut mich! 😉

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

CocoVin · ‎06-12-2024

Oh, aber mein Logo ist immer noch nicht mittig... Ich habe den Code oben angegeben...

Gabe · ‎06-12-2024

@CocoVin

Ah my bad! Kannst du mal in deinem Code oben:

```
<td class="shop-name__cell">
```

Mit folgenden wechseln:

<td class="shop-name__cell" style="text-align: center;">

Und

<img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}" >

Mit:

<img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}" style="display: block; margin: 0 auto;">

Hoffe das hilft dir weiter - lass wissen falls nicht! 😉

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

CocoVin · ‎06-12-2024

Super, hat funktioniert, vielen Dank!

Gabe · ‎06-12-2024

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

Anja73 · ‎06-13-2024

Hallo @Gabe,

das mit dem Button habe ich mit deiner ersten Copy hinbekommen, aber leider komme ich mit dem Logo nicht weiter. Die Logo Copy+ mit den weiter unten für CocoVin aufgeführten Änderungen bringen mein Logo nicht mittig.

Leider ist für mich die von CocoVin angewendete Art Spoiler unbekannt und konnte es auch nach googeln nicht umsetzen, also .....ich schicke dir hier eine einfache Kopie. Vielleicht ist es hilfreich.

Spoiler

{% capture email_title %}Nur noch ein Klick entfernt von sternigen Neuigkeiten.{% endcapture %}
{% capture email_body %}Um deine Taschenstern Newsletter-Anmeldung abzuschließen, bestätige bitte deine E-Mail Adresse, indem du auf den grünen Button unten klickst.{% 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 }}; }
.header__cell, .content__cell, .footer__cell { text-align: center; }
.shop-name__cell { display: inline-block; }
.button { text-align: center; }
.button__cell { display: inline-block; }
</style>
</head>

<body>
<table class="body">
<tr>
<td>
<table class="header row">
<tr>
<td class="header__cell">
<center>

<table class="container">
<tr>
<td>

<table class="row">
<tr>
<td class="shop-name__cell">
{%- if shop.email_logo_url %}
<img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
{%- else %}
<h1 class="shop-name__text">
<a href="{{shop.url}}">{{ shop.name }}</a>
</h1>
{%- endif %}
</td>

</tr>
</table>

</td>
</tr>
</table>

</center>
</td>
</tr>
</table>

<table class="row content">
<tr>
<td class="content__cell">
<center>
<table class="container">
<tr>
<td>

<h2>{{ email_title }}</h2>
<p>{{ email_body }}</p>

{% if shop.url %}
<table class="row actions">
<tr>
<td class="actions__cell">
<table class="button main-action-cell">
<tr>
<td class="button__cell">
<a class="button__text" href="{{ customer.subscribe_url }}">Abonnieren</a>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
{% 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">Indem du auf den obigen Link bzw. Button klickst, erklärst du dich damit einverstanden, den Taschenstern Newsletter zu abonnieren. Wenn du dich nicht angemeldet hast oder dir nicht klar ist, warum du diese E-Mail erhalten hast, ignoriere und lösche diese bitte. 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>

{% capture email_title %}Nur noch ein Klick entfernt von sternigen Neuigkeiten.{% endcapture %} {% capture email_body %}Um deine Taschenstern Newsletter-Anmeldung abzuschließen, bestätige bitte deine E-Mail Adresse, indem du auf den grünen Button unten klickst.{% 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 }}; } .header__cell, .content__cell, .footer__cell { text-align: center; } .shop-name__cell { display: inline-block; } .button { text-align: center; } .button__cell { display: inline-block; } </style> </head> <body> <table class="body"> <tr> <td> <table class="header row"> <tr> <td class="header__cell"> <center> <table class="container"> <tr> <td> <table class="row"> <tr> <td class="shop-name__cell"> {%- if shop.email_logo_url %} <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}"> {%- else %} <h1 class="shop-name__text"> <a href="{{shop.url}}">{{ shop.name }}</a> </h1> {%- endif %} </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> <table class="row content"> <tr> <td class="content__cell"> <center> <table class="container"> <tr> <td> <h2>{{ email_title }}</h2> <p>{{ email_body }}</p> {% if shop.url %} <table class="row actions"> <tr> <td class="actions__cell"> <table class="button main-action-cell"> <tr> <td class="button__cell"> <a class="button__text" href="{{ customer.subscribe_url }}">Abonnieren</a> </a> </td> </tr> </table> </td> </tr> </table> {% 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">Indem du auf den obigen Link bzw. Button klickst, erklärst du dich damit einverstanden, den Taschenstern Newsletter zu abonnieren. Wenn du dich nicht angemeldet hast oder dir nicht klar ist, warum du diese E-Mail erhalten hast, ignoriere und lösche diese bitte. 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>

Viele Grüße

Anja

Gabe · ‎06-13-2024

Hey @Anja73

Das habe ich nochmal ausprobiert und leider scheint dieses Feld in der Marketing Confirmation E-Mail mit dem Logo nicht CSS- und HTML-fähig zu sein. Somit wird ist das eine Limitation sein.

In der Bestellbestätigung funzt es einwandfrei. Tut mir leid keine bessere News geben zu können.

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

Anja73 · ‎06-13-2024

Danke für deine Bemühungen.

Gabe · ‎06-13-2024

Gerne! 😉

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

CocoVin · ‎06-13-2024

Genauso ist es. Trotzdem danke für deine Unterstützung!

Änderung Newsletter Bestätigungsmail

Änderung Newsletter Bestätigungsmail

Community Blog Artikel