আপনার Klaviyo ইমেল টেমপ্লেটে আপনার Shopify ব্লগ ফিড কিভাবে প্রকাশ করবেন

আমরা আমাদের উন্নত এবং অপ্টিমাইজ করতে অবিরত শপাইফ প্লাস ফ্যাশন ক্লায়েন্ট এর ইমেইল মার্কেটিং প্রচেষ্টা ব্যবহার করে 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. ক্লাভিও ডেটা ফিড - আমরা যে XML ফিডটি তৈরি করেছি সেটিকে ক্লাভিওতে ডেটা ফিড হিসাবে একত্রিত করতে হবে।
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. অ্যাকশন মেনুতে, নির্বাচন করুন কোড সম্পাদনা করুন.
3. ফাইল মেনুতে, টেমপ্লেটে নেভিগেট করুন এবং ক্লিক করুন একটি নতুন টেমপ্লেট যোগ করুন.
4. একটি নতুন টেমপ্লেট যোগ করুন উইন্ডোতে, নির্বাচন করুন একটি নতুন টেমপ্লেট তৈরি করুন জন্য ব্লগ.

5. এর টেমপ্লেট টাইপ নির্বাচন করুন তরল.
6. ফাইলের নামের জন্য, আমরা প্রবেশ করেছি klaviyo.
7. কোড এডিটরে, নিম্নলিখিত কোডটি রাখুন:

{%- 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>

8. প্রয়োজন অনুযায়ী কাস্টম ভেরিয়েবল আপডেট করুন। এই বিষয়ে একটি নোট হল যে আমরা আমাদের ইমেলের সর্বোচ্চ প্রস্থ, 600px চওড়াতে ছবির আকার সেট করেছি। এখানে Shopify এর চিত্রের আকারের একটি টেবিল রয়েছে:

Shopify ছবির নাম	মাত্রা
Pico	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
মালিক	সবচেয়ে বড় ছবি উপলব্ধ

9. আপনার ফিড এখন আপনার ব্লগের ঠিকানায় এটি দেখার জন্য যোগ করা কোয়েরিস্ট্রিং সহ উপলব্ধ। আমাদের ক্লায়েন্টের ক্ষেত্রে, ফিড URL হল:

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

10. আপনার ফিড এখন ব্যবহারের জন্য প্রস্তুত! আপনি যদি চান, কোন ত্রুটি নেই তা নিশ্চিত করতে আপনি একটি ব্রাউজার উইন্ডোতে এটিতে নেভিগেট করতে পারেন৷ আমরা আমাদের পরবর্তী ধাপে এটি সঠিকভাবে পার্স করা নিশ্চিত করতে যাচ্ছি:

Klaviyo মধ্যে আপনার ব্লগ ফিড যোগ করুন

আপনার নতুন ব্লগ ফিড ব্যবহার করার জন্য Klaviyo, আপনাকে এটি একটি ডেটা ফিড হিসাবে যোগ করতে হবে।

1. নেভিগেট করুন ডেটা ফিডস
2. নির্বাচন করা ওয়েব ফিড যোগ করুন
3. একটি লিখুন ফিডের নাম (কোন স্থান অনুমোদিত নয়)
4. প্রবেশ করান ফিড URL যে আপনি সবেমাত্র তৈরি করেছেন।
5. হিসাবে অনুরোধ পদ্ধতি লিখুন পাওয়া
6. কন্টেন্ট টাইপ হিসেবে লিখুন এক্সএমএল

7. ক্লিক ডেটা ফিড আপডেট করুন.
8. ক্লিক প্রি ফিড সঠিকভাবে জনবহুল হচ্ছে তা নিশ্চিত করতে।

আপনার Klaviyo ইমেল টেমপ্লেট আপনার ব্লগ ফিড যোগ করুন

এখন আমরা আমাদের ইমেল টেমপ্লেটে আমাদের ব্লগ তৈরি করতে চাই Klaviyo. আমার মতে, এবং যে কারণে আমাদের একটি কাস্টম ফিড প্রয়োজন, আমি একটি বিভক্ত বিষয়বস্তু এলাকা পছন্দ করি যেখানে চিত্রটি বাম দিকে রয়েছে, শিরোনাম এবং উদ্ধৃতি নীচে রয়েছে। ক্লাভিয়োর কাছে এটিকে একটি মোবাইল ডিভাইসে একটি একক কলামে সঙ্কুচিত করার বিকল্পও রয়েছে।

1. টেনে আনুন a স্প্লিট ব্লক আপনার ইমেইল টেমপ্লেটে।
2. একটি আপনার বাম কলাম সেট করুন ভাবমূর্তি এবং আপনার ডান কলাম একটি পাঠ ব্লক।

3. ছবির জন্য, নির্বাচন করুন গতিশীল চিত্র এবং মান সেট করুন:

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

4. Alt পাঠ্য এতে সেট করুন:

{{item.title}}

5. লিঙ্ক ঠিকানা সেট করুন যাতে ইমেল গ্রাহক ছবিটিতে ক্লিক করলে, এটি তাদের আপনার নিবন্ধে নিয়ে আসে।

{{item.link}}

6. নির্বাচন করুন ডান কলাম কলামের বিষয়বস্তু সেট করতে।

7. আপনার যোগ করুন বিষয়বস্তু, আপনার শিরোনামে একটি লিঙ্ক যোগ করতে ভুলবেন না এবং আপনার পোস্টের উদ্ধৃতি সন্নিবেশ করান।

<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>

8. নির্বাচন করুন বিভক্ত সেটিংস ট্যাব।
9. সেট a 40% / 60% লেআউট পাঠ্যের জন্য আরও জায়গা দেওয়ার জন্য।
10. সক্ষম করা মোবাইলে স্ট্যাক এবং সেট করুন ডান থেকে বাম.

11. নির্বাচন করুন প্রদর্শন অপশন ট্যাব।

12. কন্টেন্ট রিপিট নির্বাচন করুন এবং ক্লাভিওতে আপনার তৈরি করা ফিডটিকে সোর্স হিসেবে রাখুন জন্য পুনরাবৃত্তি করুন ক্ষেত্র:

feeds.Closet52_Blog.rss.channel.item

13. স্থির কর আইটেম ওরফে as পদ.
14. ক্লিক পূর্বরূপ এবং পরীক্ষা এবং আপনি এখন আপনার ব্লগ পোস্ট দেখতে পারেন. ডেস্কটপ এবং মোবাইল উভয় মোডে এটি পরীক্ষা করতে ভুলবেন না।

এবং, অবশ্যই, যদি আপনার সাহায্যের প্রয়োজন হয় বিষয়শ্রেণী অপ্টিমাইজেশান এবং Klaviyo বাস্তবায়ন, পৌঁছাতে দ্বিধা করবেন না Highbridge.

প্রকাশ: আমি এর অংশীদার Highbridge এবং আমি এর জন্য আমার অধিভুক্ত লিঙ্ক ব্যবহার করছি বিষয়শ্রেণী এবং Klaviyo এই অনুচ্ছেদে.