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

Ինչպես հրապարակել ձեր 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. Ավելացնել նոր ձևանմուշ պատուհանում ընտրեք Ստեղծեք նոր ձևանմուշ համար Օրագիր.

Ավելացնել հեղուկ բլոգի հոսք 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. Անհրաժեշտության դեպքում թարմացրեք մաքսային փոփոխականները: Սրա վերաբերյալ նշումներից մեկն այն է, որ մենք պատկերի չափը սահմանել ենք մեր էլ. նամակների առավելագույն լայնությամբ՝ 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
վարպետ Ամենամեծ պատկերը հասանելի է

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

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

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

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

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

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

Klaviyo Ավելացնել Shopify XML բլոգի հոսք

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

Նախադիտեք Shopify բլոգի հոսքը Klaviyo-ում

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

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

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

Klaviyo Split Block Shopify բլոգի գրառումների հոդվածների համար, որոնք դրված են բջջայինում

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

Klaviyo Split Block-ի համար Shopify բլոգի հրապարակման հոդվածների ցուցադրման ընտրանքները

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

feeds.Closet52_Blog.rss.channel.item

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

Klaviyo Split Block Նախադիտում և փորձարկում:

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

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