Kuidas avaldada oma Shopify ajaveebi voogu oma Klaviyo meilimallis

Shopify ajaveebi kanali avaldamine Klaviyo meilimallis

Jätkame oma täiustamist ja optimeerimist ShopifyPlus moekliendi meiliturunduse jõupingutusi kasutades Klaviyo. Klaviyol on kindel integratsioon Shopifyga, mis võimaldab palju e-kaubandusega seotud suhtlust, mis on eelehitatud ja kasutusvalmis.

Üllataval kombel sisestades oma Shopify ajaveebi postitused EI OLE aga üks neist! Asja veelgi keerulisemaks muutmine… selle meili koostamise dokumentatsioon ei ole põhjalik ega dokumenteeri isegi nende uusimat redaktorit. Niisiis, Highbridge pidime natuke kaevama ja ise välja mõtlema, kuidas seda teha... ja see ei olnud lihtne.

Siin on selle toimumiseks vajalik arendus:

  1. Blogi voog – Shopify pakutav atomivoog ei paku kohandamist ega sisalda pilte, seega peame looma kohandatud XML-voo.
  2. Klaviyo andmevoog – Meie loodud XML-voog tuleb Klaviyos andmevoona integreerida.
  3. Klaviyo meili mall – Seejärel peame voo sõeluma meilimalliks, kus pildid ja sisu on õigesti vormindatud.

Looge Shopifys kohandatud ajaveebi voog

Leidsin artikli koos näidiskoodiga a väljaehitamiseks kohandatud voog Shopifys eest MailChimp ja tegi selle puhastamiseks üsna palju muudatusi. Siin on sammud a ehitamiseks kohandatud RSS-voog oma ajaveebi Shopifys.

  1. Liikuge oma Online Store ja valige teema, millesse soovite kanali paigutada.
  2. Valige menüüst Toimingud Muuda koodi.
  3. Liikuge menüüs Failid valikule Mallid ja klõpsake nuppu Lisage uus mall.
  4. Valige aknas Lisa uus mall Looge uus mall eest blogi.

Lisage Shopify for Klaviyo jaoks vedel ajaveebivoog

  1. Valige Malli tüüp vedelik.
  2. Faili nime jaoks sisestasime klaviyo.
  3. Sisestage koodiredaktorisse järgmine kood:

{%- layout none -%}
{%- capture feedSettings -%}
  {% assign imageSize = 'grande' %}
  {% assign articleLimit = 5 %}
  {% assign showTags = false %}
  {% assign truncateContent = true %}
  {% assign truncateAmount = 30 %}
  {% assign forceHtml = false %}
  {% assign removeCdataTags = true %}
{%- endcapture -%}
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" 
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns:media="http://search.yahoo.com/mrss/"
  >
  <channel>
    <title>{{ blog.title }}</title>
    <link>{{ canonical_url }}</link>
    <description>{{ page_description | strip_newlines }}</description>
    <lastBuildDate>{{ blog.articles.first.created_at | date: "%FT%TZ" }}</lastBuildDate>
    {%- for article in blog.articles limit:articleLimit %}
    <item>
      <title>{{ article.title }}</title>
      <link>{{ shop.url }}{{ article.url }}</link>
      <pubDate>{{ article.created_at | date: "%FT%TZ" }}</pubDate>
      <author>{{ article.author | default:shop.name }}</author>
      {%- if showTags and article.tags != blank -%}<category>{{ article.tags | join:',' }}</category>{%- endif -%}
      {%- if article.excerpt != blank %}
      <description>{{ article.excerpt | strip_html | truncatewords: truncateAmount | strip }}</description>
      {%- else %}
      <description>{{ article.content | strip_html | truncatewords: truncateAmount | strip }}</description>
      {%- endif -%}
      {%- if article.image %}
      <media:content type="image/*" url="https:{{ article.image | img_url: imageSize }}" />
      {%- endif -%}
    </item>
    {%- endfor -%}
  </channel>
</rss>

  1. Vajadusel värskendage kohandatud muutujaid. Üks märkus selle kohta on see, et oleme määranud pildi suuruseks oma e-kirjade maksimaalse laiuse, laiusega 600 pikslit. Siin on Shopify piltide suuruste tabel:

