Indholdsblokke: produkt, rabat, nedtælling, sporing og mere
Få Shopify Flow-emails med produktkort, rabatkoder, nedtælling og ordresporing. Byg blokkene med Liquid-variabler i den visuelle builder.
Version 1.17 tilføjer tretten indholdsblokke og to layoutblokke til den visuelle builder. Alle tekstfelter i disse blokke understøtter Liquid, så en produkttitel eller et sporingsnummer kan hentes fra arbejdsgangen via {{ variables.xxx }}, og arbejdsområdet viser hver blok gengivet med dine testvariabler.
Blokke sammensat af dele
Produktkortet, rabatfeltet, kundevurderingen, signaturen, videoen og ordresporingsblokken er opbygget af de grundlæggende blokke, du allerede kender, på samme måde som blokken »Billede + tekst« er. Åbn en af dem, og i indstillingspanelet vises dens dele: et billede, en overskrift, en tekst, en pris og en knap. Klik på en del for at redigere den med alle indstillingerne for den pågældende blok (billedbredde og justering, overskriftsniveau, formatering af formateret tekst, knapstil og hjørneradius); brug øjeikonet til at skjule en del, du ikke har brug for. Under delene finder du indstillingerne for selve blokken, f.eks. kortlayoutet eller rammestilen.
Produkt
Et produktkort. Komponenter: billede (upload eller et link, f.eks. {{ variables.product_image }}), titel, beskrivelse (skjult, indtil du aktiverer den), pris med en valgfri sammenligningspris vist med en gennemstregning samt en knap. Linket omfatter billedet og titlen; knappen har sit eget link. Layoutet placerer billedet over teksten eller ved siden af den, med billedets bredde og den lodrette justering for rækken. Brug det til et fremhævet produkt i en ordre- eller genvindings-e-mail.
Pris
En prislinje for sig selv: prisen i fed skrift, en valgfri sammenligningspris, der er gennemstreget foran den, størrelse, farve og justering. Det er prisdelen af produktkortet, som kan ses overalt.
Produktoversigt
To eller tre kort pr. række fra en liste i dine variabler, på samme måde som tabellen med varelinjer fungerer. Vælg variablen i »Point List« (f.eks. variables.products), og angiv derefter navnet på den egenskab, der indeholder hvert felt: title, price, compare_at_price, image, url. Hver post bliver til et kort med en knap i den stil og med den hjørneradius, du vælger; manglende billeder eller links udelades blot. Udfyld listen fra Shopify Flow med et »Kør kode«-trin eller ordrens varelinjer.
Rabatkode
En kodeboks med en overskrift, en beskrivelse og en knap som komponenter, indrammet af en stiplet, hel eller almindelig ramme. Der er to måder at udfylde den på:
- En kode, der allerede findes: Indtast den (eller en variabel). Knappen fører til din butik, hvor koden anvendes ved checkout, medmindre du angiver et eget link til den.
- Opret en unik kode til hver e-mail: Appen opretter en engangskode til rabat i din butik, når e-mailen sendes. Koden hedder »
PREFIX-XXXXXX« og indeholder den procentdel eller det beløb, gyldighedsperioden i dage, minimumsbeløbet for delbeløbet samt den regel om én gang pr. kunde, som du har angivet. Koden vises i »Historik« sammen med afsendelsen, og under »Genudsend« for e-mailen vises den samme kode. En marketing-e-mail får én kode pr. modtager.
For at oprette koder kræves tilladelsen »Rabatter«, som blokken anmoder om på stedet, og som du kan trække tilbage på siden »Tilladelser« (Tilladelser: Hvad appen har adgang til i din butik). Appen opretter kun koder; den læser, ændrer eller sletter aldrig andre rabatter. I en test-e-mail vises der en pladsholder i stedet for, at der oprettes en kode.
Nedtælling
En live nedtælling til en dato og et klokkeslæt. I e-mailen vises der et animeret billede, som appen genererer, når e-mailen åbnes, så nedtællingen foregår direkte i indbakken; hos en klient, der blokerer billeder, vises teksten ved siden af. »Ends at« tager en dato med tidszone (2026-12-24T23:59:00+01:00) eller en variabel. Fire stilarter: kasser, vendekort, minimalistisk og tekst; tre størrelser; dine egne etiketter og farver; samt en tekst, der erstatter nedtællingen, når tiden er gået.
Ordrestatus
Transportør og sporingsnummer, en statusbjælke og to dele: en »Spor«-knap (den åbner sporingslinket, medmindre du angiver et andet) og en note, f.eks. den forventede leveringstid, som er skjult, indtil du har brug for den. Shopify, IN_TRANSIT, OUT_FOR_DELIVERY, DELIVERED og de øvrige) eller et trin-nummer og fremhæver de trin, der ligger op til det. Trinbetegnelserne er dine egne; der kan være mellem to og seks af dem.
Stjerneklassificering
Stjerner baseret på et tal ({{ variables.rating }}), afrundet til hele tal, hvor de øvrige er nedtonede, med en tekst ved siden af og et valgfrit link, f.eks. til din anmeldelsesside. Brug det sammen med en e-mail med anmodning om en anmeldelse.
Kundeudtalelse
Et citat og en forfatterangivelse som tekstdele samt et valgfrit foto - som et kort, med en farvet accentbjælke eller i en enkel udgave.
Sociale medier
En række netværksikoner (Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest og flere), med angivelse af størrelse og afstand. De samme ikoner, som benyttes i sidefoden.
Video
E-mails kan ikke afspille videoer, så dette blok viser et miniaturebillede med en afspilningsknap, der linker til videosiden, samt en valgfri billedtekst nedenunder. Afspilningsknappen kan være mørk, lys eller i brandfarven, og du kan selv vælge miniaturebilledets højde og bredde. I Outlook til Windows vises miniaturebilledet ikke bag afspilningsknappen, men linket fungerer stadig.
Underskrift
Et foto, et navn (en overskrift) og oplysningerne (en tekst: stillingsbetegnelse, virksomhed, telefonnummer, e-mail, hjemmeside), hvor fotoet kan være rundt eller firkantet og placeres til venstre eller ovenfor. Standardindstillingerne bruger {{ shop.name }} og {{ shop.email }}.
Tabel
En lille datatabel til ordreoplysninger eller specifikationer. Hver celle indeholder en variabel, den første række kan være en overskrift, og rækkerne kan være stribede.
Vis i browseren
Den sædvanlige sætning »Se denne e-mail i din browser«. Linket åbner en webversion af netop denne e-mail, der er gengivet ud fra afsenderens layout og data, og som er tilgængelig i 30 dage. En test-e-mail indeholder et link til layoutet med dets testvariabler.
Kolonner
To, tre eller fire lige store kolonner, hver med sine egne blokke: tre produktkort side om side eller ikoner med en tekstlinje under hvert ikon.
Vis, hvis
Et afsnit, der kun vises, når en betingelse for dine variabler er opfyldt. Indtast betingelsen på den måde, Liquid læser den: variables.total > 100, language == "de", variables.tags contains "vip". Canvas-systemet vurderer betingelsen ud fra dine testvariabler og nedtoner afsnittet, hvis det ellers ville blive udeladt. Placer blokkene indeni det, ligesom du ville gøre i en kolonne.
Relateret
- Opret et e-mail-layout - bygherren og alle de øvrige blokke.
- Overførsel af data fra Shopify Flow - indtastning af værdierne.
- Tilladelser: Hvad appen har adgang til i din butik - tilladelsen »Rabatter«.