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:
- Blog Feed - Feed atom anu disayogikeun ku Shopify henteu nyayogikeun kustomisasi atanapi henteu kalebet gambar, janten urang kedah ngawangun feed XML khusus.
- Klaviyo Data Feed - The XML feed nu urang diwangun kudu terpadu salaku feed data dina Klaviyo.
- 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.
- Arahkeun ka anjeun Store online tur pilih tema nu Anjeun hoyong nempatkeun eupan dina.
- Dina menu Aksi, pilih Kode Edit.
- Dina menu Files, arahkeun ka Témplat teras klik Tambahkeun template anyar.
- Dina Tambahkeun template anyar jandela, pilih Jieun template anyar keur blog.
- Pilih Jenis Citakan tina barang encer.
- Pikeun nami File, kami lebetkeun klaviyo.
- 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>
- 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 Shopify | dimensi |
pico | 16 px x 16 px |
ikon | 32 px x 32 px |
jempol | 50 px x 50 px |
leutik | 100 px x 100 px |
padet | 160 px x 160 px |
sedeng | 240 px x 240 px |
gede | 480 px x 480 px |
Grande | 600 px x 600 px |
1024 X 1024 | 1024 px x 1024 px |
2048 X 2048 | 2048 px x 2048 px |
ngawasaan | gambar pangbadagna sadia |
- 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
- 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.
- arahkeun ka Eupan Data
- milih Tambahkeun Web Feed
- Asupkeun Ngaran Feed (henteu aya spasi diidinan)
- Tulis URL eupan nu karek dijieun.
- Lebetkeun Métode Request salaku meunangkeun
- Lebetkeun Jenis Eusi salaku XML
- Klik Ngamutahirkeun Data Feed.
- Klik titingali pikeun mastikeun eupan ieu populating bener.
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.
- Sered a Blok pamisah kana template surélék anjeun.
- Setel kolom kénca anjeun ka hiji gambaran sarta kolom katuhu anjeun ka a naskah Blok.
- Pikeun gambar, pilih Gambar dinamis tur nyetel nilai ka:
{{ item|lookup:'media:content'|lookup:'@url' }}
- Setel téks Alt ka:
{{item.title}}
- Setel Alamat Tautan supados upami palanggan email ngaklik gambar, éta bakal dibawa ka tulisan anjeun.
{{item.link}}
- pilih kolom katuhu pikeun nyetel eusi kolom.
- 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>
- pilih Setélan pamisah tab.
- Setel ka a 40% / 60% perenah pikeun nyadiakeun leuwih rohangan pikeun téks.
- bisa jadi Tumpukan dina Mobile sareng nyetél Katuhu ka Kénca.
- pilih Pilihan tampilan tab.
- Pilih eusi Ulang teras nahan eupan nu dijieun di Klaviyo salaku sumber dina Ulang Pikeun lapangan:
feeds.Closet52_Blog.rss.channel.item
- nyetél Item alias as barang.
- Klik Sawangan jeung tés sareng anjeun ayeuna tiasa ningali tulisan blog anjeun. Pastikeun pikeun nguji éta dina modeu desktop sareng mobile.
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.