Czego się dowiesz

Czego się dowiesz

Dowiedz się, jak pomijać wiersze (np. elementy) w tabeli dynamicznej blok. Najczęstszym przypadkiem użycia tego rozwiązania jest ukrywanie nieistotnych elementów, takich jak ubezpieczenie wysyłki lub darmowe prezenty, z wiadomości e-mail porzucony koszyk zakupowy. Możesz jednak wykonać te kroki dla dowolnej wiadomości e-mail, która korzysta z dynamicznej tabeli bloków. 

Proces ten obejmuje bezpośrednią edycję kodu twojej wiadomości e-mail. Jest to zalecane tylko dla doświadczonych technicznie marketingowców lub tych, którzy mają dostęp do programisty. Nasz zespół ds. pomocy nie może pomóc Ci w pisaniu niestandardowego kodu poza ogólnymi wskazówkami zawartymi w tej dokumentacji. Aby zachować bezpieczeństwo Twoich danych, Klaviyo's zespół ds. pomocy nie jest w stanie otworzyć plików HTML.

Zanim zaczniesz

Zanim zaczniesz

W tym artykule opisano, jak ukryć elementy z istniejącej tabeli dynamicznej blok. Jeśli nie utworzyłeś jeszcze działającego dynamicznego bloku tabeli (np. produktów w porzuconym koszyku zakupowym lub wiadomości e-mail z potwierdzeniem zamówienia), dowiedz się, jak utworzyć go od podstaw lub zacznij od wiadomości w naszej bibliotece sekwencji

Napisz instrukcje if

Napisz instrukcje if

Przed wprowadzeniem zmian w szablonie utwórz 2 wycinki kodu źródłowego za pomocą edytora tekstu lub kodu (w miejscu, z którego możesz później skopiować i wkleić fragmenty). Każdy wycinek kodu źródłowego będzie składał się z 3 części: 

  1. Otwarcie , jeśli znacznik, {% if … %}wskazujący, które elementy powinny pojawić się w twoim bloku tabeli. 
  2. Treść, np. znacznik obrazu lub tekst o produkcie.
  3. Znacznik zamykający, {% endif %}.
Utwórz otwarcie , jeśli znacznik

Utwórz otwarcie , jeśli znacznik

Oto kilka przykładów otwarcia znacznika: 

ZnacznikZnaczenie
{% if item.price != 0 %}Jeśli cena przedmiotu(item.price) jest inna niż 0. 
{% if item.product.name != "Route Shipping Insurance" %}Jeśli nazwa przedmiotu(item.product.name) jest inna niż "Ubezpieczenie przesyłki w trasie". 
{% if not "T-Shirt" in item.product.title %}Jeśli tytuł artykułu(item.product.title) nie zawiera "T-Shirt". 
{% if item.title %}Jeśli tytuł elementu(item.title) jest ustawiony (tj. ma dowolną wartość).

Wielkość liter w znacznikach jest rozróżniana i muszą one dokładnie pasować do Twoich danych. Na przykład, jeśli zmienną dla ceny twojego przedmiotu jest coś innego niż item.price (np. item.Price lub item.details.line_price), zaktualizuj kod, aby pasował do twojego źródła danych. 

Utwórz treść dla instrukcji if

Utwórz treść dla instrukcji if

W przypadku zawartości wykonaj następujące kroki, aby użyć istniejącej zawartości z tabeli dynamicznej blok. Napisz ten wycinek kodu źródłowego w kodzie lub edytorze tekstu; dodasz go do swojego szablonu w następnej sekcji. 

  1. W sekcji Zawartość komórki dla obrazu bloku tabeli kliknij przycisk Zastąp, aby wyświetlić symbol zastępczy obrazu.
    Zastąp przycisk zawartości komórki.jpg
  2. Skopiuj cały kod z pola zmiennej dynamicznej lub dynamicznego adresu URL. Zauważ, że może to być prosta zmienna dynamiczna lub dłuższy wycinek kodu źródłowego; skopiuj go w całości, niezależnie od długości.
    porzucony koszyk zakupowy zmienny obraz produktu.jpg
  3. Zastąp symbol zastępczy w tym wycinku kodu źródłowego kodem skopiowanym z pola Dynamiczna zmienna lub dynamiczny adres URL.
    <img src="PLACEHOLDER" style="width: 200px; height: auto;" width="200">

