Kif Tippubblika l-Feed tal-Blog Shopify Tiegħek Fil-Mudell tal-Email Klaviyo Tiegħek

Kif Tippubblika l-Feed tal-Blog Shopify Tiegħek Fil-Mudell tal-Email Klaviyo Tiegħek

Aħna nkomplu ntejbu u ottimizzaw tagħna ShopifyPlus klijenti tal-moda email marketing sforzi bl-użu Klaviyo. Klaviyo għandu integrazzjoni soda ma 'Shopify li tippermetti ton ta' komunikazzjonijiet relatati mal-kummerċ elettroniku li huma mibnija minn qabel u lesti biex jibdew.

B'mod sorprendenti, daħħal tiegħek Shopify Blog Posts f'email MHIX wieħed minnhom, għalkemm! Nagħmlu l-affarijiet saħansitra aktar diffiċli... id-dokumentazzjoni għall-bini ta 'din l-email mhix bir-reqqa u lanqas tiddokumenta l-editur l-aktar ġdid tagħhom. Allura, Highbridge kellna nagħmlu xi tħaffir u nsibu kif nagħmluh aħna... u ma kienx faċli.

Hawn l-iżvilupp meħtieġ biex dan iseħħ:

  1. Għalf tal-Blog – L-atom feed ipprovdut minn Shopify ma jipprovdi l-ebda customization u lanqas ma jinkludi immaġini, għalhekk irridu nibnu għalf XML personalizzat.
  2. Klaviyo Data Feed – Il-feed XML li bnejna jeħtieġ li jiġi integrat bħala għalf tad-dejta fi Klaviyo.
  3. Mudell tal-Email Klaviyo – Imbagħad irridu naqsbu l-għalf f’mudell ta’ email fejn l-immaġini u l-kontenut huma fformattjati kif suppost.

Ibni Blog Custom Feed Fi Shopify

Stajt insib artiklu b'kodiċi eżempju biex nibni a għalf tad-dwana f'Shopify għall MailChimp u għamel pjuttost ftit edits biex tnaddafha. Hawn huma l-passi biex tinbena a RSS feed tad-dwana fi Shopify għall-blog tiegħek.

  1. Innaviga għal tiegħek Online Aħżen u agħżel it-tema li tixtieq tpoġġi l-għalf fiha.
  2. Fil-menu Azzjonijiet, agħżel Edit Kodiċi.
  3. Fil-menu Fajls, innaviga lejn Templates u kklikkja Żid mudell ġdid.
  4. Fit-tieqa Żid mudell ġdid, agħżel Oħloq mudell ġdid għall blog.

Żid għalf likwidu tal-blog ma' Shopify għal Klaviyo

  1. Agħżel it-tip ta' Template ta' likwidu.
  2. Għall-Isem tal-Fajl, dħalna klaviyo.
  3. Fl-editur tal-kodiċi, poġġi l-kodiċi li ġej:

