Nola argitaratu zure Shopify blog-jarioa Klaviyo posta elektronikoaren txantiloian

Nola argitaratu zure Shopify blog-jarioa Klaviyo posta elektronikoaren txantiloian

Gurea hobetzen eta optimizatzen jarraitzen dugu ShopifyPlus moda bezeroaren posta elektroniko bidezko marketin ahaleginak erabiliz Klaviyo. Klaviyo-k Shopify-rekin integrazio sendoa du, merkataritza elektronikoarekin erlazionatutako komunikazio ugari ahalbidetzen dituena, aurrez eraikiak eta erabiltzeko prest daudenak.

Harrigarria bada ere, zure Shopify blogeko argitalpenak posta elektroniko batean sartzea EZ da horietako bat, ordea! Gauzak are zailduz... mezu elektroniko hau eraikitzeko dokumentazioa ez da sakona eta ez du haien editore berriena dokumentatzen. Beraz, Highbridge zulatu eta guk geuk nola egin asmatu behar izan genuen... eta ez zen erraza izan.

Hona hemen hori gauzatzeko beharrezkoa den garapena:

  1. Blog jarioa – Shopify-k eskaintzen duen atomo jarioak ez du inolako pertsonalizaziorik ematen ezta irudirik ere, beraz, XML jario pertsonalizatu bat eraiki behar dugu.
  2. Klaviyo Datu-jarioa – Eraiki dugun XML jarioa Klaviyo-n datu-jario gisa integratu behar da.
  3. Klaviyo posta elektronikoaren txantiloia – Ondoren, jarioa mezu elektronikoen txantiloi batean analizatu behar dugu, non irudiak eta edukiak behar bezala formatuta dauden.

Eraiki blog pertsonalizatua Shopify-n

Adibidezko kodea duen artikulu bat aurkitu ahal izan dut a eraikitzeko jario pertsonalizatua Shopify-n egiteko MailChimp eta aldaketa dezente egin zituen garbitzeko. Hona hemen a eraikitzeko urratsak RSS jario pertsonalizatua Shopify-n zure blogerako.

  1. Joan zure nabigatzailera On-line denda eta hautatu jarioa jarri nahi duzun gaia.
  2. Ekintzak menuan, hautatu Editatu kodea.
  3. Fitxategiak menuan, joan Txantiloietara eta egin klik Gehitu txantiloi berri bat.
  4. Gehitu txantiloi berri bat leihoan, hautatu Sortu txantiloi berri bat egiteko Bloga.

Gehitu blog-jario likidoa Shopify-ri Klaviyorako

  1. Hautatu txantiloi mota likido.
  2. Fitxategiaren izenaren kasuan, sartu dugu klaviyo.
  3. Kode-editorean, jarri kode hau:

{%- 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. Eguneratu aldagai pertsonalizatuak behar izanez gero. Honi buruzko ohar bat da irudiaren tamaina gure mezu elektronikoen gehienezko zabaleran ezarri dugula, 600 px zabalera. Hona hemen Shopify-ren irudien tamainen taula:

Shopify irudiaren izena Neurriak
pico 16 px x 16 px
ikonoa 32 px x 32 px
thumb 50 px x 50 px
txiki 100 px x 100 px
trinkoa 160 px x 160 px
medium 240 px x 240 px
handiak 480 px x 480 px
handia 600 px x 600 px
X 1024 1024 1024 px x 1024 px
X 2048 2048 2048 px x 2048 px
master Eskuragarri dagoen irudirik handiena

  1. Zure jarioa eskuragarri dago orain zure blogaren helbidean kontsulta-katea erantsita, hura ikusteko. Gure bezeroaren kasuan, jarioaren URLa hau da:

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

  1. Zure jarioa erabiltzeko prest dago! Nahi baduzu, bertara nabiga dezakezu arakatzailearen leiho batean akatsik ez dagoela ziurtatzeko. Gure hurrengo urratsean behar bezala analizatzen dela ziurtatuko dugu:

Gehitu zure blog-jarioa Klaviyo-n

Zure blogaren jario berria erabiltzeko Klaviyo, Datu-jario gisa gehitu behar duzu.

  1. nabigatu Datu jarioak
  2. Aukeratu Gehitu web-jarioa
  3. Sartu Jarioaren izena (ez da espaziorik onartzen)
  4. Sartu Jarioaren URLa sortu berri duzuna.
  5. Sartu eskaera-metodoa honela GET
  6. Sartu eduki mota honela XML

Klaviyo Gehitu Shopify XML blog-jarioa

  1. Klikatu Eguneratu datu-jarioa.
  2. Klikatu Gehigarriaren jarioa behar bezala betetzen dela ziurtatzeko.

Aurreikusi Shopify blog-jarioa Klaviyo-n

Gehitu zure blog-jarioa zure Klaviyo posta elektronikoaren txantiloiari

Orain gure bloga gure posta elektronikoko txantiloian sartu nahi dugu Klaviyo. Nire ustez, eta jario pertsonalizatu bat behar genuen arrazoia, eduki zatitutako eremu bat gustatzen zait, non irudia ezkerrean dagoen, izenburua eta zatia azpian dauden. Klaviyo-k hau gailu mugikor batean zutabe bakarrean biltzeko aukera ere badu.

  1. Arrastatu a Zatitu blokea zure posta elektronikoko txantiloian.
  2. Ezarri zure ezkerreko zutabea an Irudia eta zure eskuineko zutabea a Testu blokea.

Klaviyo Split Block Shopify Blog Post Artikuluetarako

  1. Irudirako, hautatu Irudi dinamikoa eta ezarri balioa:

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

  1. Ezarri Alt Testua honela:

{{item.title}}

  1. Ezarri Esteka helbidea, posta elektronikoko harpidedunak irudian klik egiten badu, zure artikulura eramango ditu.

{{item.link}}

  1. Aukeratu eskuineko zutabea zutabearen edukia ezartzeko.

Klaviyo Blog Postaren izenburua eta deskribapena

  1. Gehitu zure edukia, ziurtatu esteka bat gehitzen duzula zure izenburuari eta txertatu zure mezuaren zatia.

<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. Aukeratu Zatitu ezarpenak fitxa.
  2. Ezarri a %40 / %60 diseinua testuari leku gehiago emateko.
  3. Gaitu Mugikorrean pilatu eta ezarri Eskuinetik Ezkerrera.

Klaviyo Split Block-erako Shopify Blog Post Artikuluak mugikorrean pilatuta

  1. Aukeratu Bistaratzeko aukerak fitxa.

Klaviyo Split Block Shopify-rako Blog Post Artikuluak bistaratzeko aukerak

  1. Hautatu Edukia Errepikatu eta jarri Klaviyo-n sortu duzun jarioa iturri gisa Errepikatu For eremua:

feeds.Closet52_Blog.rss.channel.item

  1. Ezarri Elementuaren ezizena as elementua.
  2. Klikatu Aurrebista eta proba eta orain zure blogeko argitalpenak ikus ditzakezu. Ziurtatu mahaigaineko zein mugikorreko moduan probatzen duzula.

Klaviyo Split Block Aurrebista eta proba.

Eta, noski, laguntza behar baduzu Shopify optimizazioa eta Klaviyo ezarpenak, ez izan zalantzarik eta harremanetan jartzeko Highbridge.

Dibulgazioa: bazkidea naiz Highbridge eta nire kideentzako estekak erabiltzen ari naiz Shopify Klaviyo Artikulu honetan.