Sut i Gyhoeddi Eich Bwydo Blog Shopify Yn Eich Templed E-bost Klaviyo

Sut i Gyhoeddi Eich Porthiant Blog Shopify Yn Eich Templed E-bost Klaviyo

Rydym yn parhau i wella a gwneud y gorau o'n ShopifyPlus cleient ffasiwn ymdrechion marchnata e-bost gan ddefnyddio Klaviyo. Mae gan Klaviyo integreiddiad cadarn â Shopify sy'n galluogi tunnell o gyfathrebiadau cysylltiedig ag e-fasnach sydd wedi'u hadeiladu ymlaen llaw ac yn barod i fynd.

Er syndod, mewnosod eich Postiadau Blog Shopify NID i mewn i e-bost yn un ohonynt, er! Gwneud pethau hyd yn oed yn fwy anodd ... nid yw'r ddogfennaeth ar gyfer adeiladu'r e-bost hwn yn drylwyr ac nid yw hyd yn oed yn dogfennu eu golygydd diweddaraf. Felly, Highbridge roedd yn rhaid i chi wneud rhywfaint o gloddio a darganfod sut i wneud hynny ein hunain ... ac nid oedd yn hawdd.

Dyma'r datblygiad sydd ei angen i wneud i hyn ddigwydd:

  1. Bwydo Blog - Nid yw'r porthiant atom a ddarperir gan Shopify yn darparu unrhyw addasiad ac nid yw'n cynnwys delweddau, felly mae'n rhaid i ni adeiladu porthiant XML wedi'i deilwra.
  2. Porthiant Data Dosbarthu - Mae angen integreiddio'r porthiant XML a adeiladwyd gennym fel porthiant data yn Klaviyo.
  3. Templed E-bost Claf - Yna mae angen i ni ddosrannu'r porthiant i dempled e-bost lle mae'r delweddau a'r cynnwys wedi'u fformatio'n gywir.

Adeiladu Blog Personol Feed In Shopify

Roeddwn i'n gallu dod o hyd i erthygl gyda chod enghreifftiol i adeiladu allan a custom feed in Shopify ar gyfer Mailchimp and made quite a few edits to clean it up. Here are the steps to build a porthiant RSS personol yn Shopify ar gyfer eich blog.

  1. Ewch at eich Siop Ar-lein a dewiswch y thema yr ydych am osod y porthwr ynddo.
  2. Yn y ddewislen Camau Gweithredu, dewiswch Cod Golygu.
  3. Yn y ddewislen Ffeiliau, llywiwch i Templedi a chliciwch Ychwanegu templed newydd.
  4. Yn y ffenestr Ychwanegu templed newydd, dewiswch Creu templed newydd ar gyfer blog.

Ychwanegu porthiant blog hylif i Shopify ar gyfer Klaviyo

  1. Dewiswch Templed math o hylif.
  2. Ar gyfer yr enw Ffeil, rydym yn nodi clawdd.
  3. Yn y golygydd cod, rhowch y cod canlynol:

{%- 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. Diweddarwch y newidynnau personol yn ôl yr angen. Un nodyn ar hyn yw ein bod wedi gosod maint y ddelwedd i led uchaf ein e-byst, 600px o led. Dyma dabl o feintiau delwedd Shopify:

Enw Delwedd Shopify Dimensiynau
pico 16px x 16px
icon 32px x 32px
thumb 50px x 50px
bach 100px x 100px
compact 160px x 160px
canolig 240px x 240px
mawr 480px x 480px
mawr 600px x 600px
1024 1024 X 1024px x 1024px
2048 2048 X 2048px x 2048px
meistr Y llun mwyaf ar gael

  1. Mae eich porthiant nawr ar gael yng nghyfeiriad eich blog gyda'r querystring wedi'i atodi i'w weld. Yn achos ein cleient, yr URL porthiant yw:

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

  1. Mae eich porthiant nawr yn barod i'w ddefnyddio! Os hoffech chi, gallwch lywio iddo mewn ffenestr porwr i sicrhau nad oes unrhyw wallau. Rydyn ni'n mynd i sicrhau ei fod yn dosrannu'n iawn yn ein cam nesaf:

Ychwanegu Eich Porthiant Blog i'r Claf

Er mwyn defnyddio eich porthwr blog newydd Klaviyo, mae'n rhaid i chi ei ychwanegu fel Porthiant Data.

  1. navigate at Bwydydd Data
  2. dewiswch Ychwanegu Web Feed
  3. Rhowch Enw Porthiant (ni chaniateir unrhyw leoedd)
  4. Nodwch y URL porthiant yr ydych newydd ei greu.
  5. Rhowch y Dull Cais fel GET
  6. Rhowch y Math o Gynnwys fel XML

Ychwanegu at Fwyd Blog Shopify XML

  1. Cliciwch Diweddaru Porthiant Data.
  2. Cliciwch Rhagolwg i sicrhau bod y porthiant yn llenwi'n gywir.

Rhagolwg Shopify Blog Feed yn Klaviyo

Ychwanegu Eich Porthiant Blog I'ch Templed E-bost Klaviyo

Nawr rydyn ni am gynnwys ein blog yn ein templed e-bost Klaviyo. Yn fy marn i, a'r rheswm pam roedd angen porthiant wedi'i deilwra arnom, rwy'n hoffi ardal cynnwys hollt lle mae'r ddelwedd ar y chwith, mae'r teitl a'r dyfyniad oddi tano. Mae gan Klaviyo hefyd yr opsiwn i gwympo hwn i un golofn ar ddyfais symudol.

  1. Llusgwch a Bloc Hollti i mewn i'ch templed e-bost.
  2. Gosodwch eich colofn chwith i an delwedd a'th golofn dde i a Testun bloc.

Bloc Hollti Klaviyo ar gyfer Erthyglau Post Blog Shopify

  1. Ar gyfer y ddelwedd, dewiswch Delwedd Ddeinamig a gosodwch y gwerth i:

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

  1. Gosodwch y Testun Alt i:

{{item.title}}

  1. Gosodwch y Cyfeiriad Cyswllt fel os bydd y tanysgrifiwr e-bost yn clicio ar y ddelwedd, bydd yn dod â nhw i'ch erthygl.

{{item.link}}

  1. dewiswch y colofn dde i osod cynnwys y golofn.

Teitl Post Blog Klaviyo a Disgrifiad

  1. Ychwanegwch eich cynnwys, gofalwch eich bod yn ychwanegu dolen at eich teitl a mewnosodwch eich dyfyniad post.

<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. dewiswch y Gosodiadau Hollti tab.
  2. Gosod i a 40% / 60% gosodiad i ddarparu mwy o le ar gyfer testun.
  3. Galluogi Pentwr ar Symudol a gosod O'r Dde i'r Chwith.

Bloc Hollti Klaviyo ar gyfer Erthyglau Post Blog Shopify wedi'u pentyrru ar Symudol

  1. dewiswch y Dewisiadau Arddangos tab.

Bloc Hollti ar gyfer Dewisiadau Arddangos Erthyglau Post Blog Shopify

  1. Dewiswch Ailadrodd Cynnwys a rhowch y porthiant a greoch yn Klaviyo fel ffynhonnell yn y Ailadrodd Ar gyfer maes:

feeds.Closet52_Blog.rss.channel.item

  1. Gosodwch y Enw arall yr eitem as eitem.
  2. Cliciwch Rhagolwg a phrawf a gallwch nawr weld eich postiadau blog. Gwnewch yn siŵr ei brofi yn y modd bwrdd gwaith a symudol.

Klaviyo Rhannwch Bloc Rhagolwg a phrawf.

Ac, wrth gwrs, os oes angen cymorth arnoch chi Shopify optimeiddio a Klaviyo gweithrediadau, peidiwch ag oedi cyn estyn allan iddynt Highbridge.

Datgeliad: Rwy'n bartner yn Highbridge ac rwy'n defnyddio fy dolenni cyswllt ar gyfer Shopify ac Klaviyo yn yr erthygl hon.