Dostosowywanie szablonów powiadomień e-mail

Twój sklep ma wiele szablonów powiadomień, do których możesz uzyskać dostęp w sekcji Powiadomienia panelu administracyjnego Shopify.

Możesz dostosować powiadomienia e-mail, dodając logo lub zmieniając schemat kolorów dla wszystkich szablonów jednocześnie. Możesz również edytować treść poszczególnych powiadomień e-mail.

Zanim będzie można edytować treść i temat powiadomień e-mail, należy potwierdzić adres e-mail nadawcy.

Informacje na temat szablonów SMS można znaleźć w sekcji Powiadomienia SMS.

Komputer stacjonarny
  1. W panelu administracyjnym Shopify przejdź do opcji Ustawienia > Powiadomienia.

  2. Kliknij opcję Powiadomienia dla klientów.

  3. Kliknij Dostosuj szablon e-maila.

  4. Dodaj logo, klikając opcję Wybierz plik, a następnie wyszukaj je i prześlij.

Urządzenia mobilne
  1. W Shopify app naciśnij Menu, a następnie naciśnij Ustawienia Ustawienia.

  2. W sekcji Ustawienia sklepu naciśnij Powiadomienia.

  3. Naciśnij opcję Powiadomienia dla klientów.

  4. Naciśnij opcję Dostosuj szablon e-maila.

  5. Dodaj logo, naciskając opcję Wybierz plik, a następnie wyszukaj je i prześlij.

Wybór kolorów dla szablonów e-maili

Komputer stacjonarny
  1. W panelu administracyjnym Shopify przejdź do opcji Ustawienia > Powiadomienia.

  2. Kliknij opcję Powiadomienia dla klientów.

  3. Kliknij Dostosuj szablon e-maila.

  4. Zmień kolor wiodący e-maili, wprowadzając kod koloru lub klikając selektor kolorów.

Urządzenia mobilne
  1. W Shopify app naciśnij Menu, a następnie naciśnij Ustawienia Ustawienia.

  2. W sekcji Ustawienia sklepu naciśnij Powiadomienia.

  3. Naciśnij opcję Powiadomienia dla klientów.

  4. Naciśnij opcję Dostosuj szablon e-maila.

  5. Zmień kolor wiodący e-maili, wprowadzając kod koloru lub wybierając selektor kolorów.

Zmiana języka szablonów e-maili

Domyślny język, w którym wyświetlane są szablony e-maili, zależy od języka Twojego szablonu graficznego i wszelkich zmian wprowadzonych w szablonach:

  • Jeśli w szablonach e-maili nie wprowadzono żadnych zmian, zmiana języka szablonu graficznego powoduje również zmianę języka szablonu e-maila.
  • Jeśli wprowadzono zmiany zarówno w treści, jak i w temacie szablonów e-maili, zmiana języka szablonu graficznego nie powoduje zmiany języka szablonów e-maili.
  • Jeśli wprowadzono zmiany tylko w temacie szablonów e-maili, zmiana języka szablonu graficznego nie powoduje zmiany języka szablonów e-maili.
  • Jeśli wprowadzono zmiany tylko w treści szablonów e-maili, zmiana języka szablonu graficznego powoduje zmianę tematu na nowy język, ale nie zmienia języka treści szablonów e-maili.

Domyślny szablon stopki zawiera branding Shopify, który wyświetla się klientom w stopce wiadomości e-mail jako Technologia Shopify. Możesz usunąć branding Shopify ze stopki wiadomości e-mail. Jeśli sklep korzysta z planu Shopify Plus, w stopkach wiadomości e-mail z powiadomieniami dla klientów nie ma brandingu Shopify.

Kroki:

Komputer stacjonarny
  1. W panelu administracyjnym Shopify przejdź do opcji Ustawienia > Powiadomienia.

  2. Kliknij opcję Powiadomienia dla klientów.

  3. Kliknij Dostosuj szablon e-maila.

  4. W sekcji Branding wyłącz opcję Wyświetlaj branding „Technologia Shopify”.

  5. Kliknij Zapisz.

