كيف تنشر خلاصة مدونة Shopify الخاصة بك في نموذج البريد الإلكتروني Klaviyo الخاص بك

كيف تنشر خلاصة مدونة Shopify الخاصة بك في نموذج البريد الإلكتروني Klaviyo الخاص بك

نستمر في تعزيز وتحسين لدينا Shopify Plus جهود التسويق عبر البريد الإلكتروني لعميل الموضة باستخدام Klaviyo. يتمتع Klaviyo بتكامل قوي مع Shopify الذي يتيح عددًا كبيرًا من الاتصالات المتعلقة بالتجارة الإلكترونية والتي تم إنشاؤها مسبقًا وجاهزة للعمل.

والمثير للدهشة أن إدخال ملف Shopify مشاركات المدونة في بريد إلكتروني ليس واحدًا منهم ، رغم ذلك! مما يجعل الأمور أكثر صعوبة ... الوثائق الخاصة بإنشاء هذا البريد الإلكتروني ليست شاملة ولا توثق حتى أحدث محرر لها. لذا، Highbridge كان علينا القيام ببعض الحفر ومعرفة كيفية القيام بذلك بأنفسنا ... ولم يكن الأمر سهلاً.

إليك التطوير الضروري لتحقيق ذلك:

  1. تغذية المدونة - لا يوفر موجز atom المقدم من Shopify أي تخصيص ولا يتضمن صورًا ، لذلك يتعين علينا إنشاء موجز XML مخصص.
  2. موجز بيانات Klaviyo - يجب دمج موجز XML الذي أنشأناه كتغذية بيانات في Klaviyo.
  3. قالب البريد الإلكتروني Klaviyo - نحتاج بعد ذلك إلى تحليل الخلاصة إلى نموذج بريد إلكتروني حيث يتم تنسيق الصور والمحتوى بشكل صحيح.

إنشاء موجز مدونة مخصص في Shopify

تمكنت من العثور على مقال به مثال على التعليمات البرمجية لإنشاء ملف تغذية مخصصة في Shopify لل Mailchimp وإجراء بعض التعديلات لتنظيفه. فيما يلي خطوات إنشاء ملف موجز RSS المخصص في Shopify لمدونتك.

  1. انتقل الى حسابك منتجاتنا وحدد الموضوع الذي ترغب في وضع الخلاصة فيه.
  2. في قائمة الإجراءات ، حدد تحرير التعليمات البرمجية.
  3. في قائمة الملفات ، انتقل إلى القوالب وانقر أضف قالبًا جديدًا.
  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 اسم الصورة الأبعاد
بيكو 16px X 16px
رمز 32px X 32px
إبهام اليد 50px X 50px
صغير 100px X 100px
اتفاق 160px X 160px
متوسط 240px X 240px
كبير 480px X 480px
عظيم 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. خلاصتك جاهزة الآن للاستخدام! إذا كنت ترغب في ذلك ، يمكنك الانتقال إليه في نافذة المتصفح للتأكد من عدم وجود أخطاء. سنعمل على ضمان تحليله بشكل صحيح في خطوتنا التالية:

أضف موجز مدونتك إلى Klaviyo

من أجل الاستفادة من موجز المدونة الجديد الخاص بك بتنسيق Klaviyo، عليك إضافته كموجز بيانات.

  1. انتقل إلى موجز البيانات
  2. اختار إضافة موجز ويب
  3. إدخال أطعمنى (لا يسمح بمسافات)
  4. أدخل عنوان الخلاصة الذي قمت بإنشائه للتو.
  5. أدخل طريقة الطلب باسم الحصول على
  6. أدخل نوع المحتوى باسم XML

Klaviyo أضف Shopify موجز مدونة XML

  1. انقر تحديث موجز البيانات.
  2. انقر معاينة لضمان ملء الخلاصة بشكل صحيح.

معاينة Shopify Blog Feed in Klaviyo

أضف موجز المدونة الخاص بك إلى نموذج البريد الإلكتروني Klaviyo الخاص بك

الآن نريد إنشاء مدونتنا في قالب البريد الإلكتروني الخاص بنا بتنسيق Klaviyo. في رأيي ، والسبب في حاجتنا إلى موجز مخصص ، أحب منطقة المحتوى المنقسمة حيث تكون الصورة على اليسار ، والعنوان والمقتطف تحتها. لدى Klaviyo أيضًا خيار طي هذا في عمود واحد على جهاز محمول.

  1. اسحب أ سبليت بلوك في قالب البريد الإلكتروني الخاص بك.
  2. اضبط العمود الأيسر على ملف صورة والعمود الأيمن الخاص بك إلى أ نص منع.

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. اضبط على أ 40٪ / 60٪ تخطيط لتوفير مساحة أكبر للنص.
  3. تفعيل كومة على الهاتف المحمول وحدد من اليمين الى اليسار.

Klaviyo Split Block for Shopify مقالات مدونة مكدسة على الهاتف المحمول

  1. إختار ال عرض الخيارات علامة التبويب.

Klaviyo Split Block for Shopify خيارات عرض المقالات في المدونة

  1. حدد تكرار المحتوى وضع الخلاصة التي أنشأتها في Klaviyo كمصدر في ملف كرر ل حقل:

feeds.Closet52_Blog.rss.channel.item

  1. تعيين الاسم المستعار للعنصر as بند.
  2. انقر معاينة واختبار ويمكنك الآن مشاهدة منشورات مدونتك. تأكد من اختباره في وضع سطح المكتب والجوال.

معاينة واختبار Klaviyo Split Block.

وبالطبع ، إذا كنت بحاجة إلى مساعدة في Shopify التحسين و Klaviyo التطبيقات ، فلا تتردد في التواصل معها Highbridge.

إفشاء: أنا شريك في Highbridge وأنا أستخدم روابط الإحالة الخاصة بي لـ Shopify و Klaviyo في هذه المقالة.