Kijan Pou Pibliye Feed Blog Shopify Ou Nan Modèl Klaviyo Imèl Ou

Ki jan yo Pibliye Feed Blog Shopify ou a nan modèl imel Klaviyo ou a

Nou kontinye amelyore ak optimize nou ShopifyPlus efò maketing imel kliyan alamòd lè l sèvi avèk Klaviyo. Klaviyo gen yon entegrasyon solid ak Shopify ki pèmèt yon tòn kominikasyon ki gen rapò ak e-commerce ki pre-konstri ak pare pou ale.

Surprenante, mete ou Shopify Blog Posts nan yon imèl se PA youn nan yo, menm si! Fè bagay sa yo menm pi difisil... dokimantasyon an pou bati imel sa a se pa bon jan epi yo pa menm dokimante nouvo editè yo. Se konsa, Highbridge te oblije fè kèk fouye epi chèche konnen ki jan fè li tèt nou... e li pa t fasil.

Men devlopman ki nesesè pou fè sa rive:

  1. Blog Feed – Atom manje Shopify bay pa bay okenn personnalisation ni li genyen imaj, kidonk nou dwe bati yon manje XML koutim.
  2. Klaviyo Done Feed – Flux XML ke nou bati a bezwen entegre kòm yon manje done nan Klaviyo.
  3. Klaviyo Imèl Modèl - Nou Lè sa a, bezwen analize manje a nan yon modèl imèl kote imaj yo ak kontni yo byen fòma.

Bati yon Feed Blog Custom nan Shopify

Mwen te kapab jwenn yon atik ak kòd egzanp pou konstwi yon manje koutim nan Shopify pou Mailchimp e li te fè yon pakèt chanjman pou netwaye li. Men etap sa yo pou konstwi yon koutim RSS feed nan Shopify pou blog ou a.

  1. Navige nan ou Online Store epi chwazi tèm ou vle mete manje a nan.
  2. Nan meni an Aksyon, chwazi Modifye Kòd.
  3. Nan meni an Fichye, ale nan Modèl epi klike sou Ajoute yon nouvo modèl.
  4. Nan fenèt Ajoute yon nouvo modèl, chwazi Kreye yon nouvo modèl pou blog.

Ajoute likid blog pou Shopify pou Klaviyo

  1. Chwazi kalite modèl likid.
  2. Pou non dosye a, nou te antre klaviyo.
  3. Nan editè kòd la, mete kòd sa a:

{%- 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. Mete ajou varyab koutim yo jan sa nesesè. Yon nòt sou sa a se ke nou te mete gwosè imaj la nan lajè a max nan imèl nou yo, 600px lajè. Men yon tablo gwosè imaj Shopify la:

Non imaj Shopify Dimansyon
Pico 16px x 16px
icon 32px x 32px
gwo pous 50px x 50px
ti 100px x 100px
kontra enfòmèl ant 160px x 160px
mwayen 240px x 240px
gwo 480px x 480px
gwo 600px x 600px
1024 X 1024 1024px x 1024px
2048 X 2048 2048px x 2048px
mèt Pi gwo imaj ki disponib

  1. Manje w la disponib kounye a nan adrès blog ou a ak chèn rechèch la te ajoute pou wè li. Nan ka kliyan nou an, URL la manje se:

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

  1. Manje w la kounye a pare pou itilize! Si ou ta renmen, ou ka navige nan li nan yon fenèt navigatè pou asire ke pa gen okenn erè. Nou pral asire ke li analize byen nan pwochen etap nou an:

Ajoute Feed Blog ou a nan Klaviyo

Yo nan lòd yo itilize nouvo manje blog ou a nan Klaviyo, ou dwe ajoute li kòm yon Feed Done.

  1. navige nan Done Feeds
  2. chwazi Ajoute Feed Web
  3. Antre nan yon Non manje (pa gen espas yo pèmèt)
  4. Antre nan Nouri URL ke ou jis kreye.
  5. Antre nan Metòd demann kòm JWENN
  6. Antre Kalite kontni an kòm XML

Klaviyo Ajoute Shopify XML Blog Feed

  1. Klike sou Mete ajou Feed Done yo.
  2. Klike sou Preview asire manje a ap peple kòrèkteman.

Preview Shopify Blog Feed nan Klaviyo

Ajoute Feed Blog ou a nan modèl imel Klaviyo ou a

Koulye a, nou vle bati blog nou an nan modèl imèl nou an Klaviyo. Nan opinyon mwen, ak rezon ki fè nou te bezwen yon manje koutim, mwen renmen yon zòn kontni fann kote imaj la se sou bò gòch la, tit la ak ekstrè se anba. Klaviyo tou gen opsyon pou tonbe sa a nan yon kolòn sèl sou yon aparèy mobil.

  1. Trennen yon Fann blòk nan modèl imel ou a.
  2. Mete kolòn gòch ou a nan yon Imaj ak kolòn dwat ou nan a Tèks blòk.

Klaviyo Split Block pou Shopify Blog Post atik

  1. Pou imaj la, chwazi Imaj dinamik epi mete valè a sou:

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

  1. Mete Alt Text la sou:

{{item.title}}

  1. Mete Adrès Link la pou si abònen imel la klike sou imaj la, li pral mennen yo nan atik ou a.

{{item.link}}

  1. Chwazi nan kolòn dwat pou mete kontni kolòn nan.

Klaviyo Blog Post Tit ak Deskripsyon

  1. Ajoute ou kontni, asire w ou ajoute yon lyen nan tit ou a epi mete ekstrè pòs ou a.

<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. Chwazi nan Split Anviwònman tab.
  2. Mete sou yon 40% / 60% layout pou bay plis plas pou tèks.
  3. Pèmèt Pile sou mobil epi mete Dwat a Goch.

Klaviyo Split Block pou Shopify Blog Post atik anpile sou mobil

  1. Chwazi nan Montre Opsyon tab.

Klaviyo Split Block pou Shopify Blog Post atik Display Opsyon

  1. Chwazi Kontni Repete epi mete manje ou te kreye a nan Klaviyo kòm sous la nan Repete pou jaden:

feeds.Closet52_Blog.rss.channel.item

  1. Mete la Item alias as atik.
  2. Klike sou Preview ak tès epi kounye a ou ka wè pòs blog ou a. Asire ou ke ou teste li nan tou de Desktop ak mòd mobil.

Klaviyo Split Block Preview ak tès.

Epi, nan kou, si ou bezwen asistans nan Shopify optimize ak Klaviyo aplikasyon, pa ezite kontakte Highbridge.

Divilgasyon: Mwen se yon patnè nan Highbridge epi mwen itilize lyen afilye mwen an pou Shopify ak Klaviyo nan atik sa a.