Urządzenia mobilne
  1. W Shopify app naciśnij Menu, a następnie naciśnij Ustawienia Ustawienia.

  2. W sekcji Ustawienia sklepu naciśnij Powiadomienia.

  3. W sekcji Branding wyłącz opcję Wyświetlaj branding „Technologia Shopify”.

  4. Naciśnij Zapisz.

Dostosowywanie określonych szablonów e-maili

Komputer stacjonarny
  1. W panelu administracyjnym Shopify przejdź do opcji Ustawienia > Powiadomienia.

  2. Kliknij typ powiadomienia, który chcesz zmienić.

  3. Kliknij nazwę powiadomienia, które chcesz zmienić.

  4. Kliknij opcję Edytuj kod.

  5. Edytuj Temat e-maila i Treść e-maila (HTML) wiadomości e-mail.

  6. Kliknij Zapisz.

Urządzenia mobilne
  1. W Shopify app naciśnij Menu, a następnie naciśnij Ustawienia Ustawienia.

  2. W sekcji Ustawienia sklepu naciśnij Powiadomienia.

  3. Naciśnij typ powiadomienia, który chcesz zmienić.

  4. Naciśnij </>.

  5. Edytuj Temat e-maila i Treść e-maila (HTML) wiadomości e-mail.

  6. Naciśnij przycisk Zapisz lub .

Testowanie zmian

Podczas dostosowywania szablonu powiadomienia możesz wyświetlić podgląd zmian w panelu administracyjnym Shopify lub wysłać go e-mailem, aby sprawdzić, jak będzie się wyświetlać klientom.

Kroki:

  1. Aby wyświetlić podgląd niezapisanych zmian, kliknij opcję Podgląd.
  2. Aby wysłać powiadomienie jako e-mail testowy, kliknij opcję Wyślij e-mail testowy. E-mail zostanie wysłany na konto użyte do zalogowania się do panelu administracyjnego Shopify.
  3. Jeśli zmiany Ci odpowiadają, zamknij okno podglądu i kliknij przycisk Zapisz.

Dodawanie numeru rejestracji podatkowej do faktury

W niektórych krajach i regionach może być konieczne umieszczenie numeru rejestracji podatkowej na fakturach dla klientów lub w innych powiadomieniach. W Australii, Kanadzie i Indiach firmy naliczające podatek od towarów i usług (GST) mogą być zobowiązane do umieszczenia swojego numeru rejestracyjnego. W Unii Europejskiej może być konieczne umieszczenie numeru identyfikacyjnego VAT.

Skontaktuj się ze swoim księgowym lub z organem rządowym, aby dowiedzieć się, czy musisz podawać ten numer.

Aby wyświetlić swój numer w powiadomieniu e-mail, wykonaj następujące kroki:

  1. Otwórz określony szablon e-maila, który chcesz edytować.
  2. W obszarze Treść e-maila (HTML) wprowadź numer rejestracyjny lub identyfikacyjny w odpowiednim miejscu. Użyj kodu HTML, aby zapewnić prawidłowe formatowanie.
  3. Opcjonalnie: Aby sprawdzić, czy dostosowania wyświetlają się prawidłowo, wyświetl podgląd zmian.
  4. Kliknij Zapisz.

W poniższym przykładzie właściciel sklepu dodał adres i numer identyfikacji podatkowej po logo sklepu w powiadomieniu Potwierdzenie zamówienia.

<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 %}

Alternatywnie możesz kupić i pobrać aplikację do fakturowania z Shopify App Store. Aplikacja do fakturowania umożliwia umieszczanie numeru NIP na fakturach.

Dodaj wiersz dotyczący ceł do szablonów Potwierdzenie zamówienia i Zwrot kosztów zamówienia

