E-mail-értesítési sablonok testreszabása

Áruháza több értesítési sablonnal rendelkezik, amelyeket a Shopify adminisztrációs felületének Értesítések szakaszában érhet el.

Testreszabhatja e-mail-értesítéseit egy logó hozzáadásával vagy a színséma megváltoztatásával az összes sablonhoz egyszerre. Az e-mail-értesítések tartalmát egyenként is szerkesztheti.

Mielőtt szerkeszthetné az e-mail-értesítések törzsét és tárgyát, meg kell erősítenie a feladó e-mail-címét.

Az SMS-sablonokkal kapcsolatos információkért tekintse meg az SMS-értesítések című részt.

Asztali gép
  1. A Shopify adminisztrációs felületén lépjen a Beállítások > Értesítések menüpontra.

  2. Kattintson a Vásárlói értesítések lehetőségre.

  3. Kattintson az E-mail-sablon testreszabása lehetőségre.

  4. Logó hozzáadásához kattintson a Fájl kiválasztása gombra, keresse meg és töltse fel a fájlt.

Mobil
  1. A Shopify app-ban koppintson a Menu ikonra, majd a Settings Beállítások lehetőségre.

  2. Az Üzlet beállításai szakaszban koppintson az Értesítések lehetőségre.

  3. Koppintson a Vásárlói értesítések lehetőségre.

  4. Koppintson az E-mail-sablon testreszabása lehetőségre.

  5. Logó hozzáadásához koppintson a Fájl kiválasztása gombra, keresse meg és töltse fel a fájlt.

Színek kiválasztása az e-mail-sablonokhoz

Asztali gép
  1. A Shopify adminisztrációs felületén lépjen a Beállítások > Értesítések menüpontra.

  2. Kattintson a Vásárlói értesítések lehetőségre.

  3. Kattintson az E-mail-sablon testreszabása lehetőségre.

  4. Az e-mailek kiemelőszínének módosításához adja meg a színkódot, vagy kattintson a színválasztóra.

Mobil
  1. A Shopify app-ban koppintson a Menu ikonra, majd a Settings Beállítások lehetőségre.

  2. Az Üzlet beállításai szakaszban koppintson az Értesítések lehetőségre.

  3. Koppintson a Vásárlói értesítések lehetőségre.

  4. Koppintson az E-mail-sablon testreszabása lehetőségre.

  5. Az e-mailek kiemelőszínének módosításához adja meg a színkódot, vagy koppintson a színválasztóra.

Az e-mail-sablonok nyelvének megváltoztatása

Az e-mail-sablonok alapértelmezett megjelenítési nyelve a téma nyelvétől és a sablonokon végrehajtott módosításoktól függ:

  • Ha nem végzett módosításokat az e-mail-sablonokon, akkor a téma nyelvének megváltoztatásakor az e-mail-sablonok nyelve is megváltozik.
  • Ha az e-mail-sablonok törzsét és tárgyát is módosította, akkor a téma nyelvének megváltoztatása nem változtatja meg az e-mail-sablonok nyelvét.
  • Ha csak az e-mail-sablonok tárgyát módosította, akkor a téma nyelvének megváltoztatása nem változtatja meg az e-mail-sablonok nyelvét.
  • Ha csak az e-mail-sablonok törzsét módosította, akkor a téma nyelvének megváltoztatásakor a tárgy átvált az új nyelvre, de az e-mail-sablonok törzsének nyelve nem változik meg.

Az alapértelmezett láblécsablon tartalmazza a Shopify márkajelzést, amely a vásárlók számára Szolgáltató: Shopify feliratként jelenik meg az e-mail láblécében. Eltávolíthatja a Shopify márkajelzést az e-mail láblécéből. Ha az üzlete a Shopify Plus csomagot használja, akkor a vásárlói értesítő e-mailek láblécében nem szerepel Shopify márkajelzés.

Lépések:

Asztali gép
  1. A Shopify adminisztrációs felületén lépjen a Beállítások > Értesítések menüpontra.

  2. Kattintson a Vásárlói értesítések lehetőségre.

  3. Kattintson az E-mail-sablon testreszabása lehetőségre.

  4. A Márkajelzés szakaszban kapcsolja ki a „Szolgáltató: Shopify” márkajelzés megjelenítése beállítást.

  5. Kattintson a Mentés gombra.

Mobil
  1. A Shopify app-ban koppintson a Menu ikonra, majd a Settings Beállítások lehetőségre.

  2. Az Üzlet beállításai szakaszban koppintson az Értesítések lehetőségre.

  3. A Márkajelzés szakaszban kapcsolja ki a „Szolgáltató: Shopify” márkajelzés megjelenítése beállítást.

  4. Koppintson a Mentés gombra.

