Si të publikoni furnizimin tuaj të blogut Shopify në shabllonin tuaj të postës elektronike Klaviyo

Si të publikoni furnizimin tuaj të blogut Shopify në shabllonin tuaj të postës elektronike Klaviyo

Ne vazhdojmë të përmirësojmë dhe optimizojmë tonën ShopifyPlus përpjekjet e marketingut me email të klientit të modës duke përdorur Klaviyo. Klaviyo ka një integrim solid me Shopify që mundëson një sërë komunikimesh të lidhura me tregtinë elektronike që janë të ndërtuara paraprakisht dhe gati për të shkuar.

Çuditërisht, duke futur tuaj Shopify Postimet në Blog në një email NUK është një prej tyre, megjithatë! Duke i bërë gjërat edhe më të vështira… dokumentacioni për ndërtimin e këtij emaili nuk është i plotë dhe nuk dokumenton as redaktorin e tyre më të ri. Kështu që, Highbridge duhej të bënim disa gërmime dhe të kuptonim se si ta bënim vetë… dhe nuk ishte e lehtë.

Këtu është zhvillimi i nevojshëm për ta bërë këtë të ndodhë:

  1. Ushqim Blog – Furnizimi i atomit i ofruar nga Shopify nuk ofron ndonjë personalizim dhe as nuk përfshin imazhe, kështu që ne duhet të ndërtojmë një furnizim me porosi XML.
  2. Furnizimi i të dhënave të Klaviyo – Furnizimi XML që ndërtuam duhet të integrohet si furnizim i të dhënave në Klaviyo.
  3. Modeli i postës elektronike të Klaviyo – Më pas duhet të analizojmë furnizimin në një shabllon email-i ku imazhet dhe përmbajtja janë të formatuara siç duhet.

Ndërtoni një furnizim të personalizuar të blogut në Shopify

Unë isha në gjendje të gjeja një artikull me kod shembull për të ndërtuar një furnizim me porosi në Shopify për Mailchimp dhe bëri mjaft modifikime për ta pastruar atë. Këtu janë hapat për të ndërtuar një furnizim me porosi RSS në Shopify për blogun tuaj.

  1. Shkoni te tuajat Dyqani Online dhe zgjidhni temën në të cilën dëshironi të vendosni furnizimin.
  2. Në menynë Veprimet, zgjidhni Redakto kodin.
  3. Në menynë Files, lundroni te Modelet dhe klikoni Shto një shabllon të ri.
  4. Në dritaren Shto një shabllon të ri, zgjidhni Krijo një shabllon të ri për blog.

Shtoni furnizim të lëngshëm të blogut në Shopify për Klaviyo

  1. Zgjidhni llojin e shabllonit likuid.
  2. Për emrin e skedarit, kemi futur klaviyo.
  3. Në redaktuesin e kodit, vendosni kodin e mëposhtëm:

