Jätkame oma täiustamist ja optimeerimist ShopifyPlus moekliendi meiliturunduse jõupingutusi kasutades Klaviyo. Klaviyol on kindel integratsioon Shopifyga, mis võimaldab palju e-kaubandusega seotud suhtlust, mis on eelehitatud ja kasutusvalmis.
Üllataval kombel sisestades oma Shopify ajaveebi postitused EI OLE aga üks neist! Asja veelgi keerulisemaks muutmine… selle meili koostamise dokumentatsioon ei ole põhjalik ega dokumenteeri isegi nende uusimat redaktorit. Niisiis, Highbridge pidime natuke kaevama ja ise välja mõtlema, kuidas seda teha... ja see ei olnud lihtne.
Siin on selle toimumiseks vajalik arendus:
- Blogi voog – Shopify pakutav atomivoog ei paku kohandamist ega sisalda pilte, seega peame looma kohandatud XML-voo.
- Klaviyo andmevoog – Meie loodud XML-voog tuleb Klaviyos andmevoona integreerida.
- Klaviyo meili mall – Seejärel peame voo sõeluma meilimalliks, kus pildid ja sisu on õigesti vormindatud.
Looge Shopifys kohandatud ajaveebi voog
Leidsin artikli koos näidiskoodiga a väljaehitamiseks kohandatud voog Shopifys eest MailChimp ja tegi selle puhastamiseks üsna palju muudatusi. Siin on sammud a ehitamiseks kohandatud RSS-voog oma ajaveebi Shopifys.
- Liikuge oma Online Store ja valige teema, millesse soovite kanali paigutada.
- Valige menüüst Toimingud Muuda koodi.
- Liikuge menüüs Failid valikule Mallid ja klõpsake nuppu Lisage uus mall.
- Valige aknas Lisa uus mall Looge uus mall eest blogi.
- Valige Malli tüüp vedelik.
- Faili nime jaoks sisestasime klaviyo.
- Sisestage koodiredaktorisse järgmine kood:
{%- 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>- Vajadusel värskendage kohandatud muutujaid. Üks märkus selle kohta on see, et oleme määranud pildi suuruseks oma e-kirjade maksimaalse laiuse, laiusega 600 pikslit. Siin on Shopify piltide suuruste tabel:
| Shopify pildi nimi | Mõõdud |
| pico | 16px x 16px |
| ikoon | 32px x 32px |
| pöial | 50px x 50px |
| väike | 100px x 100px |
| kompaktne | 160px x 160px |
| keskmine | 240px x 240px |
| suur | 480px x 480px |
| suur | 600px x 600px |
| 1024 X 1024 | 1024px x 1024px |
| 2048 X 2048 | 2048px x 2048px |
| meister | Suurim saadaolev pilt |
- Teie voog on nüüd saadaval teie ajaveebi aadressil ja selle vaatamiseks on lisatud päringustring. Meie kliendi puhul on voo URL:
https://closet52.com/blogs/fashion?view=klaviyo- Teie voog on nüüd kasutamiseks valmis! Soovi korral saate selleni brauseriaknas navigeerida, et tagada vigade puudumine. Järgmises etapis tagame selle nõuetekohase sõelumise:
Lisage oma ajaveebi voog Klaviyosse
Oma uue ajaveebi voo kasutamiseks Klaviyo, peate selle andmevoona lisama.
- Liigu Andmevood
- valima Lisa veebivoog
- Märkida Voo nimi (tühikud pole lubatud)
- Märkida Voo URL mille just lõite.
- Sisestage päringumeetod kui GET
- Sisestage sisutüüp kui XML
- Click Värskendage andmevoogu.
- Click Eelvaade et tagada voo õige täitumine.
Lisage oma ajaveebi voog oma Klaviyo meilimallile
Nüüd tahame oma ajaveebi ehitada oma meilimalliks Klaviyo. Minu arvates ja põhjus, miks me vajasime kohandatud voogu, meeldib mulle jagatud sisuala, kus pilt on vasakul, pealkiri ja väljavõte on all. Klaviyol on ka võimalus see mobiilseadmes ühte veergu ahendada.
- Lohistage a Tükeldatud plokk oma meilimalli.
- Määrake vasakpoolseks veeruks an pilt ja teie parem veerg a-sse tekst blokeerida.
- Pildi jaoks valige Dünaamiline pilt ja määrake väärtuseks:
{{ item|lookup:'media:content'|lookup:'@url' }}- Määra alternatiivtekst:
{{item.title}}- Määrake lingi aadress nii, et kui e-posti tellija klõpsab pildil, toob see ta teie artikli juurde.
{{item.link}}- Valige parem veerg veeru sisu määramiseks.
- Lisage oma sisu, lisage oma pealkirjale kindlasti link ja sisestage postituse väljavõte.
<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>- Valige Jagamise seaded Tab.
- Määra a 40% / 60% paigutus tekstile rohkem ruumi andmiseks.
- Võimaldama Stack mobiilis ja seatud Paremalt vasakule.
- Valige Kuva suvandid Tab.
- Valige Sisu kordamine ja lisage allikaks Klaviyos loodud voog Korrake jaoks väli:
feeds.Closet52_Blog.rss.channel.item- Määrake Kauba varjunimi as kirje.
- Click Eelvaade ja testimine ja nüüd näete oma ajaveebi postitusi. Testige seda kindlasti nii laua- kui ka mobiilirežiimis.
Ja muidugi, kui vajate abi Shopify optimeerimine ja Klaviyo rakendusi, ärge kartke ühendust võtta Highbridge.
Avalikustamine: ma olen partner Highbridge ja ma kasutan oma sidusettevõtte linke Shopify ja Klaviyo selles artiklis.