Jeśli twój istniejący blok tabeli ma prostą zmienną dynamiczną dla obrazu, wynikowa zawartość będzie wyglądać mniej więcej tak: 

<img src="{{item.product.variant.images.0.src}}" style="width: 200px; height: auto;" width="200">  

Jeśli twój istniejący blok tabeli zawiera dłuższy wycinek kodu źródłowego, wynikowa zawartość może wyglądać następująco: 

<img src="{% if item.product.variant.images.0.src %}{{item.product.variant.images.0.src}}{%else%}{{item.product.images.0.src|missing_product_image}}{%endif%}" style="width: 200px; height: auto;" width="200">
Dodaj swoją końcówkę znacznik

Dodaj swoją końcówkę znacznik

Następnie umieść całą zawartość razem: otwierającą instrukcję if, następnie treść, a na końcu zamknięcie {% endif %} znacznik. 

Powtórz dla zawartości tekstowej

Powtórz dla zawartości tekstowej

Następnie powtórz ten proces z zawartością z prawej strony bloku tabeli (np. zawartością tekstową). Kliknij </ >, aby otworzyć edytor kodu i skopiuj całą zawartość HTML, a następnie zawiń tę zawartość w tę samą instrukcję if (kroki 1 i 3), której użyłeś do zawartości obrazu. 

Oto jak wszystko wygląda razem: 

wycinek kodu źródłowego 1 (zdjęcie produktu)wycinek kodu źródłowego 2 (szczegóły produktu) 
{% if item.product.name != "Route Shipping Insurance" %}
<img src="{% if item.product.variant.images.0.src %}
{{item.product.variant.images.0.src}}{%else%}
{{item.product.images.0.src|missing_product_image}}
{%endif%}" style="width: 200px; height: auto;" width="200">
{% endif %}
{% if item.product.name != "Route Shipping Insurance" %}
<h3>< a href="{{ organization.url }}products/{{ item.product.url }}" >
   {{ item.product.name }}
</a></h3>
<p>
   Ilość: {{ item.quantity|floatformat:0 }} - 
 Razem: {% currency_format item.line_price|floatformat:2 %}
</p>
{% endif %}

A oto zestawienie tych wycinków kodu źródłowego: 

wycinek kodu źródłowego 1 (zdjęcie produktu)wycinek kodu źródłowego 2 (szczegóły produktu) 
{% if CRITERIA %}
   ZAWARTOŚĆ SYMBOLU ZASTĘPCZEGO OBRAZU
{% endif %}
{% if CRITERIA %}
   OPIS PRODUKTU
{% endif %}

Podczas korzystania z wycinka kodu źródłowego, upewnij się, że używasz cudzysłowów prostych (") zamiast cudzysłowów ("), aby zapewnić prawidłowe renderowanie kodu. 

Po napisaniu obu wycinków kodu źródłowego, kontynuuj w edytorze szablonów, postępując zgodnie z poniższymi krokami. 

Pomiń wiersze w tabeli dynamicznej blok

Pomiń wiersze w tabeli dynamicznej blok

