Inhoudsblokken: product, korting, aftelling, tracking en meer
Productkaart, kortingscode, aftelling en ordertracking als kant-en-klare blokken voor e-mails via Shopify Flow.
Versie 1.17 voegt dertien inhoudsblokken en twee lay-outblokken toe aan de visuele builder. Elk tekstveld daarin ondersteunt Liquid, zodat een producttitel of een trackingnummer via {{ variables.xxx }} vanuit de workflow kan worden opgehaald, en op het canvas wordt elk blok weergegeven met uw testvariabelen.
Blokken bestaande uit onderdelen
De productkaart, het vak voor kortingen, de klantbeoordeling, de handtekening, de video en het blok voor het volgen van bestellingen zijn opgebouwd uit de basisblokken die u al kent, net zoals het blok ‘Afbeelding + Tekst’. Open er een en in het instellingenpaneel ziet u de onderdelen: een afbeelding, een kop, een tekst, een prijs en een knop. Klik op een onderdeel om het te bewerken met de volledige instellingen van dat blok (afbeeldingsbreedte en uitlijning, koptekstniveau, opmaak van rijke tekst, knopstijl en hoekradius); gebruik het oogpictogram om een onderdeel te verbergen dat u niet nodig hebt. Onder de onderdelen vindt u de instellingen van het blok zelf, zoals de lay-out van de kaart of de kaderstijl.
Product
Eén productkaart. Onderdelen: afbeelding (uploaden of een link, zoals {{ variables.product_image }}), titel, beschrijving (verborgen totdat u deze inschakelt), prijs met een optionele doorstreepte vergelijkingsprijs, en een knop. De link omvat zowel de afbeelding als de titel; de knop heeft een eigen link. De lay-out plaatst de afbeelding boven of naast de tekst, waarbij de breedte van de afbeelding en de verticale uitlijning van de rij worden bepaald. Gebruik dit voor een uitgelicht product in een e-mail voor bestellingen of voor terugwervingsactiviteiten.
Prijs
Een prijsregel op zichzelf: de prijs in vetgedrukte letters, met daarvoor eventueel een doorgestreepte vergelijkingsprijs, de maat, de kleur en de uitlijning. Dit is het prijsgedeelte van de productkaart, dat overal te zien is.
Productoverzicht
Twee of drie kaarten per rij uit een lijst in uw variabelen, op dezelfde manier als de tabel met artikelen werkt. Wijs ‘List’ naar de variabele (bijvoorbeeld variables.products) en geef vervolgens de eigenschap een naam die elk veld bevat: title, price, compare_at_price, image, url. Elke vermelding wordt een kaart met een knop in de door u gekozen stijl en met de door u gekozen hoekradius; een ontbrekende afbeelding of link wordt eenvoudigweg weggelaten. Vul de lijst vanuit Shopify Flow aan met een stap ‘Code uitvoeren’ of met de artikelen van de bestelling.
Kortingscode
Een codevak met als onderdelen een koptekst, een beschrijving en een knop, in een gestreepte, ononderbroken of effen kader. Er zijn twee manieren om het in te vullen:
- Een code die al bestaat: voer deze in (of een variabele). De knop verwijst naar uw winkel, waarbij de code bij checkout wordt toegepast, tenzij u er een eigen link aan toekent.
- Maak voor elke e-mail een unieke code aan: de app genereert bij het verzenden van de e-mail een kortingscode voor eenmalig gebruik in uw winkel, met de naam
PREFIX-XXXXXX, waarbij het percentage of bedrag, de geldigheidsduur in dagen, het minimale subtotaal en de door u ingestelde regel ‘één keer per klant’ worden opgenomen. De code verschijnt in de Geschiedenis bij de verzending, en bij ‘Opnieuw verzenden’ van de e-mail wordt dezelfde code weergegeven. Een marketing-e-mail bevat één code per ontvanger.
Voor het aanmaken van codes is de machtiging ‘Kortingen’ vereist; het blok vraagt hier ter plekke om en u kunt deze machtiging intrekken op de pagina ‘Machtigingen’ (Toestemmingen: welke gegevens de app uit uw winkel mag lezen). De app maakt uitsluitend codes aan; zij leest, wijzigt of verwijdert nooit andere kortingen. In een test-e-mail wordt een tijdelijke aanduiding weergegeven in plaats van dat er een code wordt aangemaakt.
Aftellen
Een live aftelling naar een datum en tijdstip. In de e-mail gaat het om een geanimeerde afbeelding die de app weergeeft wanneer de e-mail wordt geopend, zodat de aftelling in de inbox plaatsvindt; een e-mailclient die afbeeldingen blokkeert, toont de tekst ernaast. Het veld ‘Eindigt op’ accepteert een datum met tijdzone (2026-12-24T23:59:00+01:00) of een variabele. Vier stijlen: vakjes, omdraaikaarten, minimalistisch en tekst; drie formaten; uw eigen labels en kleuren; en een tekst die de aftelling vervangt zodra de tijd is verstreken.
Bestelling volgen
Vervoerder en trackingnummer, een voortgangsbalk en twee onderdelen: een knop ‘Volgen’ (deze opent de trackinglink, tenzij u een andere link opgeeft) en een opmerking, zoals de geschatte leverdatum, die verborgen blijft totdat u deze nodig hebt. De verzendstatus haalt de status Shopify uit Shopify Flow (IN_TRANSIT, OUT_FOR_DELIVERY, DELIVERED en de overige) of een stapnummer, en markeert de stappen die daaraan voorafgaan. De staplabels zijn door u zelf te bepalen; u kunt er twee tot zes gebruiken.
Sterrenbeoordeling
Sterren op basis van een cijfer ({{ variables.rating }}), afgerond op hele sterren, waarbij de rest grijs wordt weergegeven, met een tekst ernaast en een optionele link, bijvoorbeeld naar uw beoordelingspagina. Gebruik dit in combinatie met een e-mail waarin u om een beoordeling vraagt.
Getuigenis
Een citaat en een auteursvermelding als tekstonderdelen, aangevuld met een optionele foto, in de vorm van een kaart, met een gekleurde accentbalk of zonder versiering.
Sociale media
Een rij met netwerkpictogrammen (Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest en meer), met aangepaste grootte en tussenruimte. Dezelfde pictogrammen die in de voettekst worden gebruikt.
Video
E-mail ondersteunt geen videoweergave; daarom toont dit blok de miniatuurafbeelding met een afspeelknop die naar de videopagina linkt, en daaronder een optioneel bijschrift. De afspeelknop kan donker, licht of in de huisstijlkleur worden weergegeven; ook de hoogte en breedte van de miniatuurafbeelding kunnen worden aangepast. In Outlook voor Windows wordt de miniatuurafbeelding niet achter de afspeelknop weergegeven; de link blijft echter wel werken.
Handtekening
Een foto, een naam (een koptekst) en de gegevens (een tekst: functie, bedrijf, telefoonnummer, e-mailadres, website), waarbij de foto rond of vierkant is en links of bovenaan wordt weergegeven. Standaard worden {{ shop.name }} en {{ shop.email }} gebruikt.
Tabel
Een kleine gegevenstabel voor gegevens over bestellingen of specificaties. Elke cel bevat een variabele; de eerste rij kan een koptekst zijn en de rijen kunnen afwisselend zijn ingedeeld.
In de browser bekijken
De gebruikelijke zin „Bekijk deze e-mail in uw browser”. De link opent een webversie van precies die e-mail, die gedurende 30 dagen wordt weergegeven op basis van de opmaak en de gegevens van de verzending. Een test-e-mail bevat een link naar de opmaak met de bijbehorende testvariabelen.
Rijen
Twee, drie of vier gelijke kolommen, elk met hun eigen blokken: drie productkaarten naast elkaar, of pictogrammen met onder elk een regel tekst.
Weergeven als
Een sectie die alleen wordt weergegeven wanneer een voorwaarde met betrekking tot uw variabelen waar is. Voer de voorwaarde in zoals Liquid deze interpreteert: variables.total > 100, language == "de", variables.tags contains "vip". Het canvas evalueert deze aan de hand van uw testvariabelen en verduistert de sectie wanneer deze zou worden weggelaten. Plaats de blokken hierin op dezelfde manier als in een kolom.
Gerelateerd
- Een e-mailopmaak ontwerpen - de builder en alle andere blokken.
- Gegevens doorgeven vanuit Shopify Flow - het invoeren van de waarden.
- Toestemmingen: welke gegevens de app uit uw winkel mag lezen - de machtiging ‘Kortingen’.