Adott e-mail-sablonok testreszabása

Asztali gép
  1. A Shopify adminisztrációs felületén lépjen a Beállítások > Értesítések menüpontra.

  2. Kattintson a módosítani kívánt értesítés típusára.

  3. Kattintson a módosítani kívánt értesítés nevére.

  4. Kattintson a Kód szerkesztése gombra.

  5. Szerkessze az e-mail-üzenet E-mail tárgya és E-mail törzse (HTML) mezőit.

  6. Kattintson a Mentés gombra.

Mobil
  1. A Shopify app-ban koppintson a Menu ikonra, majd a Settings Beállítások lehetőségre.

  2. Az Üzlet beállításai szakaszban koppintson az Értesítések lehetőségre.

  3. Koppintson a módosítani kívánt értesítés típusára.

  4. Koppintson a </> ikonra.

  5. Szerkessze az e-mail-üzenet E-mail tárgya és E-mail törzse (HTML) mezőit.

  6. Koppintson a Mentés gombra vagy a ikonra.

A módosítások tesztelése

Az értesítési sablon testreszabásakor megtekintheti a módosítások előnézetét a Shopify adminisztrációs felületén, vagy elküldheti e-mailben, hogy ellenőrizze, hogyan jelenik majd meg a vásárlói számára.

Lépések:

  1. A nem mentett módosítások előnézetének megtekintéséhez kattintson az Előnézet gombra.
  2. Ha teszt e-mailként szeretné elküldeni az értesítést, kattintson a Teszt e-mail küldése gombra. Az e-mail arra a fiókra érkezik, amellyel bejelentkezett a Shopify adminisztrációs felületére.
  3. Ha elégedett a módosításokkal, zárja be az előnézeti ablakot, és kattintson a Mentés gombra.

Adószám hozzáadása a számlához

Egyes országokban és régiókban előfordulhat, hogy a vásárlói számlákon vagy más értesítéseken fel kell tüntetnie az adószámát. Ausztráliában, Kanadában és Indiában az áru- és szolgáltatási adót (GST) felszámító vállalkozásoknak szükségük lehet a regisztrációs számuk feltüntetésére. Az Európai Unióban pedig előfordulhat, hogy fel kell tüntetnie az általános forgalmi adó (áfa) azonosítószámát.

Érdeklődjön könyvelőjénél vagy egy kormányzati hatóságnál, hogy fel kell-e tüntetnie a számot.

Az adószám e-mail-értesítésen való megjelenítéséhez kövesse az alábbi lépéseket:

  1. Nyissa meg a szerkeszteni kívánt adott e-mail-sablont.
  2. Az E-mail törzse (HTML) területen, egy megfelelő helyen adja meg a regisztrációs vagy azonosítószámát. A megfelelő formázás érdekében használjon HTML-kódot.
  3. Opcionális: Tekintse meg a módosítások előnézetét, hogy ellenőrizze, a testreszabások helyesen jelennek-e meg.
  4. Kattintson a Mentés gombra.

A következő példában az üzlettulajdonos az üzlet logója után adta meg a címét és az adószámát a Rendelési visszaigazolás értesítésben.

<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 }}">
          <p>150 Elgin St, Ottawa  K2P 1L4  GST# 123456789</p>
        {%- else %}
          <h1 class="shop-name_text">
            <a href="{{shop.url}}">{{ shop.name }}</a>
          </h1>
        {%- endif %}

Alternatív megoldásként vásárolhat és letölthet egy számlázó alkalmazást a Shopify App Store-ból. Egy számlázó alkalmazás lehetővé teszi, hogy adószámot szerepeltessen a számlákon.

Vámok sor hozzáadása a Rendelési visszaigazolás és a Rendelés-visszatérítés sablonokhoz

Ha vámokat és importadókat szed be, akkor ellenőrizze, hogy az értesítő e-mailjei tartalmaznak-e vámsort, hogy a vásárlóinak legyen nyilvántartása a díj megfizetéséről.

Ha a Rendelési visszaigazolás és a Rendelés-visszatérítés e-mail-sablonok alapértelmezett verzióját használja, akkor az e-mailjei automatikusan frissülnek, és tartalmazni fognak egy vám sorelemet. Nem kell semmilyen módosítást végeznie.

Ha testre szabta a Rendelési visszaigazolás és a Rendelés-visszatérítés e-mail-sablonjait, akkor a következő kóddal adhat hozzá vámsort az e-mail-sablonokhoz.

