اپنے کلاویو ای میل ٹیمپلیٹ میں اپنے Shopify بلاگ فیڈ کو کیسے شائع کریں۔

اپنے کلاویو ای میل ٹیمپلیٹ میں اپنے Shopify بلاگ فیڈ کو کیسے شائع کریں۔

ہم اپنی بہتری اور اصلاح جاری رکھتے ہیں۔ شاپائف پلس فیشن کلائنٹ کی ای میل مارکیٹنگ کی کوششوں کا استعمال کرتے ہوئے Klaviyo. Klaviyo کا Shopify کے ساتھ ایک ٹھوس انضمام ہے جو ای کامرس سے متعلق ایک ٹن مواصلات کو قابل بناتا ہے جو پہلے سے بنی ہوئی ہیں اور جانے کے لیے تیار ہیں۔

حیرت انگیز طور پر، آپ کا داخل کرنا Shopify بلاگ پوسٹس ایک ای میل میں ان میں سے ایک نہیں ہے، اگرچہ! چیزوں کو مزید مشکل بنانا… اس ای میل کو بنانے کے لیے دستاویزات مکمل نہیں ہیں اور ان کے تازہ ترین ایڈیٹر کی دستاویز بھی نہیں کرتے ہیں۔ تو، Highbridge کچھ کھودنا تھا اور یہ خود معلوم کرنا تھا کہ اسے کیسے کرنا ہے… اور یہ آسان نہیں تھا۔

ایسا کرنے کے لیے ضروری ترقی یہ ہے:

  1. بلاگ فیڈ - Shopify کی طرف سے فراہم کردہ ایٹم فیڈ کوئی تخصیص فراہم نہیں کرتا ہے اور نہ ہی اس میں تصاویر شامل ہیں، لہذا ہمیں اپنی مرضی کے مطابق XML فیڈ بنانا ہوگا۔
  2. Klaviyo ڈیٹا فیڈ - ہم نے جو XML فیڈ بنایا ہے اسے Klaviyo میں ڈیٹا فیڈ کے طور پر مربوط کرنے کی ضرورت ہے۔
  3. Klaviyo ای میل ٹیمپلیٹ - پھر ہمیں فیڈ کو ایک ای میل ٹیمپلیٹ میں پارس کرنے کی ضرورت ہے جہاں تصاویر اور مواد کو صحیح طریقے سے تشکیل دیا گیا ہو۔

Shopify میں اپنی مرضی کے مطابق بلاگ فیڈ بنائیں

میں مثال کوڈ کے ساتھ ایک مضمون تلاش کرنے میں کامیاب رہا تاکہ a Shopify میں اپنی مرضی کے مطابق فیڈ لیے MailChimp کے اور اسے صاف کرنے کے لیے کافی ترامیم کیں۔ یہاں a کی تعمیر کے اقدامات ہیں۔ اپنی مرضی کے مطابق آر ایس ایس فیڈ اپنے بلاگ کے لیے Shopify میں۔

  1. آپ کو نیویگیشن کریں آن لائن سٹور اور وہ تھیم منتخب کریں جس میں آپ فیڈ رکھنا چاہتے ہیں۔
  2. ایکشن مینو میں، منتخب کریں۔ کوڈ میں ترمیم کریں.
  3. فائلز مینو میں، ٹیمپلیٹس پر جائیں اور کلک کریں۔ ایک نیا ٹیمپلیٹ شامل کریں۔.
  4. نئی ٹیمپلیٹ شامل کریں ونڈو میں، منتخب کریں۔ ایک نیا ٹیمپلیٹ بنائیں لیے کے بلاگ.

کلویو کے لیے 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 x 16px
آئکن 32px x 32px
انگوٹھے 50px x 50px
چھوٹے 100px x 100px
کمپیکٹ 160px x 160px
درمیانہ 240px x 240px
بڑے 480px x 480px
عظیم 600px x 600px
1024 ایکس 1024 1024px x 1024px
2048 ایکس 2048 2048px x 2048px
ماسٹر سب سے بڑی تصویر دستیاب ہے۔

  1. آپ کی فیڈ اب آپ کے بلاگ کے ایڈریس پر اسے دیکھنے کے لیے شامل کردہ استفسار کے ساتھ دستیاب ہے۔ ہمارے کلائنٹ کے معاملے میں، فیڈ URL ہے:

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

  1. آپ کی فیڈ اب استعمال کے لیے تیار ہے! اگر آپ چاہیں تو براؤزر ونڈو میں اس پر جا سکتے ہیں تاکہ یہ یقینی بنایا جا سکے کہ کوئی خرابی نہیں ہے۔ ہم اپنے اگلے مرحلے میں یہ یقینی بنانے جا رہے ہیں کہ یہ مناسب طریقے سے تجزیہ کرتا ہے:

