Инструкция

Как использовать функционал вёрстки из сниппетов

Автоматизируем процесс создания рассылки

Сниппет — это оформление ссылки на внешний сайт, которой делятся пользователи социальных сетей.

Например, в Фейсбуке сниппет формируется на базе тегов Open Graph:

B Mailganer вы можете создать шаблон рассылки, контент которой будет составляться из тех же тегов Open Graph.

Как это работает

Вы указываете несколько ссылок на нужный сайт, а Mailganer автоматически генерирует письмо. Всего за три шага вы получаете полностью готовую к отправке рассылку, для создания которой не нужны знания вёрстки.

Пример создания сниппета из шаблона на примере People Talk:

Для того, чтобы генерировать такие рассылки — нужно всего один раз создать сниппет-шаблон и пользоваться им постоянно.

Если у вас нет готового — обратитесь к нам за помощью к нашим разработчикам, которые помогут вам создать подходящий для вашего бизнеса шаблон.

Заказать разработку сниппет-шаблона

Как создать шаблон самостоятельно

Для вёрстки используются следующие переменные:

{{ item.title }} — заголовок из og:title
{{ item.link }} — ссылка из которой берутся теги og
{{ item.description }} — текст из og:description
{{ item.image }} — картинка из og:image
{% for item in rss_feed %} ... {% endfor %} — пробег по всем ссылкам
{% if forloop.counter == 1 %} ... {% endif %} — условие для первой ссылки
{% if forloop.revcounter == 1 %} ... {% endif %} — условие для последней ссылки

Рассмотрим пример вёрстки для сайта peopletalk.ru. Опустим общие блоки (лого, меню и т.п.) и рассмотрим именно блоки генерации контента.

Из примера выше видно, что первые новости выстраиваются по одной логике, а две последних — по другой.

Фрагмент кода для первых новостей:


<table>
  {% for item in rss_feed %}
    {% if forloop.revcounter > 2 %}
    <tr>
      <td>
        <img src="{{ item.image }}" />
        <h1>{{ item.title }}</h1>
        <p>{{ item.description }}</p>
        <a href="{{ item.link }}">Читать далее</a>
      </td>
    </tr>
    {% endif %}
  {% endfor %}
</table>

Фрагмент кода для двух последних новостей:


<table>
  <tr>
  {% for item in rss_feed %}
    {% if not forloop.revcounter > 2 %}
    <td>
      <img src="{{ item.image }}" />
      <a href="{{ item.link }}">{{ item.title }}</a>
    </td>
    {% endif %}
  {% endfor %}
  </tr>
</table>

Таким образом вы можете создать шаблон рассылки, который будет сгенерирован на основе ссылок.

P.S.

В примере используется простая, неадаптивная вёрстка. Это сделано специально, чтобы не усложнять пример особенностями кроссплатформенной адаптивной вёрстки.

P.P.S.

Если по какой то причине вы не можете использовать теги og, например, захотите разделить контент, отдаваемый в соцсети и в рассылки, то в вёрстке поддерживаются теги mg.

Т.е. значение {{ item.title }} возьмётся из <meta property="og:title" ... если в коде страницы не встретится <meta property="mg:title" ...