Shopify Email -kampanjoiden mukauttaminen Liquidin avulla

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

Voit käyttää mukautettua Liquid-muuttujaa Shopify Email -viestien parantamiseen luomalla mukautetun koodin sähköpostin tai lisäämällä malliin mukautetun Liquid-osion. Näiden vaihtoehtojen avulla voit syöttää mukautettua Liquid- tai HTML-koodia.

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.

Liquid-muuttujia tuetaan kaikissa sähköpostimalleissa

Voit mukauttaa kaikkia Shopify Email -viestejäsi Liquidilla seuraavien muuttujien avulla.

Shopify Emailin tukemien Liquid-muuttujien kuvaus
Muuttuja Oikeuksien kuvaus
all_products
Kauppasi kaikki tuotteet.
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.
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. Sen kautta saat pääsyn seuraaviin osoitteen ominaisuuksiin:
      • address1
      • address2
      • city
      • maa
      • puhelin
      • province
      • postinumero
      • brändäys näyttää kaupan brändäyksen. Sen kautta saat pääsyn seuraaviin ominaisuuksiin:
        • 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.

    Hylätyn ostoskorin sähköposti-ilmoitusten tukemat Liquid-muuttujat

    Seuraavien muuttujien avulla voit mukauttaa hylätyn ostoskorin Shopify Email -ilmoituksia Liquidilla.

    Muuttuja abandoned_checkout täyttää vain, jos sähköposti kuuluu hylätyn kassavaiheen markkinointiautomaatioon. Muussa tapauksessa muuttuja on null.

    Kuvaus hylättyä selausta, ostoskoria ja kassavaihetta koskevien Shopify-sähköpostiviestien tukemista Liquid-muuttujista
    Muuttuja Oikeuksien kuvaus
    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ä.
    id
    (checkout ID)
    Yksilöllinen kassamaksun tunnus sisäistä käyttöä varten.
    shop
    Shopify-kauppasi nimi.
    name
    Hylätyn kassavaiheen nimi, jota kutsutaan myös kassanumeroksi.
    total_price
    Tilauksen kokonaishinta (välisumma + toimituskulut - toimitusalennus + vero).
    shipping_price

    Toimitushinta.

    Esimerkki:{{ shipping_price | money }}

    shipping_address
    Toimitusosoite.
    billing_address
    Laskutusosoite.
    line_items
    Luettelo kaikista hylätyn kassamaksun rivikohdista.
    unavailable_line_items
    Luettelo kaikista hylätyn kassamaksun rivikohdista, jotka eivät ole käytettävissä.
    note
    Hylättyyn kassavaiheeseen liitetty kommentti.
    landing_site

    Asiakkaan käyttämän kohdesivun polku. Tämä on ensimmäinen sivu, jota asiakkaasi käytti kauppaan saapuessaan.

    Esimerkki: /products/great-product?ref=my-tracking-token

    landing_site_ref

    Poimii viiteparametrin kohdesivulta. Viiteparametrit voivat olla: ref, source, . r

    Jos saapumissivu on /products/great-product?ref=my-tracking-token, landing_site_ref on my-tracking-token. Voit toteuttaa tietyn toiminnon, jos viiteparametri on yhtä kuin tietty arvo:

     {% if landing_site_ref == 'my-tracking-token' %} Toimintani... {% endif %} 
    referring_site

    Sen suosittelijan URL-osoite, joka toi asiakkaan kauppaan.

    Esimerkki:https://www.google.com/?s=great+products

    created_at

    Päivämäärä ja kellonaika, jolloin asiakas loi hylkäämänsä kassavaiheen.

    closed_at

    Päivämäärä ja kellonaika, jolloin kassavaihe suljettiin.

    customer_locale
    Asiakkaan sijaintiin liittyvä kaksi- tai kolmekirjaiminen kielikoodi, jonka jälkeen saattaa tulla myös alueellinen määrite. Esimerkki:
    fi
    ,
    en-CA
    item_count
    Kaikkien tuotteiden määrien summa.
    unique_gateways
    Luettelo kassavaiheessa saatavilla olevista yksilöllisiä maksupalveluiden tarjoajista.
    discount
    Alennus, jota sovelletaan ostokoriin tai hylätyn kassavaiheen rivikohtaan.
    discounts
    Luettelo kassavaiheessa sovellettavista alennuksista.
    successfully_applied_discounts
    Alennukset, joita sovellettiin onnistuneesti kassavaiheessa.
    discounts_amount

    Kaikissa alennuksissa käytettävä alennuksen dollarimäärä.

    Esimerkiksi +5,00 $

    discounts_savings

    Alennuksien ansiosta säästetty dollarimäärä.

    Esimerkiksi -5,00 $

    buyer_accepts_marketing
    Palautukset
    tosi
    tai
    epätosi
    riippuen siitä, hyväksyikö asiakas markkinoinnin hylätyn kassavaiheen yhteydessä.
    subtotal_line_items
    Rivikohdat, joita käytetään välisumman hinnan laskemiseen kassavaiheessa ilman tippirivikohtia.
    requires_shipping
    Palautukset
    tosi
    jos kassalla on vähintään yksi tuote, joka edellyttää toimitusta.
    subtotal_price
    Rivikohtien välisumma kassalla.
    email
    Hylättyyn kassavaiheeseen liittyvä sähköpostiosoite.
    shop_name
    Kauppasi nimi.
    tax_lines

    Verot verotyypin mukaan eriteltyinä:

    {% for tax_line in tax_lines %} {{ tax_line.title }} ({{ tax_line.rate_percentage }}%) : {{ tax_line.price | money_with_currency }} {% endfor %}
    tax_price
    Kaikkien kassavaiheen rivikohtien verot yhteensä.
    attributes

    Kaikki hylättyyn kassavaiheeseen liitetyt ominaisuudet.

    Esimerkki:{{ attributes.gift-note }}

    shipping_method
    Lisätietoja kassavaiheessa saatavilla olevaista ensimmäisestä toimitusmenetelmästä.
    shipping_methods
    Kassavaiheessa saatavilla olevat toimitustavat.
    free
    Palautukset
    tosi jos kassavaiheen kokonaishinta on nolla.
    free_shipping
    Palautukset
    tosi
    jos kassavaihe ei edellytä toimitusta tai jos toimituskulut ovat nolla.
    different_billing_address
    Palautukset
    tosi
    tai
    epätosi
    sen mukaan, onko toimitusosoite sama kuin laskutusosoite.
    customer
    Asiakasobjekti, joka sisältää asiakkaan tuotoksen ominaisuudet.
    gift_cards
    Kassavaiheessa sovellettavat lahjakortit.
    gift_cards_amount
    Lahjakorteilla maksettava kassavaiheen summa.
    transactions
    Kassan tapahtumat.
    shareable_url
    Rivikohtien ensimmäisen tuotteen URL-osoite.
    shareable_title
    Ensimmäisen rivikohdan tuotenimike.
    total_tip
    Asiakkaan kassavaiheessa lisäämä kokonaistippi.
    discount_applications
    Kuvaa, miksi ja miten tuotteesta annettiin alennusta kassalla.
    cart_level_discount_applications
    Sovelletut ostoskorikohtaiset alennukset.
    currency
    Hylätyn kassavaiheen valuutta.
    line_items_subtotal_price
    Kaikkien kassavaiheen rivikohtien hintojen summa sen jälkeen, kun rivikohtiin on sovellettu alennuksia.

    Hylättyä selausta ja hylättyä ostoskoria koskevien sähköpostiviestien Liquid-muuttujat

    Muuttuja abandoned_visit.* täyttyy vain, jos sähköposti on osa hylätyn ostoskorin tai hylätyn tuoteselauksen markkinointiautomaatiota. Tarkista seuraavat ominaisuudet, joihin tämä muuttuja antaa käyttöoikeuden.

    Shopify Emailin tukemien Liquid-muuttujien kuvaus
    Muuttuja Oikeuksien kuvaus
    abandoned_visit.*

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

    • url näyttää hylätyn ostoskorin tai selauksen 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
      • image_alt_text
    • remaining_cart_products_count näyttää jäljellä olevien rivikohtien määrän, jos hylätyssä kassavaiheessa on enemmän kuin viisi rivikohtaa.

    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