Kaip paskelbti „Shopify“ tinklaraščio sklaidos kanalą „Klaviyo“ el. pašto šablone

Kaip paskelbti „Shopify“ tinklaraščio sklaidos kanalą „Klaviyo“ el. pašto šablone

Mes ir toliau tobuliname ir optimizuojame savo „Shopify Plus“ mados kliento el. pašto rinkodaros pastangas naudojant Klaviyo. „Klaviyo“ turi tvirtą integraciją su „Shopify“, kuri įgalina daugybę su elektronine prekyba susijusių ryšių, kurie yra iš anksto sukurti ir paruošti naudoti.

Keista, įterpiant savo Shopify tinklaraščio įrašai el. laiške NE vienas iš jų! Dar labiau apsunkinti... šio el. pašto kūrimo dokumentai nėra išsamūs ir net nedokumentuoja naujausio redaktoriaus. Taigi, Highbridge turėjome šiek tiek kasti ir sugalvoti, kaip tai padaryti patiems… ir tai nebuvo lengva.

Kad tai įvyktų, būtina atlikti šią plėtrą:

  1. Tinklaraščio kanalas – „Shopify“ teikiamas atominis sklaidos kanalas nepateikia jokių tinkinimų ir neapima vaizdų, todėl turime sukurti tinkintą XML sklaidos kanalą.
  2. Klaviyo duomenų srautas – Mūsų sukurtas XML sklaidos kanalas turi būti integruotas kaip duomenų tiekimas Klaviyo.
  3. Klaviyo el. pašto šablonas – Tada turime išanalizuoti sklaidos kanalą į el. pašto šabloną, kuriame vaizdai ir turinys būtų tinkamai suformatuoti.

Sukurkite tinkintą tinklaraščio tiekimą naudodami Shopify

Man pavyko rasti straipsnį su pavyzdiniu kodu sukurti a tinkintas tiekimas Shopify forumas MailChimp ir padarė nemažai pakeitimų, kad jį išvalytų. Štai žingsniai, kaip sukurti a pasirinktinis RSS kanalas savo tinklaraščio parduotuvėje „Shopify“.

  1. Eikite į savo Internetinė parduotuvė ir pasirinkite temą, į kurią norite įdėti informacijos santrauką.
  2. Meniu Veiksmai pasirinkite Redaguoti kodą.
  3. Meniu Failai eikite į Šablonai ir spustelėkite Pridėti naują šabloną.
  4. Lange Pridėti naują šabloną pasirinkite Sukurkite naują šabloną forumas Dienoraštis.

Pridėkite skystą tinklaraščio tiekimą prie „Shopify“, skirto Klaviyo

  1. Pasirinkite šablono tipą skystis.
  2. Failo pavadinimui įvedėme klaviyo.
  3. Kodo rengyklėje įdėkite šį kodą:

