Use-Data-from-Google_Featured Image
timer ~ 9 мин читать
40408 просмотры
оценить
25 сентября 2020

Как передавать данные из Google Sheets в письма

Stripo / Blog / Как передавать данные из Google Sheets в письма

Вы когда-нибудь думали о передаче данных из Google Sheets в письма, чтобы автоматизировать процесс создания своих рассылок/обновления контента в них уже после отправки писем?
Что ж, это возможно. 

Обновление данных в электронных письмах путем обновления информации в Google Таблицах

Мы покажем, как подключать письма с real-time контентом к Google Таблицам через Stripo:

Но для начала хочется напомнить, что же такое real-time контент: real-time, или же динамический, контент позволяет обновлять содержимое вашего письма уже после его отправки пользователям. Это значит, что они всегда видят только свежую информацию, актуальные цены и описания; они не будут видеть объявления о скидках после окончания срока их действия. Как это работает? Вы вносите изменения в содержимое в своих Google Sheets, и этот контент соответственно обновляется в отправленных письмах в момент открытия их получателями.

С гордостью сообщаем, что Stripo теперь позволяет пользователям передавать в письма содержимое из электронных таблиц Google.

Что это значит? Вам больше не нужно обращаться к своим серверам и разбираться с заголовками CORS.

Но зачем вам это на самом деле нужно?

  1. Получатели будут видеть лишь «свежий» релевантный контент вне зависимости от того, когда они открыли письмо.

  2. Пользователи никогда не будут жаловаться на то, что ваши «заниженные» цены и распродажи, которые они увидели в письме, не соответствуют действительности. Они всегда видят актуальные цены и скидки.

  3. Обновлять контент в отправленных письмах теперь проще простого благодаря Stripo (мы же все иногда отправляем письма с неправильными описаниями продуктов, опечатками, неправильными ценами и т. д., да? ).

  4. Создание писем с real-time контентом в Stripo — теперь проще простого, поскольку нет необходимости подключать серверы к письмам.

Как связать Google Sheets с письмами с помощью Stripo?

Прежде чем показать, как подключить Google таблицу к письмам, я хочу сказать, что вы можете использовать данный тип контента в разных кампаниях:

  • промо-рассылки;

  • любые типы писем, содержащих карточки товаров; 

  • приветственные письма, предлагающие получателям актуальные youtube-видео формата «Как это делается»;

  • транзакционные письма, где вам нужно изменить ссылку на обновленные посты «Справочного центра».

Важно:

Вам нужно сделать все нижеприведенные шаги лишь один раз. Затем необходимо сохранить этот элемент письма в модулях и всегда пользоваться ним при необходимости. 

Шаг 1. Настройка Google Sheets как источника данных

  • в своем аккаунте Stripo перейдите в Данные;

  • перейдите во вкладку Источники Данных;

  • нажмите на кнопку «+ Подключить источник»;

 источник данных

  • придумайте его название;

  • ниже, перейдите на вкладку «Google Sheets»;

  • потом кликните на «Google», чтобы привязать необходимую таблицу Google;

Настройка-данных

  • во всплывающем окне нужно дать Stripo доступ к вашим Google Sheets, кликнув на кнопку «Разрешить»;

 Разрешение доступа

Важно:

Stripo прошел проверку безопасности от Google. Поэтому вы можете полностью доверить нам ваши таблицы. Поскольку это единственное, к чему у нашего источника данных будет доступ (только для получения данных).

  • выберите нужную таблицу, кликнув на нее;

  • нажмите «Выбрать»;

Выбор необходимой электронной таблицы

  • для вашего удобства мы показываем название электронной таблицы и количество ее листов. По умолчанию мы подключаемся к первому, но вы можете переключиться на любой лист из выбранной таблицы;

 рекомендации

  • в своем источнике данных вы можете проверить, правильно ли извлечена вся информация, например, названия колонок и строк;

 общей информации

  • здесь вы можете отключить ненужные строки (даже после того, как письмо было отправлено). Вам просто нужно прокрутить вправо и снять отметку с некоторых элементов;

 в импорт

  • теперь кликните на кнопку «Подключить Google Spreadsheet» справа внизу;

 Google Spreadsheets

  • скопируйте URL-адрес, так как далее он вам пригодится.

Шаг 2. Подготовка вашей Google таблицы

  • создайте новую таблицу в Gmail;

  • назовите необходимые колонки — мы рекомендуем давать понятные, но простые имена, содержащие всего одно слово, так как вам нужно будет вставлять их в письма;

Таблица с правильными именами столбцов

Важно!

