Meriv Çawa Di Şablona E-nameya xwe ya Klaviyo de Xwarina Bloga Shopify-ya Xwe Biweşîne

Meriv çawa Di Şablona E-nameya xweya Klaviyo de Xwarina Blog-a Shopify-ya Xwe Biweşîne

Em berdewam dikin ku xwe zêde bikin û xweş bikin ShopifyPlus hewildanên kirrûbirra e-nameyê ya xerîdar a modayê bikar tîne Klaviyo. Klaviyo bi Shopify re entegrasyonek zexm heye ku tonek danûstendinên e-bazirganî yên ku pêş-avakirî û amade ne ku biçin rê dide.

Ecêb e, têxistina xwe Mesajên Blogê Shopify nav e-nameyek NE yek ji wan e, her çend! Tiştan hîn dijwartir dikin… Belgekirina ji bo avakirina vê e-nameyê ne têrker e û edîtorê wana herî nû jî belge nake. Wiha, Highbridge diviya bû ku hin kolandinê bikira û fêhm bikira ka meriv wê çawa bi xwe bike… û ew ne hêsan bû.

Li vir pêşveçûna pêdivî ye ku ev çêbibe:

  1. Blog Feed - Xwarina atomê ya ku ji hêla Shopify ve hatî peyda kirin ne xwerû peyda dike û ne jî wêneyan vedigire, ji ber vê yekê divê em xwarinek XML-ya xwerû ava bikin.
  2. Klaviyo Daneyên Feed - XML-ya ku me çêkiriye pêdivî ye ku wekî xwarina daneyê li Klaviyo were yek kirin.
  3. Klaviyo Email Şablon - Dûv re pêdivî ye ku em xwarinê di nav şablonek e-nameyê de ku li wir wêne û naverok bi rêkûpêk hatî çêkirin parsek bikin.

Li Shopify Fedek Blogek Xweser ava bikin

Min karî gotarek bi koda mînakî bibînim ku a xwarina xwerû li Shopify bo MailChimp û ji bo paqijkirina wê gelek çend guherandin çêkirin. Li vir gavên ji bo avakirina a xwarina RSS ya xwerû li Shopify ji bo bloga xwe.

  1. Navnîşa xwe bikin Store bike û mijara ku hûn dixwazin lêdanê tê de cîh bikin hilbijêrin.
  2. Di pêşeka Çalakiyan de, hilbijêrin Koda Guherandinê.
  3. Di pêşeka Pelan de, biçin Şablon û bikirtînin Şablonek nû lê zêde bike.
  4. Di pencereya şablonek nû de zêde bike, hilbijêrin Şablonek nû çêbikin bo blog.

Zêdekirina tevnvîsa şikilî li Shopify ji bo Klaviyo zêde bikin

  1. Cureyê Şablonê hilbijêre avî.
  2. Ji bo navê Pelê, em ketin klaviyo.
  3. Di edîtorê kodê de, koda jêrîn bicîh bikin:

{%- 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. Ger hewce be guhêrbarên xwerû nûve bikin. Nîşeyek li ser vê yekê ev e ku me mezinahiya wêneyê bi firehiya herî zêde ya e-nameyên xwe, 600px berfereh destnîşan kiriye. Li vir tabloyek mezinahiyên wêneya Shopify heye:

Navê Wêne Shopify Mezinahî
pico 16px x 16px
icon 32px x 32px
thumb 50px x 50px
biçûk 100px x 100px
gişt 160px x 160px
medya 240px x 240px
mezin 480px x 480px
Grande 600px x 600px
1024 X 1024 1024px x 1024px
2048 X 2048 2048px x 2048px
mamoste Wêneyê herî mezin heye

  1. Feyda we niha li navnîşana bloga we heye ku ji bo dîtina wê pêveka querystring hatiye pêvekirin. Di doza muwekîlê me de, URL-ya feed ev e:

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

  1. Feyda we niha ji bo karanîna amade ye! Heke hûn bixwazin, hûn dikarin wê di pencereyek gerokê de bigerin da ku hûn pê ewle bin ku xeletî tune. Em ê piştrast bikin ku ew di gava xweya pêş de bi rêkûpêk pars dike:

Xwarina Bloga xwe Têxe Klaviyo

Ji bo ku hûn tevnvîsa bloga xweya nû tê de bikar bînin Klaviyo, divê hûn wê wekî Fedek Daneyê lê zêde bikin.

  1. Navîgasyonê Feeds Data
  2. Neqandin Têxe Web Feed
  3. Binivîse Navê Feed (tu cih nayên destûr kirin)
  4. bikevin Feed URL ku we tenê afirand.
  5. Rêbaza Daxwazê ​​wekî binivîse STENDIN
  6. Tîpa naverokê wekî binivîse XML

Klaviyo Têxe Shopify XML Blog Feed

  1. Watch Feed Daneyên nûve bikin.
  2. Watch Pêşnerîn da ku pê ewle bibe ku xwarin rast tê nifûs kirin.

Pêşdîtina Xwarina Blogê ya Shopify li Klaviyo

Xwarina Bloga xwe Li Şablona E-nameya Klaviyo ya Xwe Zêde Bikin

Naha em dixwazin bloga xwe di şablona e-nameya xwe de ava bikin Klaviyo. Bi dîtina min, û sedema ku me pêdivî bi xwarinek xwerû heye, ez ji deverek naverokek veqetandî hez dikim ku wêne li milê çepê ye, sernav û jêgirtin li jêr e. Klaviyo di heman demê de vebijarkek heye ku vê yekê li stûnek yekane li ser cîhaza mobîl hilweşîne.

  1. Kişandin a Split Block nav şablonê e-nameya xwe de.
  2. Stûna xweya çepê li ser an Wêne û stûna weya rastê a Nivîstok deste.

Ji bo Gotarên Posta Blogê ya Shopify Klaviyo Block Split

  1. Ji bo wêneyê, hilbijêre Wêne Dînamîk û nirxê destnîşan bikin:

{{ item|lookup:'media:content'|lookup:'@url' }}

  1. Alt Text saz bikin:

{{item.title}}

  1. Navnîşana Girêdanê bicîh bikin ku heke aboneyê e-nameyê li ser wêneyê bikirtîne, ew ê wan bîne gotara we.

{{item.link}}

  1. Hilbijêrin stûna rastê ji bo danîna naveroka stûnê.

Sernav û Danasîna Posta Blogê ya Klaviyo

  1. Xwe lê zêde bikin naveroka, Bê guman lînkek li sernavê xwe zêde bikin û jêderka posta xwe têxin.

<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. Hilbijêrin Split Settings tablo
  2. Set a 40% / 60% layout da ku bêtir cîh ji nivîsê re peyda bike.
  3. Bikêrkirin Stack on Mobile û danîn Rast ber bi Çep.

Klaviyo Split Block ji bo Gotarên Posta Blogê ya Shopify ku li ser Mobîl hatine berhev kirin

  1. Hilbijêrin Vebijarkên Dîmenderê tablo

Klaviyo Split Block ji bo Vebijarkên Nîşandana Gotarên Posta Blog Shopify

  1. Dubarekirina naverokê hilbijêrin û fêkiya ku we li Klaviyo afirandiye wekî çavkanî têxe nav Ji bo dubare bikin erd:

feeds.Closet52_Blog.rss.channel.item

  1. Set Item alias as babete.
  2. Watch Pêşdîtin û ceribandin û hûn naha dikarin postên bloga xwe bibînin. Bawer bikin ku wê hem di moda sermaseyê û hem jî di moda mobîl de ceribandin.

Klaviyo Split Block Pêşdîtin û ceribandin.

Û, bê guman, heke hûn hewceyê alîkariyê hewce ne shopify optimization û Klaviyo pêkanînan, dudilî nebin ku xwe bigihînin Highbridge.

Daxuyanî: Ez hevkar im di Highbridge û ez ji bo girêdanên hevalbendiya xwe bikar tînim shopify û Klaviyo di vê gotarê de