{%- 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. Jei reikia, atnaujinkite tinkintus kintamuosius. Viena pastaba šiuo klausimu yra ta, kad vaizdo dydį nustatėme pagal maksimalų el. laiškų plotį, 600 pikselių pločio. Štai „Shopify“ vaizdų dydžių lentelė:

Shopify vaizdo pavadinimas Matmenys
Pico 16px x 16px
piktograma 32px x 32px
nykštys 50px x 50px
mažas 100px x 100px
kompaktiškas 160px x 160px
vidutinis 240px x 240px
didelis 480px x 480px
puikus 600px x 600px
1024 X 1024 1024px x 1024px
2048 X 2048 2048px x 2048px
meistras Didžiausias galimas vaizdas

  1. Jūsų sklaidos kanalas dabar pasiekiamas jūsų tinklaraščio adresu su pridėta užklausos eilute, kad galėtumėte jį peržiūrėti. Mūsų kliento atveju sklaidos kanalo URL yra:

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

  1. Jūsų sklaidos kanalas dabar paruoštas naudoti! Jei norite, galite pereiti prie jo naršyklės lange, kad įsitikintumėte, jog nėra klaidų. Kitame žingsnyje užtikrinsime, kad jis būtų tinkamai išanalizuotas:

Pridėkite savo tinklaraščio tiekimą į Klaviyo

Norėdami panaudoti savo naują tinklaraščio sklaidos kanalą Klaviyo, turite pridėti jį kaip duomenų sklaidos kanalą.

  1. Eikite į Duomenų sklaidos kanalai
  2. pasirinkti Pridėti žiniatinklio tiekimą
  3. Įveskite Sklaidos kanalo pavadinimas (tarpai neleidžiami)
  4. Įveskite Sklaidos kanalo URL kurį ką tik sukūrei.
  5. Įveskite užklausos metodą kaip GET
  6. Įveskite turinio tipą kaip XML

Klaviyo Pridėti Shopify XML tinklaraščio tiekimą

  1. Spauskite Atnaujinkite duomenų srautą.
  2. Spauskite Peržiūrėti kad būtų užtikrintas tinkamas tiekimas.

Peržiūrėkite „Shopify“ tinklaraščio kanalą Klaviyo

Pridėkite savo tinklaraščio tiekimą prie savo „Klaviyo“ el. pašto šablono

Dabar norime sukurti savo tinklaraštį į el. pašto šabloną Klaviyo. Mano nuomone, ir priežastis, kodėl mums reikėjo pasirinktinio sklaidos kanalo, man patinka padalinta turinio sritis, kurioje vaizdas yra kairėje, o pavadinimas ir ištrauka yra apačioje. „Klaviyo“ taip pat turi galimybę mobiliajame įrenginyje tai sutraukti į vieną stulpelį.

  1. Vilkite a Padalintas blokas į savo el. pašto šabloną.
  2. Kairįjį stulpelį nustatykite į an vaizdas ir dešinysis stulpelis į a Tekstas blokuoti

„Klaviyo Split Block“, skirta „Shopify“ tinklaraščio įrašų straipsniams

  1. Norėdami pamatyti vaizdą, pasirinkite Dinaminis vaizdas ir nustatykite vertę į:

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

  1. Nustatykite alternatyvųjį tekstą į:

{{item.title}}

  1. Nustatykite nuorodos adresą, kad jei el. pašto abonentas spustelėtų vaizdą, jis būtų nukreiptas į jūsų straipsnį.

{{item.link}}

  1. Pasirinkite dešinysis stulpelis stulpelio turiniui nustatyti.

Klaviyo tinklaraščio įrašo pavadinimas ir aprašas

  1. Pridėkite savo turinys, būtinai pridėkite nuorodą prie pavadinimo ir įrašo ištrauką.

<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. Pasirinkite Padalijimo nustatymai skirtukas.
  2. Nustatykite į a 40% / 60% išdėstymas kad būtų daugiau vietos tekstui.
  3. leisti Stack mobiliajame telefone ir nustatykite Iš dešinės į kairę.

„Klaviyo Split Block“, skirta „Shopify“ tinklaraščio įrašų straipsniams, sukrautiems mobiliajame telefone

  1. Pasirinkite Display Options skirtukas.

„Shopify“ tinklaraščio įrašų straipsnių rodymo parinktys „Klaviyo Split Block“.

  1. Pasirinkite Turinio kartojimas ir kaip šaltinį įtraukite kanalą, kurį sukūrėte Klaviyo Pakartokite laukas:

feeds.Closet52_Blog.rss.channel.item

  1. Nustatyti Prekės slapyvardis as punktas.
  2. Spauskite Peržiūrėkite ir išbandykite ir dabar galite matyti savo tinklaraščio įrašus. Būtinai išbandykite jį ir darbalaukio, ir mobiliojo ryšio režimu.

Klaviyo Split Block peržiūra ir bandymas.

Ir, žinoma, jei jums reikia pagalbos Shopify optimizavimas ir Klaviyo įgyvendinimus, nedvejodami kreipkitės Highbridge.

Atskleidimas: Aš esu partneris Highbridge ir naudoju savo filialo nuorodas Shopify ir Klaviyo šiame straipsnyje.