eusi MarketingE-commerce sareng RitelEmail Marketing & Automation

Kumaha Nyebarkeun Feed Blog Shopify anjeun Dina Citakan Email Klaviyo anjeun

Kami terus ningkatkeun sareng ngaoptimalkeun kami Shopify Ditambah usaha pamasaran email klien fashion urang ngagunakeun Claviyo. Klaviyo gaduh integrasi padet sareng Shopify anu ngamungkinkeun ton komunikasi anu aya hubunganana sareng e-commerce anu tos diwangun sareng siap angkat.

Ahéng, inserting Anjeun Tulisan Blog Shopify kana email sanes salah sahijina, sanaos! Ngajantenkeun hal-hal langkung sesah… dokuméntasi pikeun ngawangun email ieu henteu lengkep sareng henteu ngadokumentasikeun pangropéa énggalna. Janten, DK New Media kedah ngalakukeun sababaraha ngagali sareng terang kumaha ngalakukeunana nyalira… sareng éta henteu gampang.

Ieu pamekaran anu diperyogikeun pikeun ngajantenkeun ieu:

  1. Blog Feed - Feed atom anu disayogikeun ku Shopify henteu nyayogikeun kustomisasi atanapi henteu kalebet gambar, janten urang kedah ngawangun feed XML khusus.
  2. Klaviyo Data Feed - The XML feed nu urang diwangun kudu terpadu salaku feed data dina Klaviyo.
  3. Citakan Email Klaviyo - Urang lajeng kedah parse feed kana template email dimana gambar jeung eusi anu leres formatna.

Ngawangun Feed Blog Adat Dina Shopify

Kuring éta bisa manggihan hiji artikel kalawan conto kode pikeun ngawangun kaluar a feed custom di Shopify keur Intuit Mailchimp sareng ngadamel sababaraha éditan pikeun ngabersihan éta. Ieu léngkah-léngkah ngawangun a feed RSS custom dina Shopify pikeun blog anjeun.

  1. Arahkeun ka anjeun Store online tur pilih tema nu Anjeun hoyong nempatkeun eupan dina.
  2. Dina menu Aksi, pilih Kode Edit.
  3. Dina menu Files, arahkeun ka Témplat teras klik Tambahkeun template anyar.
  4. Dina Tambahkeun template anyar jandela, pilih Jieun template anyar keur blog.
