ວິທີການເຜີຍແຜ່ອາຫານ blog Shopify ຂອງທ່ານໃນແບບອີເມວ Klaviyo ຂອງທ່ານ

ວິທີການເຜີຍແຜ່ອາຫານ blog Shopify ຂອງທ່ານໃນແບບອີເມວ Klaviyo ຂອງທ່ານ

ພວກເຮົາສືບຕໍ່ປັບປຸງແລະເພີ່ມປະສິດທິພາບຂອງພວກເຮົາ ShopifyPlus ຄວາມພະຍາຍາມໃນການຕະຫຼາດອີເມວຂອງລູກຄ້າຄົນອັບເດດ: ໂດຍໃຊ້ ຄລາວີໂຢ. Klaviyo ມີການເຊື່ອມໂຍງທີ່ເຂັ້ມແຂງກັບ Shopify ທີ່ຊ່ວຍໃຫ້ການສື່ສານທີ່ກ່ຽວຂ້ອງກັບອີຄອມເມີຊທີ່ສ້າງຂຶ້ນກ່ອນແລະພ້ອມທີ່ຈະໄປ.

ເປັນເລື່ອງແປກທີ່, ໃສ່ຂອງທ່ານ ບົດຄວາມ blog Shopify ເຂົ້າໄປໃນອີເມວບໍ່ແມ່ນຫນຶ່ງຂອງພວກເຂົາ, ເຖິງແມ່ນວ່າ! ເຮັດ​ໃຫ້​ສິ່ງ​ທີ່​ຍາກ​ກວ່າ… ເອ​ກະ​ສານ​ສໍາ​ລັບ​ການ​ສ້າງ​ອີ​ເມລ​໌​ນີ້​ແມ່ນ​ບໍ່​ໄດ້​ລະ​ອຽດ​ແລະ​ບໍ່​ແມ່ນ​ແຕ່​ບັນ​ນາ​ທິ​ການ​ໃຫມ່​ສຸດ​ຂອງ​ເຂົາ​ເຈົ້າ​. ດັ່ງນັ້ນ, Highbridge ຕ້ອງເຮັດການຂຸດບາງແລະຄິດອອກວິທີການເຮັດມັນເອງ ... ແລະມັນບໍ່ງ່າຍ.

ນີ້ແມ່ນການພັດທະນາທີ່ຈໍາເປັນເພື່ອເຮັດໃຫ້ສິ່ງນີ້ເກີດຂຶ້ນ:

  1. Blog ອາຫານ – ຟີດປະລໍາມະນູທີ່ໃຫ້ໂດຍ Shopify ບໍ່ໄດ້ສະຫນອງການປັບແຕ່ງໃດໆຫຼືມັນປະກອບມີຮູບພາບ, ດັ່ງນັ້ນພວກເຮົາຕ້ອງສ້າງຟີດ XML ແບບກໍານົດເອງ.
  2. ຟີດຂໍ້ມູນ Klaviyo – ຟີດ XML ທີ່ພວກເຮົາສ້າງຂຶ້ນຕ້ອງໄດ້ຮັບການປະສົມປະສານເປັນອາຫານຂໍ້ມູນໃນ Klaviyo.
  3. ແມ່ແບບອີເມວ Klaviyo – ຫຼັງຈາກນັ້ນພວກເຮົາຈໍາເປັນຕ້ອງໄດ້ແຍກສານອາຫານເຂົ້າໄປໃນແມ່ແບບອີເມລ໌ທີ່ຮູບພາບແລະເນື້ອຫາໄດ້ຖືກຈັດຮູບແບບຢ່າງຖືກຕ້ອງ.

ສ້າງຟີດບລັອກທີ່ກໍາຫນົດເອງໃນ Shopify

ຂ້ອຍສາມາດຊອກຫາບົດຄວາມທີ່ມີລະຫັດຕົວຢ່າງເພື່ອສ້າງ a ອາຫານທີ່ກໍາຫນົດເອງໃນ Shopify ສໍາລັບການ MailChimp ແລະໄດ້ເຮັດການແກ້ໄຂບໍ່ຫຼາຍປານໃດເພື່ອເຮັດຄວາມສະອາດມັນ. ນີ້ແມ່ນຂັ້ນຕອນໃນການສ້າງ ຟີດ RSS ແບບກຳນົດເອງ ໃນ Shopify ສໍາລັບ blog ຂອງທ່ານ.

  1. ທ່ອງໄປຫາຂອງທ່ານ ຮ້ານອອນໄລນ໌ ແລະເລືອກຮູບແບບທີ່ທ່ານຕ້ອງການຈັດວາງຟີດ.
  2. ໃນ​ການ​ດໍາ​ເນີນ​ການ​ເມ​ນູ​, ເລືອກ​ເອົາ​ ແກ້ໄຂລະຫັດ.
  3. ໃນເມນູ Files, ໄປຫາ Templates ແລະຄລິກ ເພີ່ມແມ່ແບບໃຫມ່.
  4. ຢູ່ໃນປ່ອງຢ້ຽມ Add a new template, ເລືອກ ສ້າງແມ່ແບບໃຫມ່ ສໍາລັບການ blog.

ເພີ່ມຟີດບລັອກຂອງແຫຼວໃສ່ Shopify ສໍາລັບ Klaviyo

  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 ຂະຫນາດ
pico 16px x 16px
ຮູບສັນຍາລັກ 32px x 32px
ຫົວຂໍ້ 50px x 50px
ຂະຫນາດນ້ອຍ 100px x 100px
ຫນາແຫນ້ນ 160px x 160px
ຂະຫນາດກາງ 240px x 240px
ຂະຫນາດໃຫຍ່ 480px x 480px
big 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. ຕອນນີ້ຟີດຂອງເຈົ້າພ້ອມໃຊ້ແລ້ວ! ຖ້າທ່ານຕ້ອງການ, ທ່ານສາມາດໄປຫາມັນຢູ່ໃນປ່ອງຢ້ຽມຂອງຕົວທ່ອງເວັບເພື່ອໃຫ້ແນ່ໃຈວ່າບໍ່ມີຂໍ້ຜິດພາດ. ພວກເຮົາຈະຮັບປະກັນວ່າມັນວິເຄາະຢ່າງຖືກຕ້ອງໃນຂັ້ນຕອນຕໍ່ໄປຂອງພວກເຮົາ:

ເພີ່ມອາຫານ blog ຂອງທ່ານເຂົ້າໄປໃນ Klaviyo

ເພື່ອໃຊ້ຟີດ blog ໃໝ່ຂອງເຈົ້າໃນ ຄລາວີໂຢ, ທ່ານຕ້ອງເພີ່ມມັນເປັນອາຫານຂໍ້ມູນ.

  1. ທ່ອງໄປຫາ ຂໍ້ມູນອາຫານ
  2. ເລືອກ ເພີ່ມອາຫານເວັບ
  3. ກະລຸນາໃສ່ ຊື່ອາຫານ (ບໍ່​ມີ​ຊ່ອງ​ຫວ່າງ​ແມ່ນ​ອະ​ນຸ​ຍາດ​ໃຫ້​)
  4. ກະລຸນາໃສ່ Feed URL ທີ່ເຈົ້າຫາກໍ່ສ້າງ.
  5. ກະລຸນາໃສ່ວິທີການຮ້ອງຂໍເປັນ GET
  6. ໃສ່ປະເພດເນື້ອຫາເປັນ XML

Klaviyo ເພີ່ມ Shopify XML Blog Feed

  1. ກົດ ອັບເດດຂໍ້ມູນຟີດ.
  2. ກົດ Preview ເພື່ອຮັບປະກັນວ່າຟີດແມ່ນມີປະຊາກອນຢ່າງຖືກຕ້ອງ.

ເບິ່ງຕົວຢ່າງຟີດຂອງ Blog Shopify ໃນ Klaviyo

ເພີ່ມອາຫານບລັອກຂອງເຈົ້າໃສ່ແມ່ແບບອີເມວ Klaviyo ຂອງທ່ານ

ໃນປັດຈຸບັນພວກເຮົາຕ້ອງການທີ່ຈະສ້າງ blog ຂອງພວກເຮົາເຂົ້າໄປໃນແມ່ແບບອີເມວຂອງພວກເຮົາໃນ ຄລາວີໂຢ. ໃນຄວາມຄິດເຫັນຂອງຂ້ອຍ, ແລະເຫດຜົນທີ່ພວກເຮົາຕ້ອງການອາຫານທີ່ກໍາຫນົດເອງ, ຂ້ອຍມັກພື້ນທີ່ເນື້ອຫາທີ່ມີການແບ່ງປັນທີ່ຮູບພາບຢູ່ເບື້ອງຊ້າຍ, ຫົວຂໍ້ແລະ excerpt ແມ່ນຢູ່ດ້ານລຸ່ມ. Klaviyo ຍັງມີທາງເລືອກທີ່ຈະຫຍໍ້ມັນເຂົ້າໄປໃນຖັນດຽວໃນອຸປະກອນມືຖື.

  1. ລາກກ Split Block ເຂົ້າໄປໃນແມ່ແບບອີເມວຂອງທ່ານ.
  2. ຕັ້ງຖັນຊ້າຍຂອງເຈົ້າເປັນ ຮູບພາບ ແລະຖັນຂວາຂອງເຈົ້າໄປຫາ ກ ຂໍ້ຄວາມ block.

