Hoe om u Shopify-blogstroom in u Klaviyo-e-possjabloon te publiseer | Martech Zone
Ons gaan voort om ons te verbeter en te optimaliseer ShopifyPlus mode-kliënt se e-posbemarkingspogings gebruik Klaviyo. Klaviyo has a solid integration with Shopify that enables a ton of e-commerce-related communications that are pre-built and ready to go.
Verbasend genoeg, die invoeging van jou Shopify-blogplasings in 'n e-pos is egter NIE een van hulle nie! Om dinge nog moeiliker te maak ... die dokumentasie vir die bou van hierdie e-pos is nie deeglik nie en dokumenteer nie eers hul nuutste redakteur nie. Dus, Highbridge moes grawe en uitvind hoe om dit self te doen ... en dit was nie maklik nie.
Hier is die ontwikkeling wat nodig is om dit te laat gebeur:
Blog voer – Die atoomvoer wat deur Shopify verskaf word, bied geen aanpassing nie en sluit ook nie beelde in nie, so ons moet 'n pasgemaakte XML-voer bou.
Klaviyo Data Feed – Die XML-stroom wat ons gebou het, moet geïntegreer word as 'n datastroom in Klaviyo.
Klaviyo e-pos sjabloon – Ons moet dan die voer ontleed in 'n e-possjabloon waar die beelde en inhoud behoorlik geformateer is.
Bou 'n pasgemaakte blogstroom in Shopify
Ek kon 'n artikel met voorbeeldkode vind om 'n uit te bou pasgemaakte voer in Shopify vir MailChimp en het 'n hele paar wysigings gemaak om dit skoon te maak. Hier is die stappe om 'n pasgemaakte RSS-feed in Shopify vir jou blog.
Navigeer na jou Online Store en kies die tema waarin jy die voer wil plaas.
Kies in die Aksies-kieslys Wysig kode.
In die Lêers-kieslys, navigeer na Templates en klik Voeg 'n nuwe sjabloon by.
Kies in die venster Voeg 'n nuwe sjabloon by Skep 'n nuwe sjabloon vir blog.
Kies Sjabloon tipe van vloeistof.
Vir die lêernaam het ons ingevoer klaviyo.
Plaas die volgende kode in die koderedigeerder:
Dateer die pasgemaakte veranderlikes op soos nodig. Een opmerking hieroor is dat ons die beeldgrootte op die maksimum breedte van ons e-posse gestel het, 600px breed. Hier is 'n tabel van Shopify se beeldgroottes:
duim 50px x 50px
groot 480px x 480px
groot 600px x 600px
meester Grootste beeld beskikbaar
Jou stroom is nou beskikbaar by jou blog se adres met die navraagstring aangeheg om dit te sien. In ons kliënt se geval is die voer-URL:
Jou voer is nou gereed om te gebruik! As jy wil, kan jy in 'n blaaiervenster daarna navigeer om te verseker dat daar geen foute is nie. Ons gaan verseker dat dit behoorlik ontleed in ons volgende stap:
Voeg jou blogvoer by Klaviyo
Om jou nuwe blogvoer in te gebruik Klaviyo, moet jy dit as 'n datavoer byvoeg.
Gaan na Datavoer
Kies Voeg webvoer by
Voer 'n Voer naam (geen spasies word toegelaat nie)
Tik die Voer URL wat jy sopas geskep het.
Voer die Versoekmetode in as KRY
Voer die inhoudtipe in as XML
Klik Dateer datastroom op.
Klik Preview om te verseker dat die voer korrek gevul word.
Voeg jou blogstroom by jou Klaviyo-e-possjabloon
Nou wil ons ons blog in ons e-possjabloon inbou Klaviyo. Na my mening, en die rede waarom ons 'n pasgemaakte voer nodig gehad het, hou ek van 'n gesplete inhoudsarea waar die prent aan die linkerkant is, die titel en uittreksel onder is. Klaviyo het ook die opsie om dit in 'n enkele kolom op 'n mobiele toestel in te vou.
Sleep a Verdeel blok in jou e-possjabloon.
Stel jou linkerkolom op 'n Image en jou regterkolom na a Teks blok.
Kies vir die prent Dinamiese beeld en stel die waarde op:
Stel die Alt teks na:
Stel die skakeladres so dat as die e-posintekenaar op die prent klik, dit hulle na jou artikel sal bring.
Kies die regterkolom om die kolominhoud te stel.
Voeg jou inhoud, maak seker dat jy 'n skakel by jou titel voeg en jou plasingsuittreksel invoeg.
Kies die Verdeel instellings Tab.
Stel op a 40% / 60% uitleg om meer ruimte vir teks te bied.
Aktiveer Stapel op selfoon en stel Regs na links.
Kies die Wys opsies Tab.
Kies Content Repeat en plaas die stroom wat jy in Klaviyo geskep het as die bron in die Herhaal Vir gebied:
Stel die Item alias as item.
Klik Voorskou en toets en jy kan nou jou blogplasings sien. Maak seker dat u dit in beide rekenaar- en mobiele modus toets.
En, natuurlik, as jy hulp nodig het in Shopify optimalisering en Klaviyo implementerings, moenie huiwer om uit te reik na Highbridge.
Openbaarmaking: ek is 'n vennoot in Highbridge en ek gebruik my geaffilieerde skakels vir Shopify en Klaviyo in hierdie artikel.
Tags: atoom voerblogvoerkanaaldata voerecommercee-pos voorskoue-pos sjabloonbeeldgroottesitemKlaviyoklaviyo data voerklaviyo e-pos sjabloonvloeistofRSSrss feedshopify beeld grootteshopify rssshopify rss feedverdeelde blokxml