Przed edycją bloku tabeli dynamicznej rozważ zapisanie oryginalnego bloku jako treści uniwersalnej na wypadek konieczności odwołania się do niego w przyszłych wiadomościach. Następnie odłącz blok i edytuj go osobno, aby zmiany nie zostały zapisane w treści uniwersalnego bloku. 

  1. Jeśli twoja wiadomość e-mail jest częścią sekwencji, ustaw ją na Wersję roboczą lub Ręcznie, aby wiadomości nie były wysyłane podczas edytowania wiadomości sekwencji. 
  2. Upewnij się, że Zawartość komórki dla obu kolumn nowej tabeli blok jest ustawiona na Tekst.
  3. Kliknij </ >, aby otworzyć edytor HTML dla lewej strony bloku tabeli. 
  4. Skopiuj obraz produktu wycinek kodu źródłowego utworzony w poprzedniej sekcji i wklej go w polu HTML.
  5. Kliknij przycisk Gotowe w lewym górnym rogu. 
  6. Przejdź do edytora prawej strony tabeli bloków. 
  7. Kliknij </ >, aby otworzyć edytor HTML dla prawej strony bloku tabeli. 
  8. Skopiuj szczegóły produktu wycinek kodu źródłowego, który utworzyłeś w poprzedniej sekcji i wklej go do pola HTML, zastępując całą poprzednią zawartość. 
  9. Kliknij przycisk Gotowe
  10. Wyświetl podgląd wiadomości e-mail, aby upewnić się, że wygląda zgodnie z oczekiwaniami: pominięty element nie powinien się pojawić, ale wszystkie inne elementy pojawią się normalnie. Upewnij się, że podgląd zawiera element, który próbujesz ukryć, aby upewnić się, że jest on ukryty. 
Instrukcje warunkowe i wbudowany edytor tekstu

Instrukcje warunkowe i wbudowany edytor tekstu

Gdy dodasz pewne instrukcje warunkowe do bloku tekstowego, mogą one zniknąć z wbudowanego edytora tekstu. Kod jest nadal obecny; jest po prostu ukryty. Aby wyświetlić i edytować instrukcje warunkowe, otwórz pole kodu źródłowego bloku tekstowego. 

Następujące znaczniki są widoczne tylko w polu kodu źródłowego bloku tekstowego: 

  • {% for ... %}
  • {% endfor %}
  • {% if ... %}
  • {% elif ... %}
  • {% else %}
  • {% endif %}
  • {% with ... %}
  • {% endwith %}
Rozwiązywanie problemów

Rozwiązywanie problemów

W podglądzie nie pojawiają się żadne elementy

  1. Upewnij się, że wyświetlasz podgląd zdarzenia, które pasuje do używanego źródła danych (np. Uruchomiona strona płatności kasa dla wiadomości porzucony koszyk zakupowy). 
  2. Upewnij się, że powtórzenie dla i alias wier sza dokładnie odpowiadają kolekcji wierszy i aliasowi wiersza z oryginalnego bloku. 

Element, który powinien zostać pominięty, nadal się pojawia

Sprawdź pisownię i wielkie litery w instrukcji if. Jeśli produkt nadal się pojawia, oznacza to, że spełnia kryteria w instrukcji if, więc twoja instrukcja if nie jest poprawnie skonfigurowana. Dowiedz się więcej o logice warunkowej w szablon

Rezultat

Rezultat

Po wykonaniu tych kroków wszystkie pozycje, które nie spełniają kryteriów w instrukcji if, nie pojawią się w wiadomościach takich jak porzucony koszyk zakupowy lub e-mail z potwierdzeniem zamówienia.  

Dodatkowe źródła

Dodatkowe źródła

Czy ten artykuł był pomocny?
Ten formularz służy tylko do przesyłania opinii na temat artykułów. Dowiedz się, jak skontaktować się z zespołem ds. pomocy.

Dowiedz się od Klaviyo więcej

Społeczność
Nawiązuj kontakty z osobami na podobnych stanowiskach, partnerami oraz ekspertami i ekspertkami Klaviyo – inspirujcie się nawzajem, wymieniajcie spostrzeżeniami i pomagajcie szukać odpowiedzi na nurtujące Was pytania.
Szkolenie na żywo
Chcesz poznać najlepsze praktyki, nauczyć się konfigurować najważniejsze funkcje i nie tylko? Dołącz do sesji na żywo z udziałem ekspertów i ekspertek Klaviyo.
Pomoc

Uzyskaj wsparcie za pośrednictwem konta.

E-mail do zespołu ds. pomocy (konta w bezpłatnym okresie próbnym oraz konta płatne) Całodobowa dostępność

Czat/wirtualna pomoc
Dostępność różni się w–zależności od lokalizacji i typu planu.