Shopify pildi nimi Mõõdud
pico 16px x 16px
ikoon 32px x 32px
pöial 50px x 50px
väike 100px x 100px
kompaktne 160px x 160px
keskmine 240px x 240px
suur 480px x 480px
suur 600px x 600px
1024 X 1024 1024px x 1024px
2048 X 2048 2048px x 2048px
meister Suurim saadaolev pilt

  1. Teie voog on nüüd saadaval teie ajaveebi aadressil ja selle vaatamiseks on lisatud päringustring. Meie kliendi puhul on voo URL:

https://closet52.com/blogs/fashion?view=klaviyo

  1. Teie voog on nüüd kasutamiseks valmis! Soovi korral saate selleni brauseriaknas navigeerida, et tagada vigade puudumine. Järgmises etapis tagame selle nõuetekohase sõelumise:

Lisage oma ajaveebi voog Klaviyosse

Oma uue ajaveebi voo kasutamiseks Klaviyo, peate selle andmevoona lisama.

  1. Liigu Andmevood
  2. valima Lisa veebivoog
  3. Märkida Voo nimi (tühikud pole lubatud)
  4. Märkida Voo URL mille just lõite.
  5. Sisestage päringumeetod kui GET
  6. Sisestage sisutüüp kui XML

Klaviyo Lisa Shopify XML-i ajaveebi voog

  1. Click Värskendage andmevoogu.
  2. Click Eelvaade et tagada voo õige täitumine.

Shopify ajaveebi voo eelvaade Klaviyos

Lisage oma ajaveebi voog oma Klaviyo meilimallile

Nüüd tahame oma ajaveebi ehitada oma meilimalliks Klaviyo. Minu arvates ja põhjus, miks me vajasime kohandatud voogu, meeldib mulle jagatud sisuala, kus pilt on vasakul, pealkiri ja väljavõte on all. Klaviyol on ka võimalus see mobiilseadmes ühte veergu ahendada.

  1. Lohistage a Tükeldatud plokk oma meilimalli.
  2. Määrake vasakpoolseks veeruks an pilt ja teie parem veerg a-sse tekst blokeerida.

Klaviyo jagatud plokk Shopify ajaveebipostituste artiklite jaoks

  1. Pildi jaoks valige Dünaamiline pilt ja määrake väärtuseks:

{{ item|lookup:'media:content'|lookup:'@url' }}

  1. Määra alternatiivtekst:

{{item.title}}

  1. Määrake lingi aadress nii, et kui e-posti tellija klõpsab pildil, toob see ta teie artikli juurde.

{{item.link}}

  1. Valige parem veerg veeru sisu määramiseks.

Klaviyo ajaveebi postituse pealkiri ja kirjeldus

  1. Lisage oma sisu, lisage oma pealkirjale kindlasti link ja sisestage postituse väljavõte.

<div>
<h3 style="line-height: 60%;"><a style="font-size: 14px;" href="{{ item.link }}">{{item.title}}</a></h3>
<p><span style="font-size: 12px;">{{item.description}}</span></p>
</div>

  1. Valige Jagamise seaded Tab.
  2. Määra a 40% / 60% paigutus tekstile rohkem ruumi andmiseks.
  3. Võimaldama Stack mobiilis ja seatud Paremalt vasakule.

Klaviyo Split Block Shopify ajaveebipostituse artiklite jaoks, mis on virnastatud mobiilis

  1. Valige Kuva suvandid Tab.

Klaviyo jagatud plokk Shopify ajaveebipostituse artiklite kuvamisvalikud

  1. Valige Sisu kordamine ja lisage allikaks Klaviyos loodud voog Korrake jaoks väli:

feeds.Closet52_Blog.rss.channel.item

  1. Määrake Kauba varjunimi as kirje.
  2. Click Eelvaade ja testimine ja nüüd näete oma ajaveebi postitusi. Testige seda kindlasti nii laua- kui ka mobiilirežiimis.

Klaviyo jagatud ploki eelvaade ja testimine.

Ja muidugi, kui vajate abi Shopify optimeerimine ja Klaviyo rakendusi, ärge kartke ühendust võtta Highbridge.

Avalikustamine: ma olen partner Highbridge ja ma kasutan oma sidusettevõtte linke Shopify ja Klaviyo selles artiklis.