{% if current_total_duties %}

<tr class="subtotal-line">
 <td class="subtotal-line__title">
   <p>
     <span>Duties</span>
   </p>
 </td>
 <td class="subtotal-line__value">
   <strong>{{ current_total_duties | money }}</strong>
 </td>
</tr>

{% endif %}

Fizetési feltételek hozzáadása a rendelési számlákhoz

A fizetési feltételek határozzák meg a rendelés fizetési határidejét.

Ha testre szabta a Rendelési számla e-mail-sablonját, akkor a következő kód hozzáadásával fizetési határidőket adhat az e-mail-sablonokhoz, beleértve a teljesítéskor esedékes fizetést is.

{% assign due_date = payment_terms.next_payment.due_at | default: nil %}

{% if payment_terms.type == 'receipt' and due_date == nil %}
   {% assign due_date = 'now' %}
{% endif %}

{% if payment_terms.type == 'fulfillment' and payment_terms.next_payment.due_at == nil % }
  <h2> Payment of {{ order.total_outstanding | money }} is due on fulfillment </h2>
{% else %}
  <h2>Payment of {{ order.total_outstanding | money }} is due {{ due_date | date: format: 'date' }}</h2>
{% endif %}

A fizetési feltétel nevének az e-mail-sablonon való megjelenítéséhez kövesse az alábbi lépéseket:

 1. Ha létezik, keresse meg a következő szakaszt:

{% if shipping_address or billing_address or shipping_method %}

 2. Cserélje le a következőre:

{% if shipping_address or billing_address or shipping_method or payment_terms %}

 3. Az E-mail törzse (HTML) területen egy megfelelő helyen adja meg a fizetési feltétel nevét.

{% if payment_terms %}
    <td class="customer-info__item">
      <h4>Payment</h4>
      <p> Terms: {{ payment_terms.name }} </p>
    </td>
  {% endif %}

 4. Kattintson a Mentés gombra.

A következő példában az üzlettulajdonos a vásárlói információs szakaszban, a shipping_method után adta hozzá a fizetési feltételeit.

Példa

További részletekért tekintse meg a Liquid referenciájában a payment_terms részt.

Egyéni üzenet hozzáadása az értesítésekhez

Több értesítéshez is hozzáadhat egyéni üzenetet, többek között a következőkhöz:

  • elhagyott pénztár
  • kapcsolatfelvétel a vásárlóval
  • vásárló aktiválása
  • rendelési megbízás számlája

Lépések:

  1. A szövegmezőben adjon meg egy egyéni üzenetet.
  2. Kattintson az „Előnézet” gombra.
  3. Ellenőrizze, hogy az üzenet megfelelően jelenik-e meg, majd kattintson a „Teszt e-mail küldése” gombra.

E-mail-sablonok stílusozása beágyazott CSS használatával

Az e-mail-sablonokat beágyazott CSS használatával stílusozhatja az alapértelmezett stíluslap felülírásával, amely a következő: <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">. A sablonszerkesztő automatikusan beágyazza a sablonban lévő stíluscímkéket. Megőrzi a médiakéréseket, hogy megkönnyítse a reszponzív e-mailek létrehozását. A külső stíluslapok és a témaeszközökkel feltöltött stíluslapok nem ágyazhatók be, ezért ajánlott, hogy a CSS-stílusozást a sablonok <head> részében, egy <style> címkén belül helyezze el.

E-mail-sablon visszaállítása az előző vagy alapértelmezett verzióra

Visszaállíthatja az e-mail-értesítési sablon előző vagy alapértelmezett verzióját.

Amikor visszaáll az előző vagy az alapértelmezett verzióra, csak a sablon tartalma cserélődik le. Az e-mail-értesítések logóján vagy színén végzett testreszabások nem változnak.

Lépések:

  1. A Shopify adminisztrációs felületén lépjen a Beállítások > Értesítések menüpontra.

  2. Kattintson a megfelelő értesítési kategóriára.

  3. Kattintson arra az értesítési sablonra, amelyet meg szeretne tekinteni.

  4. Kattintson a Visszaállítás erre: gombra.

  5. A legördülő menüből válassza ki az Előző vagy az Alapértelmezett lehetőséget.

  6. Kattintson a Mentés gombra.

Egyszerű szöveges e-mailek automatikus átalakítása

A HTML e-mail-sablonjai egyszerű szöveggé alakulnak át azoknál az e-mail-klienseknél, amelyek ezt a verziót igénylik a megjelenítéshez, például a Mail for Apple Watch esetében.