Они должны быть прописаны Латиницей, поскольку мы будем вставлять их в код письма.

  • заполните таблицу необходимой информацией.

Столбец «Position» необходим, если вы вставляете два контейнера в одну строку.

Шаг 3. Подготовка письма

В первую очередь, вам нужно подготовить свой email:

  • создать карточки товаров — полностью, от кнопок до расположения картинок и размера шрифта для описаний;

  • активировать опцию «Включать в HTML» для этих строк;

Моя электронная почта с двумя контейнерами в ней

  • откройте ее код и скопируйте, начиная с <table cellpadding="0" cellspacing="0"...> линии и до следующей <table cellpadding="0" cellspacing="0"> линии не включая ее (без нее);

Копирование HTML-кода для контейнеров

Важно:

Я скопировала только половину кода — код всей ячейки для своей карточки товара — так как создала строку с двумя контейнерами. Но если вы вставляете только один контейнер на строку, необходимо скопировать весь код в редакторе (для конкретно этого элемента письма).

Вам нужно будет вставить его также один раз, а не дважды, независимо от того, сколько карточек товаров в строке и самих строк у вас будет — именно эта часть кода циклична. Итак, в итоге, в ваших письмах будет столько карточек товаров, сколько строк вы заполнили в своей Google таблице.

  • перетащите новую структуру с одной колонкой в свой шаблон;

  • добавьте в него блок HTML;

  • откройте его и вставьте часть кода, которую только что скопировали;

  • теперь подключите свои письма с созданной Google таблицей.

Шаг 4. Подключение Таблиц Google к письмам:

Здесь мы приступаем к работе над кодом полосы/ряда.

Для тех из вас, кто уже создавал письма с AMP-списками, как показано в посте нашего блога «Источник данных», весь процесс покажется довольно знакомым. Алгоритм тут такой же:

  • прямо над всем кодом добавьте следующий кусочек:

<amp-list layout="fixed-height" height="360" width="auto" src="https://stripo.email/emailformdata/v1/list/ecxs/stripo-welcome-emails">

<template type="amp-mustache">

Если все сделано верно, он будет выглядеть так:

Вставка AMP-кода

  • здесь замените ссылку в “src=” ссылкой на источник из шага 1;

  • и вставьте часть кода, приведенного ниже, в самом конце кода этой «Строки/Ряда»;

</template>

</amp-list>
  • если все сделано верно, это будет иметь такой вид;

HTML-блок закрывающих тегов

  • часть кода (отвечающего за картинки), который выделен на скриншоте ниже, должен быть заменен на код, приведенный далее;

Код для замены

<a href="{{URL}}" target="_blank"><amp-img width="269" height="180" alt="{{Productname}}" src="{{imgURL}}" layout="responsive"></amp-img>

</a></td>

(Можете установить ширину и высоту, соответствующую дизайну вашего письма)

Где:

  • {{Productname}} отвечает за название товара — то, которое вы ввели в своей Google таблице;

  • {{URL}} является ссылкой на товар на вашем сайте;

  • {{imgUrl}} содержит ссылку на сниппет, который вы также добавили в Google таблицу.

Если вы дали другие названия столбцам в своих таблицах, поместите их в фигурные скобки соответственно.

Теперь нам нужно привязать другие столбцы из таблицы к вашему письму:

При создании карточек товаров для удобства я присвоила элементам карточек названия, близкие к названиям в столбцах таблицы.

Поэтому, когда я открыла код своих карточек товаров, мне потребовалось всего две минуты, чтобы связать свое письмо с Google.

Два маленьких уточнения:
  • мне пришлось заключить все эти имена в фигурные скобки;

  • все элементы, которые также были заключены в кавычки, должны оставаться в этих кавычках.

Замена ссылок и текста на содержимое из Google-таблиц

Когда закончите, не забудьте включить опцию «Включать в AMP HTML» для всей этой строки/структуры.

AMPHTML элемент вкл

Шаг 4. Создание Fallback/HTML-версии письма

На Шаге 3 мы создали карточки товаров и активировали опцию «Включать в HTML». 

Эта часть письма будет служить нам как Fallback, то есть отобразится в тех почтовых клиентах, которые еще не поддерживают AMP.

Структура-включить

Шаг 5. Предпросмотр и тестирование вашего письма

Вам нужно не только предварительно просмотреть и проверить свой email, как обычно, но также попробовать отредактировать/обновить некоторую информацию в Google Таблицах, чтобы убедиться, что ваши таблицы действительно установлены в качестве источника данных.

Шаг 6. Сохраните данный элемент в свою библиотеку

