Како објавити Схопифи блог феед у свом Клавиио шаблону е-поште

Како објавити Схопифи блог феед у свом Клавиио шаблону е-поште

Настављамо да побољшавамо и оптимизујемо наше Схопифи Плус напори е-маил маркетинга модног клијента користећи Клавиио. Клавиио има солидну интеграцију са Схопифи-ом која омогућава мноштво комуникација у вези са е-трговином које су унапред направљене и спремне за рад.

Изненађујуће, убацивање вашег Схопифи Блог Постови у е-пошту, међутим, НИЈЕ један од њих! Отежавање ствари… документација за прављење ове е-поште није темељна и чак не документује њихов најновији уредник. Тако, Highbridge морали смо мало да копамо и сами смислимо како да то урадимо... и није било лако.

Ево развоја неопходног да би се ово десило:

  1. Блог Феед – Атом феед који обезбеђује Схопифи не пружа никаква прилагођавања нити укључује слике, тако да морамо да направимо прилагођени КСМЛ феед.
  2. Клавиио Дата Феед – КСМЛ феед који смо направили треба да буде интегрисан као извор података у Клавиио.
  3. Шаблон е-поште Клавиио – Затим морамо да рашчланимо фид у шаблон е-поште где су слике и садржај правилно форматирани.

Направите прилагођени блог феед у Схопифи-у

Успео сам да пронађем чланак са примером кода за израду а прилагођени фид у Схопифи-у за МаилЦхимп и направио доста измена да га почисти. Ево корака за изградњу а прилагођени РСС феед у Схопифи за ваш блог.

  1. Идите до свог Онлине Продавница и изаберите тему у коју желите да поставите фид.
  2. У менију Акције изаберите Уреди код.
  3. У менију Датотеке идите до Шаблони и кликните Додајте нови шаблон.
  4. У прозору Додај нови шаблон изаберите Направите нови шаблон за blog.

Додајте текући блог феед у Схопифи за Клавиио

  1. Изаберите Тип шаблона течност.
  2. За име датотеке, унели смо клавиио.
  3. У уређивач кода поставите следећи код:

{%- 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. Ажурирајте прилагођене променљиве по потреби. Једна напомена о овоме је да смо величину слике поставили на максималну ширину наших е-порука, ширину 600 пиксела. Ево табеле са величинама слика Схопифи-а:

Схопифи Назив слике Димензије
пико КСНУМКСпк к КСНУМКСпк
икона КСНУМКСпк к КСНУМКСпк
палац КСНУМКСпк к КСНУМКСпк
мали КСНУМКСпк к КСНУМКСпк
компактан КСНУМКСпк к КСНУМКСпк
средњи КСНУМКСпк к КСНУМКСпк
велики КСНУМКСпк к КСНУМКСпк
велики КСНУМКСпк к КСНУМКСпк
КСНУМКС Кс КСНУМКС КСНУМКСпк к КСНУМКСпк
КСНУМКС Кс КСНУМКС КСНУМКСпк к КСНУМКСпк
мајстор Највећа доступна слика

  1. Ваш фид је сада доступан на адреси вашег блога са додатком стринга упита да бисте га видели. У случају нашег клијента, УРЛ фида је:

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

  1. Ваш фид је сада спреман за употребу! Ако желите, можете да дођете до њега у прозору прегледача да бисте били сигурни да нема грешака. Осигураћемо да се правилно анализира у нашем следећем кораку:

Додајте свој блог феед у Клавиио

Да бисте искористили свој нови феед за блог Клавиио, морате га додати као извор података.

  1. Иди на Дата Феедс
  2. одабрати Додајте веб фид
  3. Унесите Назив фида (нису дозвољени размаци)
  4. Унесите УРЛ фида које сте управо створили.
  5. Унесите метод захтева као ГЕТ
  6. Унесите тип садржаја као КСМЛ

Клавиио Адд Схопифи КСМЛ Блог Феед

  1. Kliknite Ажурирајте фид података.
  2. Kliknite Преглед да би се осигурало да се фид правилно попуњава.

Прегледајте Схопифи Блог Феед у Клавиио

Додајте свој блог феед у свој Клавиио шаблон е-поште

Сада желимо да уградимо наш блог у наш шаблон е-поште Клавиио. По мом мишљењу, и разлог зашто нам је био потребан прилагођени фид, волим подељену област садржаја где је слика лево, наслов и извод испод. Клавиио такође има опцију да ово скупи у једну колону на мобилном уређају.

  1. Превуците а Сплит Блоцк у свој шаблон е-поште.
  2. Поставите леву колону на ан Слика а ваша десна колона до а текст блокирати.

Клавиио Сплит Блоцк за Схопифи Блог Пост Артицлес

  1. За слику изаберите Динамиц Имаге и поставите вредност на:

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

  1. Поставите алтернативни текст на:

{{item.title}}

  1. Подесите адресу везе тако да ако претплатник е-поште кликне на слику, она ће их довести до вашег чланка.

{{item.link}}

  1. Изаберите десна колона да бисте поставили садржај колоне.

Наслов и опис Клавиио блог објаве

  1. Додајте своје садржина, обавезно додајте везу у свој наслов и уметните извод из поста.

<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. Изаберите Сплит Сеттингс картица.
  2. Поставите на а 40% / 60% распоред да обезбеди више простора за текст.
  3. омогућити Стацк он Мобиле и поставити Десна на лево.

Клавиио Сплит Блоцк за Схопифи Блог Пост Чланци наслагани на мобилном уређају

  1. Изаберите Дисплаи Оптионс картица.

Клавиио Сплит Блоцк за Схопифи Блог Пост Чланци Опције приказа

  1. Изаберите Цонтент Репеат и ставите фид који сте креирали у Клавиио као извор у Понови за поље:

feeds.Closet52_Blog.rss.channel.item

  1. Подесите Псеудоним ставке as тачка.
  2. Kliknite Преглед и тестирање и сада можете да видите своје постове на блогу. Обавезно га тестирајте и у радном и мобилном режиму.

Клавиио Сплит Блоцк Преглед и тестирање.

И, наравно, ако вам је потребна помоћ у Схопифи оптимизација и Клавиио имплементације, не оклевајте да се обратите Highbridge.

Откривање: Ја сам партнер у Highbridge и користим своје партнерске везе за Схопифи Клавиио у овом чланку.