Jeśli pobierasz cła i podatki importowe, sprawdź, czy Twoje powiadomienia e-mail zawierają wiersz dotyczący ceł, aby klienci mieli potwierdzenie uiszczenia tej opłaty.

Jeśli używasz domyślnych szablonów e-maili Potwierdzenie zamówienia i Zwrot kosztów zamówienia, e-maile są automatycznie aktualizowane i zawierają pozycję dotyczącą ceł. Nie musisz wprowadzać żadnych zmian.

Jeśli dostosowano szablony e-maili Potwierdzenie zamówienia i Zwrot kosztów zamówienia, możesz dodać do nich poniższy kod, aby uwzględnić wiersz dotyczący ceł.

{% 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 %}

Dodaj warunki płatności do faktur za zamówienie

Warunki płatności określają termin płatności za zamówienie.

Jeśli szablon e-maila Faktura za zamówienie został dostosowany, możesz dodać do niego poniższy kod, aby uwzględnić terminy płatności, w tym płatność po realizacji.

{% 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 %}

Aby wyświetlić nazwę warunków płatności w szablonie e-maila, wykonaj następujące kroki:

 1. Znajdź następującą sekcję, jeśli istnieje:

{% if shipping_address or billing_address or shipping_method %}

 2. Zastąp ją następującym kodem:

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

 3. W obszarze Treść e-maila (HTML) wprowadź nazwę warunków płatności w odpowiednim miejscu.

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

 4. Kliknij Zapisz.

W poniższym przykładzie właściciel sklepu dodał warunki płatności w sekcji informacji o kliencie po shipping_method.

Przykład

Więcej szczegółów można znaleźć w dokumentacji Liquid dla payment_terms.

Dodaj niestandardową wiadomość do powiadomień

Możesz dodać niestandardową wiadomość do kilku powiadomień, w tym:

  • przerwana realizacja zakupu
  • kontakt z klientem
  • aktywacja klienta
  • faktura do wersji roboczej zamówienia

Kroki:

  1. Wprowadź niestandardową wiadomość w polu tekstowym.
  2. Kliknij Podgląd.
  3. Sprawdź, czy wiadomość wyświetla się prawidłowo, a następnie kliknij Wyślij e-mail testowy.

Stylizacja szablonów e-maili za pomocą wbudowanego CSS

Możesz użyć wbudowanego CSS do stylizacji szablonów e-maili, nadpisując domyślny arkusz stylów, którym jest: <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">. Edytor szablonów automatycznie dodaje wbudowane tagi stylów w szablonie. Zachowuje zapytania o media (media queries), aby ułatwić tworzenie responsywnych e-maili. Zewnętrzne arkusze stylów i arkusze stylów przesłane z zasobami szablonu nie mogą być wbudowane, dlatego zaleca się umieszczanie stylizacji CSS w tagu <style> w sekcji <head> szablonów.

Przywróć poprzednią lub domyślną wersję szablonu e-maila

Możesz przywrócić poprzednią lub domyślną wersję szablonu powiadomienia e-mail.

Przywrócenie poprzedniej lub domyślnej wersji powoduje zastąpienie tylko treści szablonu. Wszelkie dostosowania logo lub koloru powiadomień e-mail nie są zmieniane.

Kroki:

  1. W panelu administracyjnym Shopify przejdź do opcji Ustawienia > Powiadomienia.

  2. Kliknij odpowiednią kategorię powiadomień.

  3. Kliknij szablon powiadomienia, który chcesz wyświetlić.

  4. Kliknij przycisk Przywróć.

  5. Z menu rozwijanego wybierz opcję Poprzednia lub Domyślna.

  6. Kliknij Zapisz.

Automatyczna konwersja e-maili w formacie zwykłego tekstu

Szablony e-maili w formacie HTML są przekształcane na zwykły tekst dla klientów poczty e-mail, które wymagają wyświetlania tej wersji, np. dla aplikacji Mail na Apple Watch.