{%- 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. Përditësoni variablat e personalizuar sipas nevojës. Një shënim për këtë është se ne kemi vendosur madhësinë e imazhit në gjerësinë maksimale të emaileve tona, 600px gjerësi. Këtu është një tabelë e madhësive të imazhit të Shopify:

Shopify Emri i imazhit përmasat
Pico 16 px x 16 px
ikonë 32 px x 32 px
njolloj 50 px x 50 px
i vogël 100 px x 100 px
kompakt 160 px x 160 px
medium 240 px x 240 px
i madh 480 px x 480 px
i madh 600 px x 600 px
X 1024 1024 1024 px x 1024 px
X 2048 2048 2048 px x 2048 px
mjeshtër Imazhi më i madh në dispozicion

  1. Furnizimi juaj tani është i disponueshëm në adresën e blogut tuaj me vargun e pyetjeve të bashkangjitur për ta parë atë. Në rastin e klientit tonë, URL-ja e furnizimit është:

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

  1. Furnizimi juaj tani është gati për t'u përdorur! Nëse dëshironi, mund të lundroni tek ai në një dritare të shfletuesit për t'u siguruar që nuk ka gabime. Ne do të sigurohemi që ajo të analizohet siç duhet në hapin tonë të ardhshëm:

Shtoni burimin tuaj të blogut në Klaviyo

Për të përdorur furnizimin tuaj të ri të blogut në Klaviyo, ju duhet ta shtoni atë si një burim të dhënash.

  1. Shkoni tek Burimet e të dhënave
  2. zgjedh Shto furnizim të uebit
  3. Shkruani një Emri i furnizimit (nuk lejohen hapësira)
  4. Shkruani URL-ja e furnizimit që sapo keni krijuar.
  5. Futni metodën e kërkesës si GET
  6. Futni llojin e përmbajtjes si XML

Klaviyo Shto Feed Blog Shopify XML

  1. Kliko Përditëso furnizimin e të dhënave.
  2. Kliko Preview për t'u siguruar që furnizimi po mbushet saktë.

Shikoni paraprakisht furnizimin e blogut të Shopify në Klaviyo

Shtoni burimin tuaj të blogut në shabllonin tuaj të postës elektronike Klaviyo

Tani ne duam të ndërtojmë blogun tonë në shabllonin tonë të postës elektronike Klaviyo. Sipas mendimit tim, dhe arsyes pse na duhej një furnizim i personalizuar, më pëlqen një zonë e ndarë e përmbajtjes ku imazhi është në të majtë, titulli dhe fragmenti janë poshtë. Klaviyo ka gjithashtu mundësinë për ta shembur këtë në një kolonë të vetme në një pajisje celulare.

  1. Tërhiq një Blloku i ndarë në shabllonin tuaj të emailit.
  2. Vendosni kolonën tuaj të majtë në një Imazh dhe kolona juaj e djathtë në a Tekst bllok.

Blloku i ndarjes së Klaviyo për artikujt e postimeve në blog të Shopify

  1. Për imazhin, zgjidhni Imazh dinamik dhe vendosni vlerën në:

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

  1. Vendosni tekstin Alt në:

{{item.title}}

  1. Vendosni adresën e lidhjes në mënyrë që nëse pajtimtari i emailit klikon mbi imazhin, ai do t'i sjellë ato në artikullin tuaj.

{{item.link}}

  1. Zgjidhni kolona e djathtë për të vendosur përmbajtjen e kolonës.

Titulli dhe Përshkrimi i postimit të Klaviyo Blog

  1. Shtoni përmbajtje, sigurohuni që të shtoni një lidhje në titullin tuaj dhe të futni fragmentin tuaj të postimit.

<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. Zgjidhni Cilësimet e ndarjes Tab.
  2. Cakto në a Paraqitja 40% / 60%. për të ofruar më shumë hapësirë ​​për tekstin.
  3. Aktivizo Stack në celular dhe vendosur E djathta në të majtë.

Klaviyo Split Block për artikujt e postimeve në blog të Shopify të grumbulluar në celular

  1. Zgjidhni Opsione të ekranit Tab.

Klaviyo Split Block për Opsionet e Shfaqjes së Artikujve të Postimeve në Blog të Shopify

  1. Zgjidhni Përsëriteni përmbajtjen dhe vendosni burimin që keni krijuar në Klaviyo si burim në Përsëriteni Për fusha:

feeds.Closet52_Blog.rss.channel.item

  1. Vendos Pseudonimi i artikullit as artikull.
  2. Kliko Parashikimi dhe testimi dhe tani mund të shihni postimet tuaja në blog. Sigurohuni që ta provoni atë si në modalitetin desktop ashtu edhe në atë celular.

Klaviyo Split Block Preview dhe test.

Dhe, sigurisht, nëse keni nevojë për ndihmë Shopify optimizimi dhe Klaviyo implementime, mos hezitoni t'i drejtoheni Highbridge.

Zbulimi: Unë jam një partner në Highbridge dhe unë jam duke përdorur lidhjet e mia të filialeve Shopify Klaviyo në këtë artikull.