Kā publicēt Shopify emuāra plūsmu savā Klaviyo e-pasta veidnē

Kā publicēt Shopify emuāra plūsmu savā Klaviyo e-pasta veidnē

Mēs turpinām uzlabot un optimizēt mūsu ShopifyPlus modes klienta e-pasta mārketinga pasākumus, izmantojot Klaviyo. Klaviyo ir stabila integrācija ar Shopify, kas nodrošina daudz ar e-komerciju saistītu saziņu, kas ir iepriekš izveidota un gatava lietošanai.

Pārsteidzoši, ievietojot savu Shopify emuāra ziņas e-pastā NAV viens no tiem! Padarīt lietas vēl grūtākas... šī e-pasta izveides dokumentācija nav pilnīga un pat nedokumentē to jaunāko redaktoru. Tātad, Highbridge bija jārakās un pašiem jāizdomā, kā to izdarīt... un tas nebija viegli.

Tālāk ir norādīta attīstība, kas nepieciešama, lai tas notiktu.

  1. Emuāra plūsma - Shopify nodrošinātā atomu plūsma nenodrošina nekādu pielāgošanu, kā arī tajā nav iekļauti attēli, tāpēc mums ir jāizveido pielāgota XML plūsma.
  2. Klaviyo datu plūsma – Mūsu izveidotā XML plūsma ir jāintegrē kā datu plūsma pakalpojumā Klaviyo.
  3. Klaviyo e-pasta veidne – Pēc tam plūsma ir jāparsē e-pasta veidnē, kurā attēli un saturs ir pareizi formatēti.

Izveidojiet pielāgotu emuāra plūsmu pakalpojumā Shopify

Es varēju atrast rakstu ar piemēru kodu, lai izveidotu a pielāgota plūsma pakalpojumā Shopify forums MailChimp un veica dažus labojumus, lai to iztīrītu. Šeit ir norādītas darbības, lai izveidotu a pielāgota RSS plūsma pakalpojumā Shopify savam emuāram.

  1. Pāriet uz savu Interneta veikals un atlasiet motīvu, kurā vēlaties ievietot plūsmu.
  2. Izvēlnē Darbības atlasiet Rediģēt kodu.
  3. Izvēlnē Faili dodieties uz Veidnes un noklikšķiniet uz Pievienojiet jaunu veidni.
  4. Logā Pievienot jaunu veidni atlasiet Izveidojiet jaunu veidni forums blog.

Pievienojiet šķidru emuāra plūsmu pakalpojumam Shopify for Klaviyo

  1. Atlasiet Veidnes veidu šķidrums.
  2. Faila nosaukumam mēs ievadījām klaviyo.
  3. Kodu redaktorā ievietojiet šādu kodu:

{%- 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. Ja nepieciešams, atjauniniet pielāgotos mainīgos. Viena piezīme šajā sakarā ir tāda, ka esam iestatījuši attēla izmēru uz maksimālo mūsu e-pasta platumu, 600 pikseļus. Šeit ir Shopify attēlu izmēru tabula:

Shopify attēla nosaukums Izmēri
Pico 16px x 16px
ikona 32px x 32px
īkšķis 50px x 50px
mazs 100px x 100px
kompakts 160px x 160px
vidējs 240px x 240px
liels 480px x 480px
liels 600px x 600px
1024 X 1024 1024px x 1024px
2048 X 2048 2048px x 2048px
meistars Lielākais pieejamais attēls

  1. Jūsu plūsma tagad ir pieejama jūsu emuāra adresē ar pievienoto vaicājuma virkni, lai to skatītu. Mūsu klienta gadījumā plūsmas URL ir:

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

  1. Jūsu plūsma tagad ir gatava lietošanai! Ja vēlaties, varat pāriet uz to pārlūkprogrammas logā, lai pārliecinātos, ka nav kļūdu. Mēs nodrošināsim tā pareizu parsēšanu nākamajā darbībā:

Pievienojiet savu emuāra plūsmu vietnei Klaviyo

Lai izmantotu savu jauno emuāra plūsmu Klaviyo, jums tas ir jāpievieno kā datu plūsma.

  1. Virzīties uz Datu plūsmas
  2. atlasīt Pievienojiet tīmekļa plūsmu
  3. Ievadiet Plūsmas nosaukums (nav atļautas atstarpes)
  4. Ievadiet Plūsmas URL ko tikko izveidojāt.
  5. Ievadiet pieprasījuma metodi kā GET
  6. Ievadiet satura tipu kā XML

Klaviyo Pievienojiet Shopify XML emuāra plūsmu

  1. Noklikšķiniet Atjauniniet datu plūsmu.
  2. Noklikšķiniet Preview lai nodrošinātu pareizu plūsmas aizpildīšanu.

Priekšskatiet Shopify emuāra plūsmu pakalpojumā Klaviyo

Pievienojiet savu emuāra plūsmu savai Klaviyo e-pasta veidnei

Tagad mēs vēlamies izveidot savu emuāru mūsu e-pasta veidnē Klaviyo. Manuprāt, un iemesls, kāpēc mums bija nepieciešama pielāgota plūsma, man patīk sadalīts satura apgabals, kurā attēls atrodas kreisajā pusē, virsraksts un fragments atrodas zem tā. Klaviyo ir arī iespēja mobilajā ierīcē to sakļaut vienā kolonnā.

  1. Velciet a Sadalīts bloks savā e-pasta veidnē.
  2. Iestatiet kreiso kolonnu uz an attēls un labā kolonna uz a Teksts bloķēt.

Klaviyo Split Block Shopify emuāra ziņu rakstiem

  1. Attēlam atlasiet Dinamiskais attēls un iestatiet vērtību uz:

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

  1. Iestatiet alternatīvo tekstu uz:

{{item.title}}

  1. Iestatiet saites adresi, lai, ja e-pasta abonents noklikšķinās uz attēla, tas viņu novirzītu uz jūsu rakstu.

{{item.link}}

  1. Izvēlieties labā kolonna lai iestatītu kolonnas saturu.

Klaviyo emuāra ziņas nosaukums un apraksts

  1. Pievienojiet savu saturs, noteikti pievienojiet saiti savam nosaukumam un ievietojiet ziņas fragmentu.

<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. Izvēlieties Sadalīšanas iestatījumi Tab.
  2. Iestatiet uz a 40% / 60% izkārtojums lai tekstam būtu vairāk vietas.
  3. dot iespēju Stack mobilajā ierīcē un iestatiet No labās uz kreiso.

Klaviyo Split Block Shopify emuāra ziņu rakstiem, kas sakrauti mobilajā ierīcē

  1. Izvēlieties Rādīt opcijas Tab.

Klaviyo Split Block Shopify emuāra ziņu rakstu displeja opcijas

  1. Atlasiet Satura atkārtošana un kā avotu ievietojiet pakalpojumā Klaviyo izveidoto plūsmu Atkārtojiet lauks:

feeds.Closet52_Blog.rss.channel.item

  1. Iestatiet Vienuma aizstājvārds as punkts.
  2. Noklikšķiniet Priekšskatījums un pārbaude un tagad varat redzēt savus emuāra ierakstus. Noteikti pārbaudiet to gan darbvirsmas, gan mobilajā režīmā.

Klaviyo Split Block Priekšskatījums un pārbaude.

Un, protams, ja jums nepieciešama palīdzība Shopify optimizācija un Klaviyo ieviešanu, nevilcinieties sazināties ar tiem Highbridge.

Informācijas atklāšana: Es esmu partneris Highbridge un es izmantoju savas saistītās saites Shopify un Klaviyo šajā rakstā.