Hur man hoppar över rader i en dynamisk tabell block
Du kommer att lära dig
Lär dig hur du hoppar över rader (t.ex. objekt) i en dynamisk tabell block. Det vanligaste användningsområdet för detta är att dölja irrelevanta poster, som t.ex. fraktförsäkring eller gratisgåvor, från en övergiven kundvagn e-post. Du kan dock följa dessa steg för alla e-postmeddelanden som använder en dynamisk tabell block.
Denna process innebär att du direkt redigerar din e-posts kod. Detta rekommenderas endast för tekniskt kunniga marknadsförare eller för dem som har tillgång till en utvecklare. Vårt supportteam kan inte hjälpa dig att skriva anpassad kod utöver den allmänna vägledning som beskrivs i den här dokumentationen. För att upprätthålla säkerheten för din data, Klaviyo's supportteam kan inte öppna HTML-filer.
Innan du börjar
Den här artikeln handlar om hur du döljer objekt från ett befintligt dynamiskt tabellblock. Om du ännu inte har skapat en fungerande dynamisk tabell block (t.ex. produkterna i en övergiven kundvagn eller orderbekräftelse e-post), lär dig hur du skapar en från grunden eller börja med ett meddelande i vårt flöde bibliotek.
Skriv dina if-satser
Innan du gör ändringar i ditt köpcentrum ska du skapa 2 kodsnuttar med hjälp av en text- eller kodredigerare (någonstans där du kan kopiera och klistra in snuttarna senare). Varje kodsnippet kommer att bestå av 3 delar:
- En öppning om etikett,
{% if ... %}, där du anger vilka föremål som ska finnas i ditt bord block. - Innehåll, som en bildetikett eller text om produkten.
- En avslutande etikett,
{% endif %}.
Skapa öppningen om etikett
Här är några exempel på öppning om etikett:
Etikett | Betydelse |
{% if item.price != 0 %} | Om artikelpriset (item.price) är något annat än 0. |
{% if item.product.name != "Route Shipping Insurance" %} | Om artikelnamnet (item.product.name) är något annat än "Route Shipping Insurance". |
{% if not "T-Shirt" in item.product.title %} | Om artikelns titel (item.product.title) innehåller inte "T-Shirt". |
{% if item.title %} | Om artikelns titel (item.title) är inställd (dvs. har något värde). |
Dessa etikett är skiftlägeskänsliga och måste matcha din data exakt. Till exempel om variabeln för din artikels pris är något annat än item. price (t.ex. item. Price eller item.details.line_price), uppdatera koden för att matcha din data källa.
Skapa innehållet för if-satsen
För innehåll, följ dessa steg för att använda befintligt innehåll från din dynamiska tabell block. Skriv detta kodsnippet i en kod- eller textredigerare; du kommer att lägga till det i ditt köpcentrum i nästa avsnitt.
- Under Cellinnehåll för tabellen block:s bild klickar du på Ersätt för att visa platshållaren för bilden.
- Kopiera hela koden från fältet Dynamisk variabel eller Dynamisk URL. Observera att detta kan vara en enkel dynamisk variabel eller ett längre kodsnippet; kopiera allt, oavsett längd.
- Ersätt platshållaren i det här kodsnippet med koden som du kopierade från fältet Dynamisk variabel eller dynamisk URL.
<img src="PLACEHOLDER" style="width: 200px; height: auto;" width="200">Om din befintliga tabell block har en enkel dynamisk variabel för bilden, kommer det resulterande innehållet att se ut ungefär så här:
<img src="{{item.product.variant.images.0.src}}" style="width: 200px; height: auto;" width="200"> Om din befintliga tabell block innehåller ett längre kodsnippet kan det resulterande innehållet se ut så här:
<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">
Lägg till din avslutning etikett
Sedan sätter du ihop allt innehåll: din inledande if-sats, sedan ditt innehåll och slutligen en avslutande {% endif %} etikett.
Upprepa för textinnehållet
Upprepa sedan denna process med innehållet från höger sida av tabellen block (t.ex. textinnehållet). Klicka på </ > för att öppna kodredigeraren och kopiera allt HTML-innehåll, och linda sedan in detta innehåll i samma if-sats (steg 1 och 3) som du använde för bildinnehållet.
Så här ser allt ut tillsammans:
kodsnippet 1 (produktbild) | kodsnippet 2 (produktdetaljer) |
|
|
Och här är en uppdelning av dessa kodsnippet:
kodsnippet 1 (produktbild) | kodsnippet 2 (produktdetaljer) |
|
|
När du använder dessa kodsnippet, se till att använda raka citattecken (") snarare än snirkliga citattecken (") för att säkerställa att koden återges korrekt.
När du har skrivit båda kodsnippeten fortsätter du i mallredigeraren enligt stegen nedan.
Hoppa över rader i en dynamisk tabell block
Innan du redigerar din dynamiska tabell block bör du överväga att spara originalet block som Universalinnehåll om du behöver hänvisa till det i framtida meddelanden. Ta sedan bort länken till block och redigera den separat, så att dina ändringar inte sparas i Universalinnehåll block.
- Om din e-post är en del av ett flöde kan du ställa in den på Utkast eller Manuell så att meddelanden inte skickas medan du redigerar flödesmeddelandet.
- Kontrollera att cellinnehållet för båda kolumnerna i den nya tabellen block är inställt på Text.
- Klicka på </ > för att öppna HTML-redigeraren för den vänstra sidan av tabellen block.
- Kopiera produktbilden kodsnippet som du skapade i föregående avsnitt och klistra in den i HTML-fältet.
- Klicka på Done uppe till vänster.
- Navigera till redigeraren för höger sida av tabellen block.
- Klicka på </ > för att öppna HTML-redigeraren för den högra sidan av tabellen block.
- Kopiera kodsnippet med produktinformation som du skapade i föregående avsnitt och klistra in det i HTML-fältet, där allt tidigare innehåll ersätts.
- Klicka på Klar.
- Förhandsgranska e-posten för att se till att den visas som förväntat: den utelämnade posten ska inte visas, men alla andra poster visas normalt. Se till att förhandsgranska med en händelse som innehåller det objekt som du försöker dölja, så att du kan säkerställa att det döljs.
Villkorssatser och inline-textredigeraren
När du lägger till vissa villkorssatser i ett textblock kan de försvinna från inline-textredigeraren. Koden finns fortfarande kvar, den är bara dold. Om du vill visa och redigera villkorssatser ska du öppna textblocket i Källkod-fältet.
Följande taggar är endast synliga i ett textblocks Source code-fält:
- {% for ... %}
- {% endfor %}
- {% if ... %}
- {% elif ... %}
- {% else %}
- {% endif %}
- {% with ... %}
- {% endwith %}
Felsökning
Inga objekt visas i förhandsgranskningen
- Se till att du förhandsgranskar med en händelse som matchar den data -källa du använde (t.ex. Started kassa för ett övergivet kundvagnsmeddelande).
- Bekräfta att Repeat for och Row alias exakt matchar Row collection och Row alias från originalet block.
Posten som borde hoppas över dyker fortfarande upp
Kontrollera stavning och versaler i ditt if-uttalande. Om produkten fortfarande visas betyder det att den uppfyller kriterierna i din if-sats, så din if-sats är inte korrekt konfigurerad. Läs mer om villkorlig logik i mall.
Utfall
När du har följt dessa steg kommer alla artiklar som inte uppfyller kriterierna i din if-sats inte att visas i meddelanden som övergiven kundvagn eller orderbekräftelse e-post.
Ytterligare resurser
- Referens för personanpassning av meddelanden
Lär dig hur du använder Klaviyo-malltaggar, eller etiketter, för att anpassa dina kunders upplevelse.
- Så här importerar du ett anpassat HTML-köpcentrum
Läs om hur du importerar en anpassad HTML-katalog till Klaviyo.