Ինչպես հրապարակել ձեր Shopify բլոգի հոսքը ձեր Klaviyo էլփոստի ձևանմուշում

Մենք շարունակում ենք բարելավել և օպտիմալացնել մեր Shopify Plus- ը նորաձեւության հաճախորդի էլ.փոստի մարքեթինգային ջանքերը՝ օգտագործելով Կլավիո. Klaviyo-ն ունի ամուր ինտեգրում Shopify-ի հետ, որը հնարավորություն է տալիս էլեկտրոնային առևտրի հետ կապված մի տոննա հաղորդակցություն, որոնք նախապես կառուցված են և պատրաստ են գնալու:

Զարմանալիորեն, տեղադրելով ձեր Shopify բլոգի գրառումները էլփոստի մեջ դրանցից մեկը ՉԷ, սակայն: Գործերն էլ ավելի դժվարացնելով… այս էլփոստի ստեղծման փաստաթղթերը մանրակրկիտ չեն և նույնիսկ չեն փաստաթղթավորում դրանց նորագույն խմբագրիչը: Այսպիսով, Highbridge ստիպված եղանք մի փոքր փորել և պարզել, թե ինչպես դա անել ինքներս… և դա հեշտ չէր:

Ահա այն զարգացումը, որն անհրաժեշտ է դա իրականացնելու համար.

1. Բլոգի հոսք – Shopify-ի կողմից տրամադրված ատոմային հոսքը չի ապահովում որևէ հարմարեցում և չի ներառում պատկերներ, ուստի մենք պետք է ստեղծենք հատուկ XML հոսք:
2. Klaviyo Data Feed – Մեր ստեղծած 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. Անհրաժեշտության դեպքում թարմացրեք մաքսային փոփոխականները: Սրա վերաբերյալ նշումներից մեկն այն է, որ մենք պատկերի չափը սահմանել ենք մեր էլ. նամակների առավելագույն լայնությամբ՝ 600px լայնությամբ: Ահա Shopify-ի պատկերների չափերի աղյուսակը.

Shopify պատկերի անունը	Չափերը
PICO	16px x 16 px
պատկեր	32px x 32 px
բութ	50px x 50 px
փոքր	100px x 100 px
կուռ	160px x 160 px
միջին	240px x 240 px
մեծ	480px x 480 px
մեծ	600px x 600 px
1024 1024 X	1024px x 1024 px
2048 2048 X	2048px x 2048 px
վարպետ	Ամենամեծ պատկերը հասանելի է

9. Ձեր լրահոսն այժմ հասանելի է ձեր բլոգի հասցեում՝ այն դիտելու համար կցված հարցման տողով: Մեր հաճախորդի դեպքում հոսքի URL-ը հետևյալն է.

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

10. Ձեր լրահոսն այժմ պատրաստ է օգտագործման: Եթե ​​ցանկանում եք, կարող եք նավարկել դեպի այն դիտարկիչի պատուհանում, որպեսզի համոզվեք, որ սխալներ չկան: Մենք պատրաստվում ենք ապահովել, որ այն պատշաճ կերպով վերլուծվի մեր հաջորդ քայլում.

Ավելացրեք ձեր բլոգի հոսքը Klaviyo-ում

Ձեր նոր բլոգի հոսքն օգտագործելու համար Կլավիո, դուք պետք է այն ավելացնեք որպես Տվյալների հոսք։

1. navigate to Տվյալների հոսքեր
2. ընտրել Ավելացնել վեբ հոսք
3. Մուտքագրեք ա Feed անվանումը (բացատներ չեն թույլատրվում)
4. Մուտքագրել Հոսքի URL որ դուք հենց նոր եք ստեղծել:
5. Մուտքագրեք Հարցման մեթոդը որպես GET
6. Մուտքագրեք Բովանդակության տեսակը որպես XML

7. Սեղմել Թարմացրեք տվյալների հոսքը.
8. Սեղմել Preview ապահովելու համար, որ կերակրումը ճիշտ է լցվում:

Ավելացրեք ձեր բլոգի հոսքը ձեր Klaviyo էլփոստի ձևանմուշին

Այժմ մենք ցանկանում ենք մեր բլոգը կառուցել մեր էլփոստի ձևանմուշում Կլավիո. Իմ կարծիքով, և այն պատճառով, թե ինչու մեզ անհրաժեշտ էր հատուկ հոսք, ինձ դուր է գալիս բաժանված բովանդակության տարածքը, որտեղ պատկերը գտնվում է ձախ կողմում, վերնագիրը և հատվածը՝ ներքևում: Klaviyo-ն ունի նաև բջջային սարքի մեկ սյունակի մեջ այն փլցնելու տարբերակ:

1. Քաշեք ա Split Block ձեր էլփոստի ձևանմուշի մեջ:
2. Ձեր ձախ սյունակը դրեք an-ի վրա պատկեր իսկ ձեր աջ սյունակը դեպի 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. Ընտրել Split Settings էջանիշը.
9. Սահմանել a 40% / 60% դասավորություն տեքստի համար ավելի շատ տեղ ապահովելու համար:
10. Թույլատրել Դարձեք բջջայինի վրա և սահմանել Աջից աջ.

11. Ընտրել Displayուցադրման ընտրանքներ էջանիշը.

12. Ընտրեք Content Repeat և տեղադրեք ձեր ստեղծած հոսքը Klaviyo-ում որպես աղբյուր Կրկնել For դաշտ:

feeds.Closet52_Blog.rss.channel.item

13. Սահմանեք Նյութի կեղծանունը as կետ.
14. Սեղմել Նախադիտում և փորձարկում և այժմ կարող եք տեսնել ձեր բլոգի գրառումները: Համոզվեք, որ փորձարկեք այն ինչպես աշխատասեղանի, այնպես էլ բջջային ռեժիմում:

Եվ, իհարկե, եթե օգնության կարիք ունեք Shopify օպտիմալացում և Կլավիո իրականացումներ, մի հապաղեք դիմել Highbridge.

Բացահայտում. Ես գործընկեր եմ Highbridge և ես օգտագործում եմ իմ փոխկապակցված հղումները Shopify և Կլավիո այս հոդվածում: