Shopify блогын хангамжийг өөрийн Klaviyo цахим шуудангийн загварт хэрхэн нийтлэх вэ

Shopify блогын хангамжаа өөрийн Klaviyo цахим шуудангийн загварт хэрхэн нийтлэх вэ

Бид үргэлжлүүлэн сайжруулж, оновчтой болгож байна ShopifyPlus загварын үйлчлүүлэгчийн имэйл маркетингийн хүчин чармайлтыг ашиглан Клавияо байна. Klaviyo нь Shopify-тай нягт уялдаатай бөгөөд энэ нь цахим худалдаатай холбоотой олон тонн харилцаа холбоог урьдчилан бэлтгэсэн бөгөөд ашиглахад бэлэн болгодог.

Гайхалтай нь оруулах нь таны Shopify блог нийтлэлүүд Гэсэн хэдий ч имэйл илгээх нь тэдний нэг биш юм! Бүх зүйлийг улам хүндрүүлж байна… энэ имэйлийг бүтээх баримт бичиг нь нарийн биш бөгөөд тэдний хамгийн сүүлийн засварлагчийг ч баримтжуулаагүй байна. Тэгэхээр, Highbridge Хэсэг ухаж, өөрсдөө яаж хийхээ олох хэрэгтэй болсон... гэхдээ энэ нь тийм ч амар байгаагүй.

Үүнийг бий болгоход шаардлагатай хөгжил энд байна:

  1. Блогын тэжээл – Shopify-аас өгсөн атомын тэжээл нь ямар ч тохируулга, зураг оруулаагүй тул бид тусгайлсан XML хангамжийг бүтээх хэрэгтэй.
  2. Klaviyo мэдээллийн хангамж – Бидний бүтээсэн XML хангамжийг Klaviyo-д мэдээллийн хангамж болгон нэгтгэх шаардлагатай.
  3. Klaviyo цахим шуудангийн загвар – Дараа нь бид зураг, контентыг зөв форматласан цахим шуудангийн загвар болгон мэдээллийг задлан шинжлэх хэрэгтэй.

Shopify дээр захиалгат блогын хангамж үүсгээрэй

Би бүтээхийн тулд жишээ код бүхий нийтлэлийг олж чадсан Shopify дахь захиалгат тэжээл нь MailChimp мөн үүнийг цэвэрлэхийн тулд нэлээд хэдэн засвар хийсэн. a-г барих алхмууд энд байна захиалгат RSS тэжээл Таны блогт зориулсан Shopify дээр.

  1. Өөрийн рүү очих Онлайн дэлгүүр мөн тэжээлээ байрлуулахыг хүссэн сэдвээ сонго.
  2. Үйлдлүүд цэснээс сонгоно уу Кодыг засах.
  3. Files цэснээс Templates руу очоод товшино уу Шинэ загвар нэмнэ үү.
  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. Шаардлагатай бол захиалгат хувьсагчдыг шинэчилнэ үү. Үүний нэг тэмдэглэл бол бид зургийн хэмжээг имэйлийнхээ хамгийн дээд өргөн буюу 600px өргөн болгон тохируулсан явдал юм. Shopify-ийн зургийн хэмжээг харуулсан хүснэгт энд байна:

Shopify зургийн нэр Хэмжээ
оргил үе 16px 16px
дүрс 32px 32px
эрхий 50px 50px
жижиг 100px 100px
компакт 160px 160px
дунд 240px 240px
их 480px 480px
том 600px 600px
1024 X 1024 1024px 1024px
2048 X 2048 2048px 2048px
мастер Боломжтой хамгийн том зураг

  1. Таны хангамж одоо таны блогын хаяг дээр байгаа бөгөөд үүнийг үзэхийн тулд хайлтын мөр хавсаргасан байна. Манай үйлчлүүлэгчийн хувьд хангамжийн URL нь:

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

  1. Таны хангамж одоо ашиглахад бэлэн боллоо! Хэрэв та хүсвэл ямар ч алдаа гарахгүйн тулд хөтчийн цонхоор түүн рүү шилжиж болно. Бид дараагийн алхамдаа үүнийг зөв задлан шинжилж байгаа эсэхийг шалгах болно:

Klaviyo-д өөрийн блогын хангамжийг нэмнэ үү

Өөрийн шинэ блогын хангамжийг ашиглахын тулд Клавияо байна, та үүнийг Data Feed болгон нэмэх хэрэгтэй.

  1. Руу очих Мэдээллийн хангамж
  2. сонгоно уу Вэб хангамж нэмэх
  3. A Хангамжийн нэр (зайг зөвшөөрөхгүй)
  4. оруулна уу Хангамжийн URL Таны дөнгөж бүтээсэн.
  5. Хүсэлтийн аргыг дараах байдлаар оруулна уу GET
  6. Агуулгын төрлийг дараах байдлаар оруулна уу XML

Klaviyo Shopify XML блогын хангамжийг нэмнэ үү

  1. Дарах Өгөгдлийн хангамжийг шинэчлэх.
  2. Дарах Урьдчилан харах тэжээлийг зөв дүүргэж байгаа эсэхийг шалгах.

Klaviyo-д Shopify блогын хангамжийг урьдчилан үзэх

Өөрийн блогын хангамжийг өөрийн Klaviyo имэйлийн загварт нэмнэ үү

Одоо бид блогоо цахим шуудангийн загвар болгон бүтээхийг хүсч байна Клавияо байна. Миний бодлоор, бидэнд захиалгат тэжээл хэрэгтэй болсон шалтгааны улмаас зураг нь зүүн талд, гарчиг, ишлэл нь доор байгаа хуваагдсан агуулгын талбарт дуртай. Klaviyo нь үүнийг хөдөлгөөнт төхөөрөмж дээр нэг багана болгон задлах сонголттой.

  1. Чирэх a Блок хуваах өөрийн цахим шуудангийн загварт оруулна уу.
  2. Зүүн баганаа a болгож тохируулна уу Image болон таны баруун баганаас a текст блок.

Shopify блог шуудангийн нийтлэлд зориулсан Klaviyo Split Block

  1. Зургийн хувьд сонгоно уу Динамик зураг мөн утгыг тохируулна уу:

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

  1. Alt текстийг дараах байдлаар тохируулна уу:

{{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 Split Block

  1. Content Repeat-ийг сонгоод Klaviyo-д үүсгэсэн хангамжаа эх сурвалж болгон оруулна уу Дахин давт талбар:

feeds.Closet52_Blog.rss.channel.item

  1. нь чансаанд Зүйлийн нэр as Зүйлийн.
  2. Дарах Урьдчилан үзэх, шалгах мөн та одоо өөрийн блог нийтлэлүүдийг харах боломжтой. Үүнийг ширээний болон гар утасны горимд туршиж үзэхээ мартуузай.

Klaviyo Split Block Урьдчилан үзэх болон шалгах.

Мэдээжийн хэрэг, танд тусламж хэрэгтэй бол Shopify-ийг оновчлол ба Клавияо байна хэрэгжүүлэх, бүү эргэлз Highbridge.

Тодруулга: Би хамтрагч Highbridge мөн би өөрийн түншлэлийн холбоосыг ашиглаж байна Shopify-ийг болон Клавияо байна Энэ нийтлэлд.