Klaviyo Split Block ສໍາລັບບົດຄວາມ blog Shopify

  1. ສໍາລັບຮູບພາບ, ເລືອກ ພາບເຄື່ອນໄຫວ ແລະ​ຕັ້ງ​ຄ່າ​ເປັນ​:

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

  1. ຕັ້ງຂໍ້ຄວາມ Alt ເປັນ:

{{item.title}}

  1. ກໍານົດທີ່ຢູ່ເຊື່ອມຕໍ່ເພື່ອວ່າຖ້າຜູ້ຈອງອີເມລ໌ຄລິກໃສ່ຮູບພາບ, ມັນຈະນໍາພວກເຂົາໄປຫາບົດຄວາມຂອງເຈົ້າ.

{{item.link}}

  1. ເລືອກເອົາ ຖັນຂວາ ເພື່ອກໍານົດເນື້ອໃນຖັນ.

Klaviyo Blog Post Title and Description

  1. ຕື່ມການຂອງທ່ານ ເນື້ອໃນ, ໃຫ້ແນ່ໃຈວ່າຈະເພີ່ມການເຊື່ອມຕໍ່ກັບຫົວຂໍ້ຂອງທ່ານແລະໃສ່ຂໍ້ຄວາມ excerpt ຂອງທ່ານ.

<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. ເລືອກເອົາ ແຍກການຕັ້ງຄ່າ tab
  2. ຕັ້ງເປັນ 40% / 60% ຮູບແບບ ເພື່ອໃຫ້ມີພື້ນທີ່ເພີ່ມເຕີມສໍາລັບຂໍ້ຄວາມ.
  3. ເປີດນໍາໃຊ້ Stack ໃນມືຖື ແລະຕັ້ງ ຂວາຫາຊ້າຍ.

Klaviyo Split Block ສໍາລັບບົດຄວາມ Blog Post Shopify stacked ໃນມືຖື

  1. ເລືອກເອົາ ຕົວເລືອກການສະແດງຜົນ tab

Klaviyo Split Block ສໍາລັບ Shopify Blog Post Articles ສະແດງທາງເລືອກ

  1. ເລືອກ Content Repeat ແລະເອົາ feed ທີ່ທ່ານສ້າງຂຶ້ນໃນ Klaviyo ເປັນແຫຼ່ງໃນ ເຮັດເລື້ມຄືນສໍາລັບ ພາກສະຫນາມ:

feeds.Closet52_Blog.rss.channel.item

  1. ຕັ້ງຄ່າ ນາມແຝງລາຍການ as ລາຍການ.
  2. ກົດ ເບິ່ງຕົວຢ່າງແລະການທົດສອບ ແລະຕອນນີ້ທ່ານສາມາດເບິ່ງບົດຄວາມ blog ຂອງທ່ານໄດ້. ໃຫ້ແນ່ໃຈວ່າຈະທົດສອບມັນທັງໃນໂຫມດ desktop ແລະມືຖື.

Klaviyo Split Block Preview ແລະທົດສອບ.

ແລະ, ແນ່ນອນ, ຖ້າທ່ານຕ້ອງການການຊ່ວຍເຫຼືອໃນ Shopify ການເພີ່ມປະສິດທິພາບແລະ ຄລາວີໂຢ ການຈັດຕັ້ງປະຕິບັດ, ຢ່າລັງເລທີ່ຈະເຂົ້າຫາ Highbridge.

ການເປີດເຜີຍ: ຂ້ອຍເປັນຄູ່ຮ່ວມງານໃນ Highbridge ແລະຂ້ອຍກໍາລັງໃຊ້ການເຊື່ອມຕໍ່ເປັນພີ່ນ້ອງກັນຂອງຂ້ອຍສໍາລັບ Shopify ແລະ ຄລາວີໂຢ ໃນບົດຄວາມນີ້.