Klaviyo электрондук почтаңыздын шаблонуңузда Shopify блогунун түрмөгүңүздү кантип жарыялоо керек

Shopify блогунун түрмөгүңүздү Klaviyo электрондук почтаңыздын шаблонуңузга кантип жарыялоо керек

Биз мындан ары да жакшыртуу жана оптималдаштыруу ShopifyPlus мода кардарынын электрондук маркетинг аракеттерин колдонуу Klaviyo. Klaviyo Shopify менен бекем интеграцияга ээ, ал электрондук коммерцияга байланыштуу бир нече тонна алдын ала курулган жана иштөөгө даяр болгон байланыштарды берет.

Таң калыштуусу, сиздин Shopify блогунун билдирүүлөрү электрондук почтага кайрылуу алардын бири ЭМЕС! Ишти ого бетер кыйындатуу… бул электрондук почтаны түзүү үчүн документтер толук эмес жана алардын эң жаңы редакторун да документтештирбейт. Ошентип, Highbridge бир аз казып, аны кантип жасоону өзүбүз табышыбыз керек болчу... жана бул оңой болгон жок.

Бул ишке ашыруу үчүн зарыл болгон иштеп чыгуу болуп саналат:

  1. Blog Feed – Shopify тарабынан берилген атом каналы эч кандай ыңгайлаштырууну камсыз кылбайт жана ал сүрөттөрдү камтыбайт, ошондуктан биз ыңгайлаштырылган XML каналын түзүшүбүз керек.
  2. Klaviyo Data Feed – Биз курган XML каналы Klaviyoдо маалымат лентасы катары бириктирилиши керек.
  3. Klaviyo электрондук почта шаблону – Андан кийин биз сүрөттөр жана мазмун туура форматталган электрондук почта шаблонуна каналды талдообуз керек.

Shopify'да ыңгайлаштырылган блог түрмөгүн куруңуз

Мен түзүү үчүн мисал коду бар макала таба алдык Shopify'дагы ыңгайлаштырылган түрмөк үчүн Mailchimp жана аны тазалоо үчүн бир топ түзөтүүлөрдү жасады. Бул жерде а куруу үчүн кадамдар болуп саналат ыңгайлаштырылган RSS каналы блогуңуз үчүн Shopify'да.

  1. алпар сенин Интернет дүкөн жана каналды жайгаштыргыңыз келген теманы тандаңыз.
  2. Аракеттер менюсунда, тандаңыз Кодду түзөтүү.
  3. Файлдар менюсунда Калыптарга өтүңүз жана чыкылдатыңыз Жаңы шаблон кошуу.
  4. Жаңы шаблон кошуу терезесинде тандаңыз Жаңы шаблон түзүңүз үчүн блог.

Klaviyo үчүн Shopify'га суюк блог түрмөгүн кошуңуз

  1. Калып түрүн тандаңыз суюктук.
  2. Файлдын аталышы үчүн биз кирдик klaviyo.
  3. Код редакторуна төмөнкү кодду коюңуз:

