چگونه فید وبلاگ Shopify خود را در قالب ایمیل Klaviyo خود منتشر کنید

چگونه فید وبلاگ Shopify خود را در قالب ایمیل Klaviyo خود منتشر کنید

ما همچنان به بهبود و بهینه سازی خود ادامه می دهیم Shopify Plus تلاش های بازاریابی ایمیلی مشتری مد با استفاده از Klaviyo. Klaviyo has a solid integration with Shopify that enables a ton of e-commerce-related communications that are pre-built and ready to go.

با کمال تعجب، درج خود را پست های وبلاگ Shopify هر چند به ایمیل یکی از آنها نیست! حتی دشوارتر کردن کارها... مستندات ساخت این ایمیل کامل نیست و حتی جدیدترین ویرایشگر آنها را مستند نمی کند. بنابراین، Highbridge مجبور بودیم کمی حفاری انجام دهیم و چگونگی انجام آن را خودمان بیابیم... و این کار آسانی نبود.

در اینجا توسعه لازم برای تحقق این امر وجود دارد:

  1. خوراک وبلاگ – فید اتم ارائه شده توسط Shopify هیچ گونه سفارشی سازی را ارائه نمی دهد و شامل تصاویر نیز نمی شود، بنابراین ما باید یک فید XML سفارشی بسازیم.
  2. فید داده Klaviyo – فید XML که ما ساختیم باید به عنوان فید داده در Klaviyo یکپارچه شود.
  3. الگوی ایمیل Klaviyo – سپس باید فید را در قالب ایمیل تجزیه کنیم که در آن تصاویر و محتوا به درستی فرمت شده باشند.

یک فید وبلاگ سفارشی در Shopify بسازید

من توانستم یک مقاله با کد مثال برای ساختن یک مقاله پیدا کنم custom feed in Shopify برای نام Mailchimp and made quite a few edits to clean it up. Here are the steps to build a فید RSS سفارشی در Shopify برای وبلاگ شما.

  1. حرکت به سوی شما فروشگاه آنلاین و تم مورد نظر برای قرار دادن فید را انتخاب کنید.
  2. در منوی Actions، را انتخاب کنید ویرایش کد.
  3. در منوی Files به Templates بروید و کلیک کنید یک قالب جدید اضافه کنید.
  4. در پنجره افزودن یک الگوی جدید، را انتخاب کنید یک قالب جدید ایجاد کنید برای وبلاگ.

فید وبلاگ مایع را به Shopify for Klaviyo اضافه کنید

  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. در صورت لزوم متغیرهای سفارشی را به روز کنید. یک نکته در این مورد این است که ما اندازه تصویر را به حداکثر عرض ایمیل های خود، 600 پیکسل عرض کرده ایم. در اینجا جدولی از اندازه های تصویر Shopify آمده است:

نام تصویر Shopify ابعاد
پیکو 16 پیکسل x 16 پیکسل
شمایل 32 پیکسل x 32 پیکسل
شست 50 پیکسل x 50 پیکسل
کوچک 100 پیکسل x 100 پیکسل
جمع و جور 160 پیکسل x 160 پیکسل
متوسط 240 پیکسل x 240 پیکسل
بزرگ 480 پیکسل x 480 پیکسل
بزرگ 600 پیکسل x 600 پیکسل
1024 X 1024 1024 پیکسل x 1024 پیکسل
2048 X 2048 2048 پیکسل x 2048 پیکسل
استاد بزرگترین تصویر موجود

  1. فید شما اکنون در آدرس وبلاگ شما با رشته query اضافه شده برای مشاهده آن در دسترس است. در مورد مشتری ما، URL فید این است:

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

  1. فید شما اکنون آماده استفاده است! اگر مایل هستید، می‌توانید در پنجره مرورگر به آن بروید تا مطمئن شوید که هیچ خطایی وجود ندارد. ما در مرحله بعدی مطمئن می شویم که آن را به درستی تجزیه می کنیم:

فید وبلاگ خود را به Klaviyo اضافه کنید

به منظور استفاده از فید وبلاگ جدید خود در Klaviyo، باید آن را به عنوان فید داده اضافه کنید.

  1. هدایت به فیدهای داده
  2. انتخاب کنید افزودن فید وب
  3. را وارد کنید نام فید (فضا مجاز نیست)
  4. را وارد کنید URL فید که شما به تازگی ایجاد کرده اید
  5. روش درخواست را به عنوان وارد کنید شو
  6. نوع محتوا را به عنوان وارد کنید XML

Klaviyo فید وبلاگ Shopify XML را اضافه کنید

  1. کلیک کنید فید داده را به روز کنید.
  2. کلیک کنید پیش نمایش برای اطمینان از پر شدن صحیح خوراک

پیش نمایش خوراک وبلاگ Shopify در Klaviyo

فید وبلاگ خود را به الگوی ایمیل Klaviyo خود اضافه کنید

اکنون می خواهیم وبلاگ خود را در قالب ایمیل خود بسازیم Klaviyo. به نظر من، و دلیل اینکه ما به یک فید سفارشی نیاز داشتیم، من یک قسمت محتوای تقسیم شده را دوست دارم که تصویر در سمت چپ، عنوان و گزیده زیر آن باشد. Klaviyo همچنین این گزینه را دارد که این را به یک ستون در یک دستگاه تلفن همراه جمع کند.

  1. بکشید a بلوک تقسیم در قالب ایمیل شما.
  2. ستون سمت چپ خود را روی یک تنظیم کنید تصویر و ستون سمت راست شما به a متن مسدود کردن.

بلوک تقسیم Klaviyo برای مقالات پست وبلاگ Shopify

  1. برای تصویر، را انتخاب کنید تصویر پویا و مقدار را روی:

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

  1. متن جایگزین را به صورت زیر تنظیم کنید:

{{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. را انتخاب کنید تنظیم های نمایش تب.

گزینه های نمایش Block Split Klaviyo برای گزینه های نمایش مقالات پست وبلاگ Shopify

  1. Content Repeat را انتخاب کنید و فید ایجاد شده در Klaviyo را به عنوان منبع در آن قرار دهید تکرار برای رشته:

feeds.Closet52_Blog.rss.channel.item

  1. تنظیم کنید نام مستعار مورد as آیتم.
  2. کلیک کنید پیش نمایش و تست و اکنون می توانید پست های وبلاگ خود را ببینید. حتما آن را در حالت دسکتاپ و موبایل تست کنید.

Klaviyo Split Block پیش نمایش و تست.

و البته اگر به کمک نیاز دارید Shopify بهینه سازی و Klaviyo پیاده سازی ها، در تماس با آنها دریغ نکنید Highbridge.

افشاگری: من یک شریک در هستم Highbridge و من از پیوندهای وابسته خود استفاده می کنم Shopify و Klaviyo در این مقاله.