Mukautetun Liquid-osan lisääminen Shopify Email -kampanjoihin

Voit lisätä mukautettua koodausta Shopify Email -viesteihin lisäämällä mukautetun Liquid-osan tai luomalla täysin mukautetun sähköpostiviestikoodin. Näiden vaihtoehtojen avulla voit syöttää mukautettua Liquid- tai HTML-koodia.

Liquid on Shopifyn yksinkertainen ja helppokäyttöinen ohjelmointikieli, ja se on sama ohjelmointikieli, jolla Shopify Theme Storen teemat on luotu.

Mukautetun Liquidin avulla voit näyttää mukautettuja resursseja, kuten vierekkäisiä kuvia, mukautettuja painikkeita, mukautetun kokoisia kuvia ja mukautettuja osion kokoja.

Huomioitavaa

Tarkista seuraavat seikat, ennen kuin alat käyttää mukautettua Liquid-koodia Shopify Email ‑viesteissä:

  • Mukautetun Liquidin on tuettava koodiin sisällytettäviä muuttujia.
  • Voit luoda mukautetun Liquid-osion vain tietokoneella.
  • Mukautetuissa Liquid-sähköpostiviestissä tarvitaan unsubscribe_link. Jos olet aktivoinut avaamisen seurannan, myös open_tracking-muuttuja on pakollinen. Lue lisää pakollisten muuttujien lisäämisestä sähköpostiisi.
  • Syötetyllä koodilla on seuraavat rajoitukset:
    • Mukautettujen Liquid-osien koko enintään 50 kilotavua (KB).
    • Enintään 500 kilotavua mukautetuille koodatuille Liquid-sähköposteille.

Tuetuissa Liquid tuetut Liquid-muuttujat

Voit mukauttaa Shopify-sähköpostiviestejä Liquidilla seuraavien muuttujien avulla.

Shopify Emailin tukemien Liquid-muuttujien kuvaus
Muuttuja Oikeuksien kuvaus
unsubscribe_link
Tämä muuttuja antaa pääsyn tilauksen peruuttamislinkkiin. Tämä muuttuja on pakollinen, jos luot mukautetusti koodatun sähköpostin.
open_tracking
Tämä muuttuja antaa pääsyn esimuotoiltuun avoimen seurannan lohkoon. Tämä muuttuja on pakollinen, jos luot mukautetusti koodatun sähköpostin ja olet aktivoinut avoimen seurannan.
abandoned_checkout

Tämä muuttuja mahdollistaa seuraavat hylätyn kassavaiheen ominaisuudet:

  • url näyttää hylätyn kassavaiheen URL-osoitteen.
  • line_items näyttää hylätyn kassavaiheen viisi ensimmäistä rivikohtaa.Lisäksi jokainen line_items-objekti sisältää seuraavat kunkin tuotteen ominaisuudet:
    • image_url
    • product_title
    • variant_title
    • quantity
  • remaining_products_count näyttää jäljellä olevien rivikohtien määrän, jos hylätyssä kassavaiheessa on enemmän kuin viisi riviä.
  • Muuttuja abandoned_checkout täyttää vain, jos sähköposti kuuluu hylätyn kassavaiheen markkinointiautomaatioon. Muussa tapauksessa muuttuja on null.

abandoned_visit

Tämä muuttuja mahdollistaa seuraavat hylätyn ostoskorin tai selauksen ominaisuudet:

  • url näyttää hylätyn kassavaiheen URL-osoitteen.
  • products_added_to_cart näyttää viisin ensimmäistä hylätyn käynnin ostoskoriin lisättyä tuoterivikohtaa.Lisäksi jokainen products_added_to_cart-objekti sisältää seuraavat kunkin tuotteen ominaisuudet:
    • otsikko
    • image_url
    • variant_title
    • quantity
  • products_viewed näyttää viisi ensimmäistä tuotetta, jotka on katsottu hylätyn käynnin aikana.Lisäksi jokainen products_viewed-objekti sisältää seuraavat kunkin tuotteen ominaisuudet:
    • otsikko
    • kuvaus
    • image_url
    • url
  • remaining_cart_products_count näyttää jäljellä olevien rivikohtien määrän, jos hylätyssä kassavaiheessa on enemmän kuin viisi rivikohtaa.
  • Muuttuja abandoned_visit täyttää vain, jos sähköposti kuuluu hylätyn ostoskorin tai hylätyn tuoteselauksen markkinointiautomaatioon. Muussa tapauksessa muuttuja on null.

data.customer.*

Tämä muuttuja mahdollistaa seuraavat asiakastietojen ominaisuudet:

  • first_name (etunimi)
  • last_name (sukunimi)
  • sähköposti
  • city
  • Valtion
  • maa
  • Näitä ominaisuuksia ei voi käyttää Liquid-suodattimissa tai Liquid-ehdoissa.

    email.*

    Tämä muuttuja mahdollistaa seuraavat sähköpostin ominaisuudet:

  • subject näyttää sähköpostiviestin aiherivin.
  • preview_text näyttää sähköpostiviestin esikatselutekstin.
  • shop.*
    Tämä muuttuja mahdollistaa seuraavat kaupan ominaisuudet:
  • name näyttää kaupan nimen.
  • domain näyttää kaupan ensisijaisen verkkotunnuksen.
  • url näyttää kaupan URL-osoitteen.
  • shopify_domain näyttää kaupan Shopify-verkkotunnuksen.
    • address näyttää kaupan osoitteen, joka asettaa näkyviin seuraavat osoitteen ominaisuudet:
      • address1
      • address2
      • city
      • maa
      • puhelin
      • province
      • postinumero
      • branding näyttää kaupan brändäyksen, joka sisältää seuraavat ominaisuudet:
        • accent_section_color
        • background_primary_color
        • background_border_color
        • body_text_color
        • button_background_and_link_color
        • button_label_color
        • footer_link_color
        • footer_text_color
        • footer_background_color
        • social_link_facebook
        • social_link_twitter
        • social_link_instagram
        • social_link_pinterest
        • shop_name
        • logo, joka renderöidään suoraan img-tunnisteena.

    Pakollisten muuttujien käyttäminen

    Kun luot mukautetun Liquid-sähköpostin, unsubscribe_link-muuttuja on pakollinen. Jos olet aktivoinut avaamisen seurannan, myös open_tracking-muuttuja on pakollinen.

    Vaikka nämä muuttujat voidaan lisätä minne tahansa sähköpostin koodiin, sähköpostin alatunniste-osa on yleisin paikka seuraavan esimerkin tapaan:

    <div id="footer">{{ unsubscribe_link }} {{ open_tracking_block }}</div>

    Esimerkki mukautetusta Liquid-koodista

    Voit lisätä mukautettua Liquid- ja HTML-koodia koodieditoriin. Seuraava koodi on esimerkki siitä, miten voit lisätä Liquid-koodin, joka näyttää kauppasi nimen, mukautetun painikkeen ja mukautetun kokoisen kuvan sähköpostiviestissä.

    <style>
      body {
        text-align: center;
      }
    
      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#footer {
        font-weight: 700;
        font-size: 16px;
        font-family: 'Futura';
        padding: 2rem;
      }
    
      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 id="footer">{{ unsubscribe_link }} {{ open_tracking_block }}</div>
    </div>

    Valmiina aloittamaan Shopifyssa?

    Kokeile ilmaiseksi