आपल्या क्लावियो ईमेल टेम्पलेटमध्ये आपले Shopify ब्लॉग फीड कसे प्रकाशित करावे

आपल्या क्लावियो ईमेल टेम्पलेटमध्ये आपले Shopify ब्लॉग फीड कसे प्रकाशित करावे

आम्ही आमचे सुधारणे आणि ऑप्टिमाइझ करणे सुरू ठेवतो शॉपिफाई प्लस वापरून फॅशन क्लायंटचे ईमेल विपणन प्रयत्न Klaviyo. Klaviyo चे Shopify सह एक ठोस एकत्रीकरण आहे जे पूर्व-निर्मित आणि जाण्यासाठी तयार असलेले अनेक ई-कॉमर्स-संबंधित संप्रेषण सक्षम करते.

आश्‍चर्याने, घालताना आपले Shopify ब्लॉग पोस्ट एक ईमेल मध्ये त्यापैकी एक नाही, तरी! गोष्टी आणखी कठीण बनवत आहेत... हा ईमेल तयार करण्यासाठीचे दस्तऐवजीकरण पूर्ण नाही आणि ते त्यांच्या नवीनतम संपादकाचे दस्तऐवजीकरण देखील करत नाही. तर, Highbridge काही खोदकाम करावे लागले आणि ते स्वतः कसे करायचे ते शोधून काढावे लागले… आणि ते सोपे नव्हते.

हे घडण्यासाठी आवश्यक विकास येथे आहे:

  1. ब्लॉग फीड - Shopify द्वारे प्रदान केलेले अणू फीड कोणतेही सानुकूलन प्रदान करत नाही किंवा त्यामध्ये प्रतिमांचा समावेश नाही, म्हणून आम्हाला सानुकूल XML फीड तयार करावे लागेल.
  2. Klaviyo डेटा फीड - आम्ही तयार केलेले XML फीड क्लावियोमध्ये डेटा फीड म्हणून एकत्रित करणे आवश्यक आहे.
  3. Klaviyo ईमेल टेम्पलेट - त्यानंतर आम्हाला फीडचे एका ईमेल टेम्पलेटमध्ये विश्लेषण करणे आवश्यक आहे जेथे प्रतिमा आणि सामग्री योग्यरित्या तयार केली गेली आहे.

Shopify मध्ये सानुकूल ब्लॉग फीड तयार करा

ए तयार करण्यासाठी मी उदाहरण कोडसह लेख शोधण्यात सक्षम होतो Shopify मध्ये सानुकूल फीड साठी MailChimp आणि ते साफ करण्यासाठी बरीच संपादने केली. येथे बांधण्यासाठी पायऱ्या आहेत सानुकूल RSS फीड तुमच्या ब्लॉगसाठी 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 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. प्रविष्ट करा फीड URL जे तुम्ही नुकतेच तयार केले आहे.
  5. म्हणून विनंती पद्धत प्रविष्ट करा GET
  6. म्हणून सामग्री प्रकार प्रविष्ट करा एक्स एम एल

क्लावियो Shopify XML ब्लॉग फीड जोडा

  1. क्लिक करा डेटा फीड अपडेट करा.
  2. क्लिक करा पूर्वावलोकन फीड योग्यरित्या भरत असल्याची खात्री करण्यासाठी.

Klaviyo मध्ये Shopify ब्लॉग फीडचे पूर्वावलोकन करा

तुमच्या Klaviyo ईमेल टेम्पलेटमध्ये तुमचे ब्लॉग फीड जोडा

आता आम्हाला आमच्या ईमेल टेम्पलेटमध्ये आमचा ब्लॉग तयार करायचा आहे Klaviyo. माझ्या मते, आणि आम्हाला सानुकूल फीडची आवश्यकता का आहे, मला एक विभाजित सामग्री क्षेत्र आवडते जेथे प्रतिमा डावीकडे आहे, शीर्षक आणि उतारा खाली आहे. Klaviyo कडे मोबाईल डिव्‍हाइसवर एका कॉलममध्‍ये संकुचित करण्‍याचा पर्याय देखील आहे.

  1. ड्रॅग अ स्प्लिट ब्लॉक तुमच्या ईमेल टेम्पलेटमध्ये.
  2. तुमचा डावा स्तंभ an वर सेट करा प्रतिमा आणि तुमचा उजवा स्तंभ अ मजकूर ब्लॉक करा.

Shopify ब्लॉग पोस्ट लेखांसाठी क्लावियो स्प्लिट ब्लॉक

  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. ए वर सेट करा 40% / 60% लेआउट मजकूरासाठी अधिक जागा देण्यासाठी.
  3. सक्षम मोबाईलवर स्टॅक करा आणि सेट उजवीकडून डावीकडे.

मोबाइलवर स्टॅक केलेले Shopify ब्लॉग पोस्ट लेखांसाठी क्लावियो स्प्लिट ब्लॉक

  1. निवडा प्रदर्शन पर्याय टॅब

Shopify ब्लॉग पोस्ट लेख प्रदर्शन पर्यायांसाठी क्लावियो स्प्लिट ब्लॉक

  1. सामग्री पुनरावृत्ती निवडा आणि आपण क्लावियोमध्ये तयार केलेले फीड मध्ये स्त्रोत म्हणून ठेवा साठी पुनरावृत्ती करा फील्ड:

feeds.Closet52_Blog.rss.channel.item

  1. सेट करा आयटम उर्फ as आयटम.
  2. क्लिक करा पूर्वावलोकन आणि चाचणी आणि आता तुम्ही तुमच्या ब्लॉग पोस्ट पाहू शकता. डेस्कटॉप आणि मोबाइल दोन्ही मोडमध्ये याची चाचणी करण्याचे सुनिश्चित करा.

Klaviyo स्प्लिट ब्लॉक पूर्वावलोकन आणि चाचणी.

आणि, नक्कीच, जर तुम्हाला मदत हवी असेल तर Shopify ऑप्टिमायझेशन आणि Klaviyo अंमलबजावणी, पर्यंत पोहोचण्यास अजिबात संकोच करू नका Highbridge.

प्रकटीकरण: मी यात भागीदार आहे Highbridge आणि मी यासाठी माझे संलग्न दुवे वापरत आहे Shopify आणि Klaviyo या लेखात