Sådan tilføjer du et tilpasset Liquid-afsnit i Shopify Email
Hvis du tilføjer et tilpasset Liquid-afsnit , kan du indtaste tilpasset Liquid eller HTML i dine beskeder i Shopify Email.
Liquid er Shopifys enkle og brugervenlige programmeringssprog og det samme programmeringssprog, som temaerne fra Shopifys temabutik er udviklet med.
Du kan bruge det tilpassede Liquid-afsnit til at vise tilpassede aktiver, som f.eks. billeder side om side, tilpassede knapper, billeder i tilpasset størrelse og tilpassede afsnitsstørrelser.
På denne side
Overvejelser
Gennemgå følgende overvejelser, før du begynder at føje tilpasset Liquid til dine beskeder i Shopify Email.
- De variabler, som du inkluderer i din kode, skal understøttes af afsnittet Tilpasset Liquid.
- Den kode, du har indtastet, må ikke være større end 50 KB.
- Du kan kun bruge en computer til at oprette et tilpasset Liquid-afsnit.
Liquid-variabler, der understøttes i afsnittet Tilpasset Liquid
Du kan bruge følgende variabler til at tilpasse dine Shopify-mailbeskeder i afsnittet Tilpasset Liquid.
Variabel | Beskrivelse |
---|---|
abandoned_checkout |
Denne variabel giver adgang til følgende egenskaber for en forladt betaling:
Variablen |
abandoned_visit |
Denne variabel giver adgang til følgende egenskaber for en forladt indkøbskurv eller browsing:
Variablen |
data.customer.* |
Denne variabel giver adgang til følgende egenskaber for kundedata: first_name last_name mail by status land Disse egenskaber kan ikke bruges i Liquid-filtre eller Liquid-betingelser. |
email.* |
Denne variabel giver adgang til følgende mailegenskaber: subject viser emnelinjen i mailen.preview_text viser forhåndsvisningen af mailen. |
shop.* |
Denne variabel giver adgang til følgende butiksegenskaber:
name viser butikkens navn.domain viser butikkens primære domæne.url viser butikkens webadresse.shopify_domain viser Shopify-domænet.
|
Eksempel på tilpasset Liquid-kode
Når du har føjet et tilpasset Liquid-afsnit til din mailskabelon, kan du tilføje din tilpassede Liquid- eller HTML-kode i kodeeditoren.
Følgende kode er et eksempel på, hvordan du kan tilføje Liquid-kode for at få vist dit butiksnavn, en tilpasset knap og et tilpasset billede i en mailbesked.
<style>
p#welcome {
margin: 0;
padding: 3rem;
color: white;
font-weight: 700;
font-size: 26px;
font-family: 'Futura';
}
div#image_wrapper img {
max-width: 70%;
border-radius: 60px;
box-shadow: -2px 6px 0px rgba(227, 111, 59, 0.7);
}
div#button_wrapper {
padding: 1rem;
}
div#button_wrapper a {
padding: 1rem 2rem;
border-radius: 24px;
display: inline-block;
background: linear-gradient(120deg, #F6A179, #865CFF);
box-shadow: -2px 4px 0px rgba(96, 54, 173, 0.9);
font-weight: 700;
font-size: 16px;
font-family: 'Futura';
color: white;
}
div#button_wrapper:hover a {
box-shadow: -4px 6px 0px rgba(96, 54, 173, 0.8);
}
div#custom_section {
background: linear-gradient(120deg, #FF9F73, #FFC7AD);
padding:0 0 2rem 0;
border-radius: 4rem;
}
</style>
<div id="custom_section">
<p id="welcome">
Hello from {{shop.name}}<strong></strong>!
</p>
<div id="image_wrapper">
<img src="https://burst.shopifycdn.com/photos/a-trio-of-natural-soaps.jpg" alt="" />
</div>
<div id="button_wrapper">
<a href="">Shop now</a>
</div>
</div>