Tambahkeun feed blog cair ka Shopify pikeun Klaviyo
  1. Pilih Jenis Citakan tina barang encer.
  2. Pikeun nami File, kami lebetkeun klaviyo.
  3. Dina redaktur kode, nempatkeun kodeu ieu:
{%- 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. Apdet variabel custom sakumaha diperlukeun. Hiji catetan ngeunaan ieu nyaéta yén kami parantos nyetél ukuran gambar kana lebar maksimal email kami, lebar 600px. Ieu tabel ukuran gambar Shopify:
Ngaran Gambar Shopifydimensi
pico16 px x 16 px
ikon32 px x 32 px
jempol50 px x 50 px
leutik100 px x 100 px
padet160 px x 160 px
sedeng240 px x 240 px
gede480 px x 480 px
Grande600 px x 600 px
1024 X 10241024 px x 1024 px
2048 X 20482048 px x 2048 px
ngawasaangambar pangbadagna sadia
  1. Eupan anjeun ayeuna geus sadia di alamat blog anjeun kalawan querystring ditambahkeun pikeun nempo eta. Dina kasus klien kami, URL feed nyaéta:
https://yourshopifysite.com/blogs/fashion?view=klaviyo
  1. Eupan anjeun ayeuna siap dianggo! Upami anjeun hoyong, anjeun tiasa napigasi ka dinya dina jandela pangotektak pikeun mastikeun teu aya kasalahan. Kami bakal mastikeun yén éta parses leres dina léngkah salajengna:

Tambahkeun Feed Blog anjeun ka Klaviyo

Dina raraga ngamangpaatkeun feed blog anyar anjeun dina Claviyo, Anjeun kudu ditambahkeun salaku Feed Data.

  1. arahkeun ka Eupan Data
  2. milih Tambahkeun Web Feed
  3. Asupkeun Ngaran Feed (henteu aya spasi diidinan)
  4. Tulis URL eupan nu karek dijieun.
  5. Lebetkeun Métode Request salaku meunangkeun
  6. Lebetkeun Jenis Eusi salaku XML
Klaviyo Tambahkeun Shopify XML Blog Feed
  1. Klik Ngamutahirkeun Data Feed.
  2. Klik titingali pikeun mastikeun eupan ieu populating bener.
Nilik Shopify Blog Feed di Klaviyo

Tambahkeun Feed Blog anjeun ka Citakan Email Klaviyo anjeun

Ayeuna urang hoyong ngawangun blog urang kana template email urang di Claviyo. Dina pamadegan mah, jeung alesan naha urang diperlukeun feed custom, Kuring resep wewengkon eusi pamisah mana gambar di kénca, judul na excerpt handap. Klaviyo ogé boga pilihan pikeun ambruk ieu kana hiji kolom dina alat mobile.

  1. Sered a Blok pamisah kana template surélék anjeun.
  2. Setel kolom kénca anjeun ka hiji gambaran sarta kolom katuhu anjeun ka a naskah Blok.
Klaviyo Split Blok pikeun Shopify Blog Post Artikel
  1. Pikeun gambar, pilih Gambar dinamis tur nyetel nilai ka:
{{ item|lookup:'media:content'|lookup:'@url' }}
  1. Setel téks Alt ka:
{{item.title}}
  1. Setel Alamat Tautan supados upami palanggan email ngaklik gambar, éta bakal dibawa ka tulisan anjeun.
{{item.link}}
  1. pilih kolom katuhu pikeun nyetel eusi kolom.
Klaviyo Blog Post Judul jeung Pedaran
  1. Tambihkeun anjeun eusi, pastikeun pikeun nambahkeun tumbu ka judul anjeun sarta selapkeun excerpt pos Anjeun.
<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. pilih Setélan pamisah tab.
  2. Setel ka a 40% / 60% perenah pikeun nyadiakeun leuwih rohangan pikeun téks.
  3. bisa jadi Tumpukan dina Mobile sareng nyetél Katuhu ka Kénca.
Klaviyo Split Block pikeun Shopify Blog Post Artikel tumpuk dina Mobile
  1. pilih Pilihan tampilan tab.
Klaviyo Split Blok pikeun Shopify Blog Post Artikel Pilihan Témbongkeun
  1. Pilih eusi Ulang teras nahan eupan nu dijieun di Klaviyo salaku sumber dina Ulang Pikeun lapangan:
feeds.Closet52_Blog.rss.channel.item
  1. nyetél Item alias as barang.
  2. Klik Sawangan jeung tés sareng anjeun ayeuna tiasa ningali tulisan blog anjeun. Pastikeun pikeun nguji éta dina modeu desktop sareng mobile.
Klaviyo Split Blok Nilik jeung test.

Sareng, tangtosna, upami anjeun peryogi bantosan Shopify optimasi jeung

Claviyo palaksanaan, ulah ragu pikeun ngahontal kaluar ka DK New Media.

Panyingkepan: Abdi pasangan di DK New Media sareng kuring nganggo tautan afiliasi kuring pikeun Shopify jeung Claviyo dina artikel ieu.

Douglas Karr

Douglas Karr nyaeta CMO tina OpenINSIGHTS jeung pangadeg nu Martech Zone. Douglas geus mantuan puluhan startups MarTech suksés, geus mantuan dina karajinan alatan leuwih $ 5 bil dina akuisisi jeung Investasi Martech, sarta terus mantuan pausahaan dina ngalaksanakeun jeung ngajadikeun otomatis jualan na strategi marketing maranéhanana. Douglas mangrupikeun transformasi digital anu diakui sacara internasional sareng ahli MarTech sareng spiker. Douglas ogé panulis anu diterbitkeun tina pituduh Dummie sareng buku kapamimpinan bisnis.

Artikel nu patali

Deui tombol luhur
deukeut

Adblock Dideteksi

Martech Zone tiasa masihan anjeun eusi ieu tanpa biaya sabab kami ngamonetisasi situs kami ngalangkungan pendapatan iklan, tautan afiliasi, sareng sponsor. Kami bakal ngahargaan upami anjeun ngahapus pameungpeuk iklan anjeun nalika anjeun ningali situs kami.