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.

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

    abandoned_visit.* ‑muuttuja 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