আপনার Klaviyo ইমেল টেমপ্লেটে আপনার Shopify ব্লগ ফিড কিভাবে প্রকাশ করবেন
আমরা আমাদের উন্নত এবং অপ্টিমাইজ করতে অবিরত শপাইফ প্লাস ফ্যাশন ক্লায়েন্ট এর ইমেইল মার্কেটিং প্রচেষ্টা ব্যবহার করে Klaviyo. ক্লাভিয়োর Shopify-এর সাথে একটি দৃঢ় সংহতকরণ রয়েছে যা পূর্ব-নির্মিত এবং যেতে প্রস্তুত এমন এক টন ই-কমার্স-সম্পর্কিত যোগাযোগ সক্ষম করে।
আশ্চর্যজনকভাবে, আপনার সন্নিবেশ Shopify ব্লগ পোস্ট একটি ইমেল তাদের মধ্যে একটি নয়, যদিও! জিনিসগুলিকে আরও কঠিন করে তুলছে… এই ইমেলটি তৈরি করার জন্য ডকুমেন্টেশন সম্পূর্ণ নয় এবং এমনকি তাদের নতুন সম্পাদককেও নথিভুক্ত করে না৷ তাই, DK New Media কিছু খনন করতে হয়েছিল এবং কীভাবে এটি নিজেরাই করতে হবে তা বের করতে হয়েছিল… এবং এটি সহজ ছিল না।
এটি ঘটানোর জন্য প্রয়োজনীয় বিকাশ এখানে রয়েছে:
- ব্লগ ফিড - Shopify দ্বারা প্রদত্ত পরমাণু ফিড কোন কাস্টমাইজেশন প্রদান করে না বা এটিতে ছবি অন্তর্ভুক্ত করে না, তাই আমাদের একটি কাস্টম XML ফিড তৈরি করতে হবে।
- ক্লাভিও ডেটা ফিড - আমরা যে XML ফিডটি তৈরি করেছি সেটিকে ক্লাভিওতে ডেটা ফিড হিসাবে একত্রিত করতে হবে।
- Klaviyo ইমেল টেমপ্লেট - তারপরে আমাদের ফিডটিকে একটি ইমেল টেমপ্লেটে পার্স করতে হবে যেখানে ছবি এবং বিষয়বস্তু সঠিকভাবে তৈরি করা হয়েছে।
Shopify-এ একটি কাস্টম ব্লগ ফিড তৈরি করুন
আমি একটি তৈরি করার জন্য উদাহরণ কোড সহ একটি নিবন্ধ খুঁজে পেয়েছি Shopify-এ কাস্টম ফিড উন্নত Intuit Mailchimp এবং এটি পরিষ্কার করার জন্য বেশ কয়েকটি সম্পাদনা করেছেন। এখানে একটি নির্মাণের ধাপ আছে কাস্টম RSS ফিড আপনার ব্লগের জন্য Shopify-এ।
- আপনার নেভিগেট করুন অনলাইন দোকান এবং আপনি যে থিমটিতে ফিড রাখতে চান সেটি নির্বাচন করুন।
- অ্যাকশন মেনুতে, নির্বাচন করুন কোড সম্পাদনা করুন.
- ফাইল মেনুতে, টেমপ্লেটে নেভিগেট করুন এবং ক্লিক করুন একটি নতুন টেমপ্লেট যোগ করুন.
- একটি নতুন টেমপ্লেট যোগ করুন উইন্ডোতে, নির্বাচন করুন একটি নতুন টেমপ্লেট তৈরি করুন উন্নত ব্লগ.
- এর টেমপ্লেট টাইপ নির্বাচন করুন তরল.
- ফাইলের নামের জন্য, আমরা প্রবেশ করেছি klaviyo.
- কোড এডিটরে, নিম্নলিখিত কোডটি রাখুন:
{%- 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>
- প্রয়োজন অনুযায়ী কাস্টম ভেরিয়েবল আপডেট করুন। এই বিষয়ে একটি নোট হল যে আমরা আমাদের ইমেলের সর্বোচ্চ প্রস্থ, 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 |
মালিক | সবচেয়ে বড় ছবি উপলব্ধ |
- আপনার ফিড এখন আপনার ব্লগের ঠিকানায় এটি দেখার জন্য যোগ করা কোয়েরিস্ট্রিং সহ উপলব্ধ। আমাদের ক্লায়েন্টের ক্ষেত্রে, ফিড URL হল:
https://yourshopifysite.com/blogs/fashion?view=klaviyo
- আপনার ফিড এখন ব্যবহারের জন্য প্রস্তুত! আপনি যদি চান, কোন ত্রুটি নেই তা নিশ্চিত করতে আপনি একটি ব্রাউজার উইন্ডোতে এটিতে নেভিগেট করতে পারেন৷ আমরা আমাদের পরবর্তী ধাপে এটি সঠিকভাবে পার্স করা নিশ্চিত করতে যাচ্ছি:
Klaviyo আপনার ব্লগ ফিড যোগ করুন
আপনার নতুন ব্লগ ফিড ব্যবহার করার জন্য Klaviyo, আপনাকে এটি একটি ডেটা ফিড হিসাবে যোগ করতে হবে।
- নেভিগেট করুন ডেটা ফিডস
- নির্বাচন করা ওয়েব ফিড যোগ করুন
- একটি লিখুন ফিডের নাম (কোন স্থান অনুমোদিত নয়)
- প্রবেশ করান ফিড URL যে আপনি সবেমাত্র তৈরি করেছেন।
- হিসাবে অনুরোধ পদ্ধতি লিখুন পাওয়া
- কন্টেন্ট টাইপ হিসেবে লিখুন এক্সএমএল
- ক্লিক ডেটা ফিড আপডেট করুন.
- ক্লিক প্রি ফিড সঠিকভাবে জনবহুল হচ্ছে তা নিশ্চিত করতে।
আপনার Klaviyo ইমেল টেমপ্লেট আপনার ব্লগ ফিড যোগ করুন
এখন আমরা আমাদের ইমেল টেমপ্লেটে আমাদের ব্লগ তৈরি করতে চাই Klaviyo. আমার মতে, এবং যে কারণে আমাদের একটি কাস্টম ফিড প্রয়োজন, আমি একটি বিভক্ত বিষয়বস্তু এলাকা পছন্দ করি যেখানে চিত্রটি বাম দিকে রয়েছে, শিরোনাম এবং উদ্ধৃতি নীচে রয়েছে। ক্লাভিয়োর কাছে এটিকে একটি মোবাইল ডিভাইসে একটি একক কলামে সঙ্কুচিত করার বিকল্পও রয়েছে।
- টেনে আনুন a স্প্লিট ব্লক আপনার ইমেইল টেমপ্লেটে।
- একটি আপনার বাম কলাম সেট করুন ভাবমূর্তি এবং আপনার ডান কলাম একটি পাঠ ব্লক।
- ছবির জন্য, নির্বাচন করুন গতিশীল চিত্র এবং মান সেট করুন:
{{ item|lookup:'media:content'|lookup:'@url' }}
- Alt পাঠ্য এতে সেট করুন:
{{item.title}}
- লিঙ্ক ঠিকানা সেট করুন যাতে ইমেল গ্রাহক ছবিটিতে ক্লিক করলে, এটি তাদের আপনার নিবন্ধে নিয়ে আসে।
{{item.link}}
- নির্বাচন করুন ডান কলাম কলামের বিষয়বস্তু সেট করতে।
- আপনার যোগ করুন বিষয়বস্তু, আপনার শিরোনামে একটি লিঙ্ক যোগ করতে ভুলবেন না এবং আপনার পোস্টের উদ্ধৃতি সন্নিবেশ করান।
<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>
- নির্বাচন করুন বিভক্ত সেটিংস ট্যাব।
- সেট a 40% / 60% লেআউট পাঠ্যের জন্য আরও জায়গা দেওয়ার জন্য।
- সক্ষম করা মোবাইলে স্ট্যাক এবং সেট করুন ডান থেকে বাম.
- নির্বাচন করুন প্রদর্শন অপশন ট্যাব।
- কন্টেন্ট রিপিট নির্বাচন করুন এবং ক্লাভিওতে আপনার তৈরি করা ফিডটিকে সোর্স হিসেবে রাখুন জন্য পুনরাবৃত্তি করুন ক্ষেত্র:
feeds.Closet52_Blog.rss.channel.item
- স্থির কর আইটেম ওরফে as পদ.
- ক্লিক পূর্বরূপ এবং পরীক্ষা এবং আপনি এখন আপনার ব্লগ পোস্ট দেখতে পারেন. ডেস্কটপ এবং মোবাইল উভয় মোডে এটি পরীক্ষা করতে ভুলবেন না।
এবং, অবশ্যই, যদি আপনার সাহায্যের প্রয়োজন হয় বিষয়শ্রেণী অপ্টিমাইজেশান এবং
Klaviyo বাস্তবায়ন, পৌঁছাতে দ্বিধা করবেন না DK New Media.প্রকাশ: আমি এর অংশীদার DK New Media এবং আমি এর জন্য আমার অধিভুক্ত লিঙ্ক ব্যবহার করছি বিষয়শ্রেণী এবং Klaviyo এই অনুচ্ছেদে.