Shopify blog tasmangizni Klaviyo elektron pochta shabloningizda qanday nashr qilish kerak

Shopify blog tasmangizni Klaviyo elektron pochta shabloningizda qanday nashr qilish kerak

Biz o'zimizni yaxshilash va optimallashtirishda davom etamiz Shopify plus moda mijozning elektron pochta marketing harakatlari yordamida Klaviyo. Klaviyo Shopify bilan mustahkam integratsiyaga ega bo'lib, u oldindan tuzilgan va foydalanishga tayyor bo'lgan bir necha tonna elektron tijorat bilan bog'liq aloqalarni ta'minlaydi.

Ajablanarlisi shundaki, sizning Shopify blog xabarlari elektron pochta orqali yuborish ulardan biri EMAS! Vaziyatni yanada qiyinlashtirish… bu elektron pochtani yaratish uchun hujjatlar to'liq emas va hatto eng yangi muharririni hujjatlashtirmaydi. Shunday qilib, Highbridge Bir oz qazish va buni qanday qilishni o'zimiz aniqlashimiz kerak edi ... va bu oson emas edi.

Buni amalga oshirish uchun zarur bo'lgan rivojlanish:

  1. Blog tasmasi – Shopify tomonidan taqdim etilgan atom tasmasi hech qanday moslashtirishni ta'minlamaydi va u tasvirlarni o'z ichiga olmaydi, shuning uchun biz maxsus XML tasmasi yaratishimiz kerak.
  2. Klaviyo ma'lumotlar tasmasi – Biz yaratgan XML tasmasi Klaviyo’da ma’lumotlar tasmasi sifatida birlashtirilishi kerak.
  3. Klaviyo elektron pochta shabloni - Keyin biz tasvirlar va tarkib to'g'ri formatlangan elektron pochta shabloniga tasmani tahlil qilishimiz kerak.

Shopify-da shaxsiy blog tasmasini yarating

Men yaratish uchun misol kodi bilan maqola topa oldim Shopify-da maxsus tasma uchun MailChimp va uni tozalash uchun bir nechta tahrirlar qildi. Bu yerda a qurish uchun qadamlar moslashtirilgan RSS tasmasi blogingiz uchun Shopify-da.

  1. Sizning manzilingizga o'ting Online Store va tasmani joylashtirmoqchi bo'lgan mavzuni tanlang.
  2. Amallar menyusida tanlang Kodni tahrirlash.
  3. Fayllar menyusida Shablonlar bo'limiga o'ting va bosing Yangi shablon qo'shing.
  4. Yangi shablon qo'shish oynasida tanlang Yangi shablon yarating uchun blog.

Klaviyo uchun Shopify-ga suyuq blog tasmasini qo'shing

  1. Shablon turini tanlang suyuq.
  2. Fayl nomi uchun biz kiritdik klaviyo.
  3. Kod muharririda quyidagi kodni joylashtiring:

{%- 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. Agar kerak bo'lsa, maxsus o'zgaruvchilarni yangilang. Bu haqda bir eslatma shundaki, biz rasm o'lchamini elektron pochtamizning maksimal kengligi, kengligi 600px qilib o'rnatdik. Mana Shopify tasvir oʻlchamlari jadvali:

Shopify rasm nomi o'lchamlari
pico 16 piksel x 16 piksel
icon 32 piksel x 32 piksel
boshmaldoq 50 piksel x 50 piksel
kichkina 100 piksel x 100 piksel
zich 160 piksel x 160 piksel
o'rta 240 piksel x 240 piksel
katta 480 piksel x 480 piksel
Grande 600 piksel x 600 piksel
X 1024 1024 1024 piksel x 1024 piksel
X 2048 2048 2048 piksel x 2048 piksel
usta Eng katta rasm mavjud

  1. Tasmangiz endi blogingiz manzilida mavjud, uni ko‘rish uchun qo‘shilgan so‘rovlar qatori. Bizning mijozimiz uchun tasma URL manzili:

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

  1. Tasmangiz endi foydalanishga tayyor! Agar xohlasangiz, hech qanday xatolik yo'qligiga ishonch hosil qilish uchun brauzer oynasida unga o'tishingiz mumkin. Keyingi qadamimizda uning to'g'ri tahlil qilinishini ta'minlaymiz:

Blog tasmangizni Klaviyoga qo'shing

Yangi blog tasmangizdan foydalanish uchun Klaviyo, siz uni ma'lumotlar tasmasi sifatida qo'shishingiz kerak.

  1. Navigatsiya qiling Ma'lumotlar tasmasi
  2. tanlang Veb tasma qo'shing
  3. A kiriting Tasma nomi (bo'sh joylarga ruxsat berilmaydi)
  4. kiriting Tasma URL hozirgina yaratganingiz.
  5. So'rov usulini sifatida kiriting OLING
  6. Kontent turini sifatida kiriting XML

Klaviyo Shopify XML blog tasmasini qo'shing

  1. bosing Ma'lumotlar tasmasini yangilash.
  2. bosing ko'rib chiqish tasma to'g'ri to'ldirilishini ta'minlash uchun.

Klaviyo'da Shopify blog tasmasini ko'rib chiqing

Blog tasmangizni Klaviyo elektron pochta shabloningizga qo'shing

Endi biz blogimizni elektron pochta shablonimizga yaratmoqchimiz Klaviyo. Menimcha va nima uchun bizga maxsus tasma kerak bo'lganligi sababli, menga tasvir chap tomonda, sarlavha va parcha ostida joylashgan bo'lingan kontent maydoni yoqadi. Klaviyoda buni mobil qurilmada bitta ustunga yig'ish imkoniyati ham mavjud.

  1. A -ni torting Blokni ajratish elektron pochta shabloningizga kiriting.
  2. Chap ustuningizni a ga o'rnating surat va o'ng ustuningiz a ga matn blokirovka qilish.

Shopify Blog Post maqolalari uchun Klaviyo Split Blok

  1. Rasm uchun ni tanlang Dinamik rasm va qiymatni o'rnating:

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

  1. Alternativ matnni quyidagicha o'rnating:

{{item.title}}

  1. Bog'lanish manzilini shunday o'rnatingki, agar elektron pochta obunachisi rasmni bossa, ularni maqolangizga olib keladi.

{{item.link}}

  1. Tanlang o'ng ustun ustun tarkibini o'rnatish uchun.

Klaviyo blogi postining nomi va tavsifi

  1. O'zingizni qo'shing kontent, sarlavhangizga havola qo'shishni va postingizdan ko'chirmani kiritishni unutmang.

<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. Tanlang Sozlamalarni ajratish yorlig'ini bosing.
  2. a ga sozlang 40% / 60% tartib matn uchun ko'proq joy berish.
  3. yoqish Mobil qurilmada stack va sozlang O'ngdan chapga.

Mobil qurilmada joylashtirilgan Shopify Blog Post maqolalari uchun Klaviyo Split Block

  1. Tanlang Ko'rinishni sozlash yorlig'ini bosing.

Shopify Blog Post maqolalarini ko'rsatish imkoniyatlari uchun Klaviyo Split Blok

  1. Kontentni takrorlash-ni tanlang va Klaviyo-da yaratgan tasmani manba sifatida kiriting uchun takrorlang maydon:

feeds.Closet52_Blog.rss.channel.item

  1. O'rnatish Element taxallus as buyum.
  2. bosing Ko'rib chiqish va sinovdan o'tkazish va endi siz blog postlaringizni ko'rishingiz mumkin. Uni ish stoli va mobil rejimda sinab ko'ring.

Klaviyo Split Block Oldindan ko'rish va sinovdan o'tkazish.

Va, albatta, agar sizga yordam kerak bo'lsa Shopify optimallashtirish va Klaviyo ilovalar uchun murojaat qilishdan tortinmang Highbridge.

Ma'lumot: Men sherikman Highbridge va men sheriklik havolalaridan foydalanmoqdaman Shopify va Klaviyo Ushbu maqolada.