Klaviyo میں اپنی بلاگ فیڈ شامل کریں۔

اپنے نئے بلاگ فیڈ کو استعمال کرنے کے لیے Klaviyo، آپ کو اسے ڈیٹا فیڈ کے طور پر شامل کرنا ہوگا۔

  1. پر تشریف لے جائیں ڈیٹا فیڈ
  2. منتخب کریں ویب فیڈ شامل کریں۔
  3. ایک درج کریں فیڈ کا نام (کسی جگہ کی اجازت نہیں ہے)
  4. درج کریں فیڈ URL جسے آپ نے ابھی بنایا ہے۔
  5. درخواست کا طریقہ بطور درج کریں۔ حاصل کریں
  6. مواد کی قسم بطور درج کریں۔ XML

Claviyo Shopify XML بلاگ فیڈ شامل کریں۔

  1. کلک کریں ڈیٹا فیڈ کو اپ ڈیٹ کریں۔.
  2. کلک کریں پیش نظارہ اس بات کو یقینی بنانے کے لیے کہ فیڈ صحیح طریقے سے آباد ہو رہی ہے۔

کلاویو میں Shopify بلاگ فیڈ کا پیش نظارہ کریں۔

اپنے بلاگ فیڈ کو اپنے Klaviyo ای میل ٹیمپلیٹ میں شامل کریں۔

اب ہم اپنے بلاگ کو اپنے ای میل ٹیمپلیٹ میں بنانا چاہتے ہیں۔ Klaviyo. میری رائے میں، اور اس وجہ سے کہ ہمیں کسٹم فیڈ کی ضرورت ہے، مجھے ایک تقسیم شدہ مواد کا علاقہ پسند ہے جہاں تصویر بائیں طرف ہو، عنوان اور اقتباس نیچے ہو۔ Klaviyo کے پاس موبائل ڈیوائس پر اسے ایک کالم میں سمیٹنے کا اختیار بھی ہے۔

  1. گھسیٹنا a اسپلٹ بلاک آپ کے ای میل ٹیمپلیٹ میں۔
  2. اپنے بائیں کالم کو ایک پر سیٹ کریں۔ تصویر اور آپ کے دائیں کالم کو a متن بلاک.

شاپائف بلاگ پوسٹ آرٹیکلز کے لیے کلاویو اسپلٹ بلاک

  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. فعال کریں موبائل پر اسٹیک اور سیٹ کریں۔ دائیں سے بائیں.

کلاویو سپلٹ بلاک برائے Shopify بلاگ پوسٹ آرٹیکلز موبائل پر جمع ہیں۔

  1. منتخب کریں اختیارات دکھائیں ٹیب.

شاپائف بلاگ پوسٹ آرٹیکل ڈسپلے کے اختیارات کے لیے کلاویو اسپلٹ بلاک

  1. Content Repeat کو منتخب کریں اور اس فیڈ کو ڈالیں جو آپ نے Klaviyo میں بنایا ہے بطور ذریعہ کے لیے دہرائیں۔ فیلڈ:

feeds.Closet52_Blog.rss.channel.item

  1. مقرر آئٹم عرف as اشیاء.
  2. کلک کریں پیش نظارہ اور ٹیسٹ اور اب آپ اپنی بلاگ پوسٹس دیکھ سکتے ہیں۔ اسے ڈیسک ٹاپ اور موبائل دونوں موڈ میں جانچنا یقینی بنائیں۔

Klaviyo اسپلٹ بلاک کا پیش نظارہ اور ٹیسٹ۔

اور، یقینا، اگر آپ کو مدد کی ضرورت ہے۔ Shopify اصلاح اور Klaviyo نفاذ، تک پہنچنے میں ہچکچاہٹ نہ کریں۔ Highbridge.

انکشاف: میں اس میں شریک ہوں Highbridge اور میں اپنے الحاق کے لنکس کے لیے استعمال کر رہا ہوں۔ Shopify اور Klaviyo اس مضمون میں.