Как упоминалось выше, вы можете хранить и вновь использовать этот элемент во множестве кампаний.

Вам не нужно ничего делать ни с источником данных, ни с кодом письма — просто перетащите этот модуль из хранилища «Модулей» в свой шаблон и обновите информацию в своих Google Sheets. Вот и все.

Сохранение модулей в библиотеке

Создавать письма в Stripo — проще простого!

Небольшой совет

Это просто дружеское напоминание. Чтобы рассылать AMP-контент, вам нужно:

  • попасть в белый список Google;

  • пофиксить все баги, если они есть. Увидеть их можно в режиме предварительного просмотра (в противном случае пользователи получат email в формате HTML);

  • добавьте резервную копию — HTML-версию — в свое письмо. Выше мы показали, как это сделать;

  • убедитесь, что ваша ESP/CRM умеет рассылать AMP-письма;

  • помните, что только Gmail (и веб-, и мобильные приложения на всех ОС-ах) и Mail.ru способны рендерить AMP-письма. Yahoo вскоре присоединится к их числу;

  • AMP-письма теряют свои AMP-компоненты при пересылке из ящика на ящик.

В завершение

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

Создание таких писем в Stripo избавляет вас от необходимости разбираться с JSON, настраивать CORS заголовки и т. д. Вы экономите время на создании писем и при этом делаете их более функциональными и полезными.

 

Вас также может заинтересовать

Предыдущие статьи Следующие статьи
banner9
06 июня · 15 мин читать
ТОП-10 email-редакторов 2022 года

Все конструкторы email-шаблонов для вас на одно лицо? И вы затрудняетесь с выбором подходящего инструмента для своих кампаний, верно? Неудивительно, ведь их очень много. Мы сделаем обзор самых популярных конструкторов, чтобы выделить их отличительные особенности и помочь вам найти наилучший HTML-редактор шаблонов для ваших текущих потребностей. Я попробую создать одинаковый шаблон с одними и теми же медиафайлами во всех редакторах, чтобы увидеть, чем отличаются эти инструменты. Лучшие конструкторы email-шаблонов Для нашего обзора мы выбрали такие редакторы: Stripo, HubSpot, Campaign Monitor,...

Дизайн Маркетинг Шаблоны
24 мая · 18 мин читать
Лучшие шрифты для рассылок: советы и хитрости

Одна из самых серьезных проблем при создании электронных писем — правильно выбрать шрифт. Вес, высота, ширина, цвет, форма, интервал… Все ли здесь имеет значение? Да, важно все, но самое главное — выбрать читабельный шрифт. В этой статье мы расскажем, как выбрать лучший профессиональный шрифт для рассылки. Создавайте элегантные письма с помощью Stripo в кратчайшие сроки, используя наши готовые шаблоны Ознакомиться   Шрифты HTML-писем: основные правила, которые нужно соблюдать При выборе оптимального шрифта следует учитывать три базовых правила: 1. Не используйте более двух шрифтов...

Дизайн Шаблоны
Greatest Examples of GIF animations in Emails_Cover Image
27 октября 2021 · 10 мин читать
Гиф-анимации в письмах: 16 лучших примеров

Гифки отлично будут смотреться в ваших письмах, если вы хотите продемонстрировать продукт, привлечь внимание пользователей к какому-либо элементу письма или же просто ненавязчиво украсить текст. В этой статье мы представили лучшие примеры гиф-анимаций в рассылках. Примеры GIF в письмах В этой подборке собраны лучшие примеры использования GIF в письмах, где каждая анимация выполняет свою миссию. 1. Adidas (Источник: рассылка от Adidas) Adidas использовал анимацию в письме, чтобы показать, в каком еще цвете доступен данный товар. Выглядит аккуратно и просто, но при этом...

Дизайн Маркетинг
08 апреля 2021 · 17 мин читать
Дизайн подписи в письмах: 14 лучших примеров

Хорошие подписи в письмах помогают нам развивать бизнес и производить хорошее впечатление на клиентов. И поскольку это последний элемент, который люди видят в письмах, нам нужно сделать подписи креативными и запоминающимися. Давайте рассмотрим лучшие примеры подписей и их правильное использование в письмах и шаблонах рассылок. Стоит отметить, что профессиональные подписи с подробной контактной информацией нужны для любого бизнеса. Используйте этот шаблон, чтобы создавать подписи для рассылок быстрее Использовать Такой пример подписи хорошо подходит для юридических консультаций, банковского дела и т.д....

Дизайн Маркетинг Шаблоны
Будьте всегда в курсе последних новостей в области email-маркетинга!