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

როგორ გამოაქვეყნოთ თქვენი 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. ახალი შაბლონის დამატების ფანჯარაში აირჩიეთ შექმენით ახალი შაბლონი ამისთვის წაკითხვა.

დაამატეთ თხევადი ბლოგის არხი Shopify for Klaviyo-სთვის

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

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

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

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

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

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

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

Klaviyo დაამატეთ Shopify XML ბლოგის არხი

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

გადახედეთ Shopify ბლოგის არხს Klaviyo-ში

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

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

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

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

Klaviyo Split Block Shopify-ის ბლოგის პოსტების სტატიებისთვის მობილურზე დაწყობილი

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

Klaviyo Split Block Shopify ბლოგის პოსტის სტატიების ჩვენების ვარიანტებისთვის

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

feeds.Closet52_Blog.rss.channel.item

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

Klaviyo Split Block გადახედვა და ტესტი.

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

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