როგორ გამოაქვეყნოთ თქვენი Shopify ბლოგის არხი თქვენს Klaviyo ელ.ფოსტის შაბლონში

ჩვენ ვაგრძელებთ ჩვენი გაძლიერებას და ოპტიმიზაციას ShopifyPlus მოდის კლიენტის ელექტრონული ფოსტის მარკეტინგის ძალისხმევის გამოყენებით კლავიო. Klaviyo-ს აქვს სოლიდური ინტეგრაცია Shopify-თან, რაც საშუალებას აძლევს ელექტრონულ კომერციასთან დაკავშირებულ უამრავ კომუნიკაციას, რომლებიც წინასწარ არის აშენებული და მზად არიან წასასვლელად.

გასაკვირია, ჩასმა თქვენი Shopify ბლოგის პოსტები ელ.წერილში არ არის ერთი მათგანი, თუმცა! რაც კიდევ უფრო რთულდება... ამ ელფოსტის შექმნის დოკუმენტაცია არ არის საფუძვლიანი და არც კი ასახავს მათ უახლეს რედაქტორს. Ისე, Highbridge უნდა გაგვეკეთებინა გარკვეული გათხრა და თავად გაერკვია, როგორ გამეკეთებინა ეს... და ეს ადვილი არ იყო.

აქ არის განვითარება, რომელიც აუცილებელია ამის განსახორციელებლად:

1. ბლოგის არხი – Shopify-ის მიერ მოწოდებული ატომის არხი არ იძლევა რაიმე პერსონალიზაციას და არც სურათებს მოიცავს, ამიტომ ჩვენ უნდა ავაშენოთ მორგებული XML არხი.
2. Klaviyo მონაცემთა არხი – ჩვენ მიერ აშენებული XML არხი უნდა იყოს ინტეგრირებული, როგორც მონაცემთა წყარო Klaviyo-ში.
3. Klaviyo ელ.ფოსტის შაბლონი – შემდეგ ჩვენ უნდა გავაანალიზოთ არხი ელ.ფოსტის შაბლონში, სადაც სურათები და შინაარსი სწორად არის დაფორმირებული.

შექმენით მორგებული ბლოგის არხი Shopify-ში

მე შევძელი სტატიის მოძებნა კოდის მაგალითით ა მორგებული არხი Shopify-ში ამისთვის Mailchimp და რამდენიმე რედაქტირება მოახდინა მის გასასუფთავებლად. აქ არის ნაბიჯები აშენებისთვის მორგებული RSS არხი Shopify-ში თქვენი ბლოგისთვის.

1. ნავიგაცია თქვენი ონლაინ მაღაზია და აირჩიეთ თემა, რომელშიც გსურთ განათავსოთ არხი.
2. მოქმედებების მენიუში აირჩიეთ კოდის რედაქტირება.
3. ფაილების მენიუში გადადით შაბლონებზე და დააწკაპუნეთ დაამატეთ ახალი შაბლონი.
4. ახალი შაბლონის დამატების ფანჯარაში აირჩიეთ შექმენით ახალი შაბლონი ამისთვის წაკითხვა.

5. აირჩიეთ შაბლონის ტიპი თხევადი.
6. ფაილის სახელისთვის ჩვენ შევიყვანეთ კლავიო.
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. საჭიროების შემთხვევაში განაახლეთ მორგებული ცვლადები. ამის შესახებ ერთი შენიშვნა არის ის, რომ ჩვენ დავაყენეთ სურათის ზომა ჩვენი ელფოსტის მაქსიმალური სიგანეზე, 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
სამაგისტრო	ყველაზე დიდი სურათი ხელმისაწვდომია

9. თქვენი არხი ახლა ხელმისაწვდომია თქვენი ბლოგის მისამართზე, მის სანახავად დართული შეკითხვის სტრიქონი. ჩვენი კლიენტის შემთხვევაში, არხის URL არის:

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

10. თქვენი არხი ახლა მზად არის გამოსაყენებლად! თუ გსურთ, შეგიძლიათ გადახვიდეთ მასზე ბრაუზერის ფანჯარაში, რათა დარწმუნდეთ, რომ შეცდომები არ არის. ჩვენ ვაპირებთ უზრუნველვყოთ ის სწორად გაანალიზდეს ჩვენს შემდეგ ეტაპზე:

დაამატეთ თქვენი ბლოგის არხი Klaviyo-ში

იმისათვის, რომ გამოიყენოთ თქვენი ახალი ბლოგის არხი კლავიო, თქვენ უნდა დაამატოთ ის მონაცემთა არხის სახით.

1. ნავიგაცია მონაცემთა არხები
2. აირჩიეთ დაამატეთ ვებ არხი
3. შეიყვანეთ არხის სახელი (დაშვებული ადგილები არ არის)
4. შეიყვანეთ არხის URL რომ ახლახან შექმენი.
5. შეიყვანეთ მოთხოვნის მეთოდი როგორც მთავარი
6. შეიყვანეთ შინაარსის ტიპი როგორც XML

7. დაწკაპეთ მონაცემთა არხის განახლება.
8. დაწკაპეთ Preview საკვების სწორად დასახლების უზრუნველსაყოფად.

დაამატეთ თქვენი ბლოგის არხი თქვენს Klaviyo ელ.ფოსტის შაბლონს

ახლა ჩვენ გვინდა ავაშენოთ ჩვენი ბლოგი ჩვენს ელ.ფოსტის შაბლონში კლავიო. ჩემი აზრით და მიზეზი იმისა, თუ რატომ გვჭირდებოდა მორგებული არხი, მომწონს გაყოფილი შინაარსის არე, სადაც სურათი მარცხნივ არის, სათაური და ამონაწერი ქვემოთ. Klaviyo-ს ასევე აქვს შესაძლებლობა დაშალოს ეს ერთ სვეტად მობილური მოწყობილობაზე.

1. გადაიტანეთ ა გაყოფილი ბლოკი თქვენს ელ.ფოსტის შაბლონში.
2. დააყენეთ თქვენი მარცხენა სვეტი ან Image და თქვენი მარჯვენა სვეტი a ტექსტი ბლოკი.

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. აირჩიეთ გაყოფის პარამეტრები Tab.
9. დააყენეთ a 40% / 60% განლაგება მეტი ადგილის უზრუნველსაყოფად ტექსტისთვის.
10. ჩართვა დასტა მობილურზე და დადგენილი მარჯვნიდან მარცხნივ.

11. აირჩიეთ ჩვენების პარამეტრები Tab.

12. აირჩიეთ Content Repeat და ჩადეთ არხი, რომელიც შექმენით Klaviyo-ში, როგორც წყარო გაიმეორეთ ამისთვის ველი:

feeds.Closet52_Blog.rss.channel.item

13. დააყენე ნივთის მეტსახელი as პუნქტის.
14. დაწკაპეთ გადახედვა და ტესტირება და ახლა შეგიძლიათ ნახოთ თქვენი ბლოგის პოსტები. დარწმუნდით, რომ შეამოწმეთ იგი როგორც დესკტოპის, ასევე მობილურის რეჟიმში.

და, რა თქმა უნდა, თუ დახმარება გჭირდებათ Shopify ოპტიმიზაცია და კლავიო განხორციელებები, ნუ დააყოვნებთ დაუკავშირდით Highbridge.

გამჟღავნება: მე ვარ პარტნიორი Highbridge და მე ვიყენებ ჩემს შვილობილი ბმულებს Shopify და კლავიო ამ სტატიაში.