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.

5. Atlasiet Veidnes veidu šķidrums.
6. Faila nosaukumam mēs ievadījām klaviyo.
7. 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>

8. 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

9. 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

10. 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

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

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.

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

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

4. Iestatiet alternatīvo tekstu uz:

{{item.title}}

5. 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}}

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

7. 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>

8. Izvēlieties Sadalīšanas iestatījumi Tab.
9. Iestatiet uz a 40% / 60% izkārtojums lai tekstam būtu vairāk vietas.
10. dot iespēju Stack mobilajā ierīcē un iestatiet No labās uz kreiso.

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

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

feeds.Closet52_Blog.rss.channel.item

13. Iestatiet Vienuma aizstājvārds as punkts.
14. 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ā.

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ā.