{%- 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. Aġġorna l-varjabbli tad-dwana kif meħtieġ. Nota waħda dwar dan hija li stajna d-daqs tal-immaġini għall-wisa 'massimu tal-emails tagħna, 600px wiesgħa. Hawnhekk hawn tabella tad-daqsijiet tal-immaġini ta' Shopify:

Isem tal-Immaġni Shopify dimensjonijiet
Pico 16px x 16px
icon 32px x 32px
thumb 50px x 50px
żgħir 100px x 100px
kompatti 160px x 160px
medju 240px x 240px
kbir 480px x 480px
kbira 600px x 600px
1024 X 1024 1024px x 1024px
2048 X 2048 2048px x 2048px
kaptan L-akbar immaġni disponibbli

  1. L-għalf tiegħek issa huwa disponibbli fl-indirizz tal-blog tiegħek bil-querystring mehmuża biex tarah. Fil-każ tal-klijent tagħna, il-URL tal-għalf huwa:

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

  1. L-għalf tiegħek issa huwa lest biex jintuża! Jekk tixtieq, tista' tinnaviga lejha f'tieqa tal-browser biex tiżgura li ma jkunx hemm żbalji. Aħna se niżguraw li jinnaliża sew fil-pass li jmiss tagħna:

Żid l-Għalf tal-Blog Tiegħek Fi Klaviyo

Sabiex tuża l-għalf il-ġdid tal-blog tiegħek Klaviyo, trid iżżidha bħala Feed tad-Data.

  1. Mur Feeds tad-Dejta
  2. Agħżel Żid Web Feed
  3. Daħħal a Isem tal-Għalf (mhuma permessi l-ebda spazji)
  4. Ikteb il- URL tal-għalf li inti għadek kif ħoloq.
  5. Daħħal il-Metodu tat-Talba bħala IKOLLOK
  6. Daħħal it-Tip ta' Kontenut bħala XML

Klaviyo Żid Shopify XML Blog Feed

  1. Ikklikkja Aġġorna l-Feed tad-Data.
  2. Ikklikkja Preview biex jiġi żgurat li l-għalf qed jimla b'mod korrett.

Preview Shopify Blog Feed fi Klaviyo

Żid l-Għalf tal-Blog Tiegħek Mal-Mudell tal-Email Klaviyo Tiegħek

Issa rridu nibnu l-blog tagħna fil-mudell tal-email tagħna Klaviyo. Fl-opinjoni tiegħi, u r-raġuni għaliex kellna bżonn għalf tad-dwana, inħobb żona ta 'kontenut maqsum fejn l-immaġni hija fuq ix-xellug, it-titlu u s-silta huma taħt. Klaviyo għandu wkoll l-għażla li jikkrolla dan f'kolonna waħda fuq apparat mobbli.

  1. Iddreggja a Blokk maqsum fil-mudell tal-email tiegħek.
  2. Issettja l-kolonna tax-xellug tiegħek għal Image u l-kolonna tal-lemin tiegħek għal a Test blokka.

Klaviyo Split Block għal Shopify Blog Post Artikoli

  1. Għall-immaġni, agħżel Immaġni Dinamika u ssettja l-valur għal:

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

  1. Issettja l-Alt Test għal:

{{item.title}}

  1. Issettja l-Indirizz tal-Link sabiex jekk l-abbonat tal-email jikklikkja fuq l-immaġni, iġibhom fl-artiklu tiegħek.

{{item.link}}

  1. Agħżel il- kolonna tal-lemin biex tissettja l-kontenut tal-kolonna.

Klaviyo Blog Post Titolu u Deskrizzjoni

  1. Żid tiegħek kontenut, kun żgur li żżid link mat-titlu tiegħek u daħħal is-silta tal-post tiegħek.

<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. Agħżel il- Split Settings tab.
  2. Issettja għal a 40% / 60% tqassim biex jipprovdi aktar spazju għat-test.
  3. Jippermettu Munzell fuq Mobile u sett Lemin lejn ix-Xellug.

Klaviyo Split Block għal Shopify Blog Post Artikoli f'munzelli fuq Mobile

  1. Agħżel il- Għażliet tal-Wiri tab.

Klaviyo Split Block għal Shopify Blog Post Għażliet tal-Wiri tal-Artikoli

  1. Agħżel Irrepeti l-Kontenut u poġġi l-għalf li ħloqt fi Klaviyo bħala s-sors fil- Irrepeti Għal qasam:

feeds.Closet52_Blog.rss.channel.item

  1. Issettja l- Oġġett alias as oġġett.
  2. Ikklikkja Preview u test u issa tista' tara l-postijiet tal-blog tiegħek. Kun żgur li tittestjah kemm fil-mod tad-desktop kif ukoll tal-mowbajl.

Klaviyo Split Block Preview u test.

U, ovvjament, jekk għandek bżonn għajnuna fil Shopify ottimizzazzjoni u Klaviyo implimentazzjonijiet, toqgħodx lura milli tilħaq Highbridge.

Żvelar: Jien sieħeb fi Highbridge u qed nuża l-links tal-affiljat tiegħi għal Shopify u Klaviyo f'dan l-artikolu.