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.

5. Pasirinkite šablono tipą skystis.
6. Failo pavadinimui įvedėme klaviyo.
7. 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>

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

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

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

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

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

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

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

4. Nustatykite alternatyvųjį tekstą į:

{{item.title}}

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

{{item.link}}

6. Pasirinkite dešinysis stulpelis stulpelio turiniui nustatyti.

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

8. Pasirinkite Padalijimo nustatymai skirtukas.
9. Nustatykite į a 40% / 60% išdėstymas kad būtų daugiau vietos tekstui.
10. leisti Stack mobiliajame telefone ir nustatykite Iš dešinės į kairę.

11. Pasirinkite Display Options skirtukas.

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

feeds.Closet52_Blog.rss.channel.item

13. Nustatyti Prekės slapyvardis as punktas.
14. 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.

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.