{%- 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. Керектүү өзгөрмөлөрдү жаңыртыңыз. Бул боюнча бир эскертүү, биз сүрөттүн өлчөмүн электрондук почтабыздын максималдуу туурасына, туурасы 600px кылып койдук. Бул жерде Shopify сүрөтүнүн өлчөмдөрүнүн таблицасы:

Shopify Image Name өлчөмдөрү
чоку 16px x 16px
сөлөкөтү 32px x 32px
бармак 50px x 50px
кичине 100px x 100px
тыгыз 160px x 160px
орто 240px x 240px
чоң 480px x 480px
улуу 600px x 600px
1024 X 1024 1024px x 1024px
2048 X 2048 2048px x 2048px
кожоюн Эң чоң сүрөт жеткиликтүү

  1. Сиздин түрмөк эми блогуңуздун дарегинде жеткиликтүү, аны көрүү үчүн сурам саптары тиркелет. Биздин кардарыбызда түрмөк URL дареги:

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

  1. Түрмөгүңүз азыр колдонууга даяр! Кааласаңыз, эч кандай ката жок экенине ынануу үчүн браузер терезесинде ага өтсөңүз болот. Кийинки кадамыбызда анын туура талданышын камсыздайбыз:

Klaviyo'го блог лентаңызды кошуңуз

Жаңы блог каналыңызды колдонуу үчүн Klaviyo, сиз аны Data Feed катары кошушуңуз керек.

  1. өтүү Маалымат түрмөгү
  2. тандоо Web Feed кошуу
  3. Enter бир Түрмөктүн аталышы (боштуктарга жол берилбейт)
  4. кирүү Түрмөк URL сен жаңы эле жараткан.
  5. Суроо ыкмасын катары киргизиңиз ТААНЫШ
  6. Мазмун түрүн катары киргизиңиз XML

Klaviyo Shopify XML блог түрмөгүн кошуңуз

  1. чыкылдатуу Маалымат түрмөгүн жаңыртуу.
  2. чыкылдатуу алдын ала кароо тоюттун туура толтурулушун камсыз кылуу.

Shopify блогунун түрмөгүн Klaviyoдо алдын ала көрүңүз

Klaviyo электрондук почтаңыздын шаблонуңузга блог каналыңызды кошуңуз

Эми биз блогубузду электрондук почта шаблонубузга түзгүбүз келет Klaviyo. Менин оюмча, жана бизге ыңгайлаштырылган канал керек болгондугунун себеби, мен сүрөттөлүштүн сол жагында, аталышы жана үзүндүсү астында жайгашкан бөлүнгөн мазмун аймагын жактырам. Klaviyo ошондой эле мобилдик түзмөктө муну бир тилкеге ​​жыйноо мүмкүнчүлүгүнө ээ.

  1. Сүйрө a Бөлүнгөн блок электрондук почтаңыздын шаблонуна киргизиңиз.
  2. Сол тилкеңизди анга коюңуз Image жана оң тилкеңизден a текст блок.

Shopify блогунун макалалары үчүн Klaviyo Split Block

  1. Сүрөт үчүн, тандаңыз Динамикалык сүрөт жана маанини коюңуз:

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

  1. Альтернативдик текстти төмөнкүгө коюу:

{{item.title}}

  1. Шилтеме дарегин коюңуз, эгер электрондук почтанын жазылуучусу сүрөттү чыкылдатса, аларды сиздин макалаңызга алып келет.

{{item.link}}

  1. Танда оң тилке тилкенин мазмунун орнотуу үчүн.

Klaviyo блогунун аталышы жана сүрөттөмөсү

  1. Өзүңүздү кошуңуз ыраазы, аталышыңызга шилтемени кошуп, постуңуздун үзүндүсүн киргизиңиз.

<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. Танда Бөлүү Орнотуулар өтмөк.
  2. а деп коюу 40% / 60% жайгашуусу текст үчүн көбүрөөк орун берүү.
  3. иштетүү Мобилдик стек жана белгиленген Оңдон солго.

Мобилдик түзмөктө топтолгон Shopify блогунун макалалары үчүн Klaviyo Split Block

  1. Танда Дисплей параметрлери өтмөк.

Shopify блогунун макалаларын көрсөтүү параметрлери үчүн Klaviyo Split Block

  1. Content Repeat тандаңыз жана Klaviyoдо сиз түзгөн каналды булак катары коюңуз үчүн кайталоо талаа:

feeds.Closet52_Blog.rss.channel.item

  1. Орнотуу Элемент лакап аты as нерсе.
  2. чыкылдатуу Алдын ала көрүү жана сыноо эми сиз блогуңуздун билдирүүлөрүн көрө аласыз. Аны рабочий жана мобилдик режимде сынап көрүңүз.

Klaviyo Split Block алдын ала көрүү жана сыноо.

Анан, албетте, жардам керек болсо Shopify оптималдаштыруу жана Klaviyo ишке ашыруу, кайрылуудан тартынбаңыз Highbridge.

Ачуу: Мен шериктешмин Highbridge жана мен өнөктөштүк шилтемелеримди колдонуп жатам Shopify жана Klaviyo Бул макалада.