Shopify блог арнаңызды Klaviyo электрондық пошта үлгісінде қалай жариялауға болады

Klaviyo электрондық пошта үлгісінде Shopify блогының арнасын қалай жариялауға болады

Біз өзімізді жақсартуды және оңтайландыруды жалғастырамыз ShopifyPlus пайдалана отырып, сән клиентінің электрондық пошта маркетинг әрекеттері Клавио. Klaviyo-ның Shopify-пен берік интеграциясы бар, ол алдын-ала жасалған және пайдалануға дайын электрондық коммерцияға қатысты көптеген коммуникацияларға мүмкіндік береді.

Таңқаларлық, сіздің кірістіру Shopify блог жазбалары электрондық пошта олардың бірі ЕМЕС! Істі одан сайын қиындату… бұл электрондық поштаны құруға арналған құжаттама толық емес және тіпті олардың ең жаңа редакторын құжаттамайды. Сонымен, Highbridge аздап қазып, оны қалай жасауға болатынын анықтауға тура келді... және бұл оңай болған жоқ.

Міне, мұны жүзеге асыру үшін қажетті даму:

  1. Блог лентасы – Shopify ұсынған атом арнасы ешқандай теңшеуді қамтамасыз етпейді және ол кескіндерді қамтымайды, сондықтан бізге реттелетін XML арнасын құру керек.
  2. Klaviyo деректер арнасы – Біз жасаған XML арнасы Klaviyo-да деректер арнасы ретінде біріктірілуі керек.
  3. Klaviyo электрондық пошта үлгісі – Содан кейін суреттер мен мазмұн дұрыс пішімделген арнаны электрондық пошта үлгісіне талдауымыз керек.

Shopify жүйесінде реттелетін блог арнасын жасаңыз

Мен құру үшін мысал коды бар мақаланы таба алдым Shopify қолданбасындағы арнаулы арна үшін MailChimp және оны тазалау үшін бірнеше түзетулер жасады. Мұнда а құру қадамдары берілген реттелетін RSS арнасы блогыңыз үшін Shopify қолданбасында.

  1. Өзіңіздің навигацияңызға өтіңіз Онлайн Store және арнаны орналастырғыңыз келетін тақырыпты таңдаңыз.
  2. Әрекеттер мәзірінде таңдаңыз Кодты өңдеу.
  3. Файлдар мәзірінде Үлгілер тармағына өтіп, түймесін басыңыз Жаңа үлгі қосыңыз.
  4. Жаңа үлгі қосу терезесінде таңдаңыз Жаңа үлгі жасаңыз үшін блог.

Klaviyo үшін Shopify қолданбасына сұйық блог арнасын қосыңыз

  1. Үлгі түрін таңдаңыз сұйық.
  2. Файл атауы үшін біз енгіздік клавио.
  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. Қажет болса, теңшелетін айнымалы мәндерді жаңартыңыз. Бұл туралы бір ескертпе, біз кескін өлшемін электрондық пошталарымыздың максималды еніне, ені 600 пиксельге орнаттық. Міне, Shopify кескін өлшемдерінің кестесі:

Shopify кескін атауы Өлшемдері
pico 16 пиксель x 16 пиксель
белгішесі 32 пиксель x 32 пиксель
бас бармақ 50 пиксель x 50 пиксель
кішкентай 100 пиксель x 100 пиксель
тығыз 160 пиксель x 160 пиксель
орта 240 пиксель x 240 пиксель
үлкен 480 пиксель x 480 пиксель
Ұлы 600 пиксель x 600 пиксель
1024 X 1024 1024 пиксель x 1024 пиксель
2048 X 2048 2048 пиксель x 2048 пиксель
мастер Қолжетімді ең үлкен сурет

  1. Арнаңыз енді блогыңыздың мекенжайында оны көру үшін қосылған сұрау жолымен қолжетімді. Біздің клиент жағдайында арнаның URL мекенжайы:

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

  1. Арнаңыз енді пайдалануға дайын! Қаласаңыз, қателердің жоқтығына көз жеткізу үшін шолғыш терезесінде оған өтуіңізге болады. Біз келесі қадамымызда оның дұрыс талдауын қамтамасыз етеміз:

Klaviyo-ға блог арнаңызды қосыңыз

Жаңа блог арнаңызды пайдалану үшін Клавио, оны деректер арнасы ретінде қосуыңыз керек.

  1. Шарлау тармағына өтіңіз Деректер беру
  2. таңдау Веб-арна қосу
  3. Енгізіңіз Ақпараттың аты (бос орындарға рұқсат етілмейді)
  4. кіру Арнаның URL мекенжайы сіз жаңа ғана жасаған.
  5. Сұраныс әдісін келесідей енгізіңіз GET
  6. Мазмұн түрін келесідей енгізіңіз XML

Klaviyo Shopify XML блог арнасын қосыңыз

  1. басыңыз Деректер арнасын жаңарту.
  2. басыңыз алдын-ала қарау арнаның дұрыс толтырылуын қамтамасыз ету үшін.

Klaviyo ішіндегі Shopify блог арнасын алдын ала қарау

Blog арнаңызды Klaviyo электрондық пошта үлгісіне қосыңыз

Енді біз блогымызды электрондық пошта үлгісіне салғымыз келеді Клавио. Менің ойымша, және бізге реттелетін арна қажет болғанының себебі, маған кескін сол жақта, тақырып және үзінді астында орналасқан бөлінген мазмұн аймағы ұнайды. Klaviyo-да оны мобильді құрылғыда бір бағанға жинау мүмкіндігі бар.

  1. А апарыңыз Бөлінген блок электрондық пошта үлгісіне енгізіңіз.
  2. Сол жақ бағаныңызды анға орнатыңыз бейне және оң жақ бағаныңыз a мәтін блок.

Shopify блогындағы мақалалар үшін Klaviyo бөлу блогы

  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. a мәніне орнатыңыз 40% / 60% орналасу мәтінге көбірек орын беру үшін.
  3. қосу Ұялы телефондағы стек және орнатыңыз Оңға солға.

Klaviyo Split Block мобильді құрылғыда жинақталған Shopify блогындағы мақалаларға арналған

  1. Таңдаңыз Дисплей параметрлері қойындысы.

Shopify блогындағы мақалаларды көрсету опцияларына арналған Klaviyo бөлу блогы

  1. Мазмұнды қайталау пәрменін таңдап, Klaviyo қолданбасында жасаған арнаны көз ретінде ішіне қойыңыз үшін қайталаңыз өріс:

feeds.Closet52_Blog.rss.channel.item

  1. Орнатыңыз Элемент бүркеншік аты as тармақ.
  2. басыңыз Алдын ала қарау және сынақтан өткізу енді сіз өзіңіздің блог жазбаларыңызды көре аласыз. Оны жұмыс үстелінде де, мобильді режимде де сынап көріңіз.

Klaviyo Split Block алдын ала қарау және тексеру.

Және, әрине, егер сізге көмек қажет болса Shopify оңтайландыру және Клавио іске асыру үшін хабарласудан тартынбаңыз Highbridge.

Ашу: мен серіктеспін Highbridge және мен серіктестік сілтемелерімді пайдаланамын Shopify және Клавио Бұл мақалада.