بازاریابی محتواتجارت الکترونیکی و خرده فروشیبازاریابی ایمیلی و اتوماسیون

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

ما همچنان به بهبود و بهینه سازی خود ادامه می دهیم Shopify Plus تلاش های بازاریابی ایمیلی مشتری مد با استفاده از Klaviyo. Klaviyo دارای یکپارچگی کامل با Shopify است که تعداد زیادی ارتباطات مرتبط با تجارت الکترونیک را که از پیش ساخته شده و آماده کار هستند را امکان پذیر می کند.

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

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

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

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

من توانستم یک مقاله با کد مثال برای ساختن یک مقاله پیدا کنم خوراک سفارشی در Shopify برای Intuit Mailchimp و چندین ویرایش برای پاک کردن آن انجام داد. در اینجا مراحل ساخت 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 10241024 پیکسل x 1024 پیکسل
2048 X 20482048 پیکسل x 2048 پیکسل
استادبزرگترین تصویر موجود
  1. فید شما اکنون در آدرس وبلاگ شما با رشته query اضافه شده برای مشاهده آن در دسترس است. در مورد مشتری ما، URL فید این است:
https://yourshopifysite.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 پیاده سازی ها، در تماس با آنها دریغ نکنید DK New Media.

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

Douglas Karr

Douglas Karr CMO از است OpenINSIGHTS و بنیانگذار Martech Zone. داگلاس به ده‌ها استارت‌آپ موفق MarTech کمک کرده است، به بررسی دقیق بیش از 5 میلیارد دلار در خرید و سرمایه‌گذاری Martech کمک کرده است، و همچنان به شرکت‌ها در پیاده‌سازی و خودکارسازی استراتژی‌های فروش و بازاریابی کمک می‌کند. داگلاس یک متخصص و سخنران تحول دیجیتال و MarTech است. داگلاس همچنین نویسنده کتاب راهنمای Dummie و کتاب رهبری تجاری است.

مقالات مرتبط

بازگشت به دکمه بالا
نزدیک

Adblock شناسایی شد

Martech Zone می تواند این محتوا را بدون هیچ هزینه ای در اختیار شما قرار دهد زیرا ما از طریق درآمد تبلیغاتی، پیوندهای وابسته و حمایت های مالی از سایت خود کسب درآمد می کنیم. اگر در حین مشاهده سایت ما، مسدود کننده تبلیغات خود را حذف کنید، خوشحال خواهیم شد.