Демо-редактор Увійти →
Дизайн Шаблон How-to AMP
~ 9 хв читати
30075 перегляди
оцінити
25 вересня 2020

Як передавати дані з Google Sheets у листи

Stripo / Blog / Як передавати дані з Google Sheets у листи

Ви коли-небудь замислювалися про можливість передавати дані з Google Sheets у листи, щоб автоматизувати процес створення розсилок та оновлення контенту в них?

Скажемо так: це реально. Причому навіть без вашої участі.

Оновлення даних в електронних листах шляхом оновлення інформації в таблицях GoogleПерш за все пригадаймо, що таке real-time контент. Отже, контент у режимі реального часу, також відомий як динамічний контент, дозволяє оновлювати вміст вашого листа вже після його відправлення користувачам. Це означає, що клієнти завжди бачитимуть тільки найсвіжішу інформацію, актуальні ціни та описи. І жодних оголошень про знижки, термін дії яких уже закінчився. Як це працює? Ви вносите зміни у контент у своїх Google Sheets, і цей контент відповідно оновлюється у відправлених листах у момент відкривання одержувачами.

Ми з гордістю повідомляємо, що користувачі Stripo тепер можуть передавати інформацію до листів з таблиць Google.

Що це означає? Вам більше не треба звертатися до своїх серверів і заморочуватися із заголовками CORS.

Але навіщо вам це насправді потрібно?

  1. Одержувачі бачитимуть виключно свіжий та релевантний контент незалежно від того, коли відкриють листа.

  2. Користувачі ніколи не поскаржаться на те, що ваші знижки та акції, які вони побачили в листі, не відповідають дійсності. Усі ціни та розпродажі відтепер будуть актуальними.

  3. Зі Stripo оновлювати контент у відправлених листах тепер легко немов двічі по два (у кожного з нас іноді таке трапляється — некоректні описи товарів, помилкові ціни та подібний сором, чи не так?).

  4. Створювати листи з real-time контентом у Stripo тепер дійсно елементарно, бо вже немає потреби підключати до листів сервери.

Як прив'язати Google Sheets до листів за допомогою Stripo?

Перш ніж показати, як підключити Google таблицю до листів, я хотіла б зазначити, що ви можете застосовувати real-time контент для різноманітних кампаній:

  • промо-розсилок;

  • усіх типів листів із картками продуктів;

  • привітальних листів, щоб забезпечити одержувачів свіжими YouTube-відео з інструкціями;

  • транзакційних листів, у яких вам треба замінити посилання на оновлені пости довідкового центру.

Важливо:

Усю наведену нижче послідовність дій вам треба буде виконати лише одного разу. Після чого залишиться зберегти цей елемент листа в бібліотеці модулів — і завжди користуватися ним за потреби. 

Крок 1. Налаштування Google Sheets як джерела даних

  • у своєму акаунті Stripo перейдіть у Дані;

  • потім — до вкладки Джерела Даних;

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

Підключити джерело

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

  • нижче перейдіть до вкладки «Google Sheets»;

  • натисніть «Google», щоб прив'язати потрібну таблицю Google;

Налаштування данних

  • у спливаючому вікні треба надати Stripo доступ до ваших Google Sheets по кліку кнопки «Дозволити»;

%D0%A0%D0%B0%D0%B7%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%B0

Важливий момент:

Stripo успішно пройшов перевірку безпеки від Google. Тому ви можете повністю довірити нам ваші таблиці, оскільки це єдине, до чого матиме доступ наше джерело даних (але тільки для отримання інформації).

  • виберіть свою таблицю, клікнувши по ній;

  • натисніть «Вибрати»;

Вибір необхідної електронної таблиці

  • заради вашої зручності ми показуємо назву таблиці та кількість аркушів. За замовчуванням ми підключаємося до першого, але ви можете перейти до будь-якого аркуша з вибраної таблиці Google;

Вибір листа

  • у своєму джерелі даних ви можете перевірити, чи коректно передано всю інформацію — назви колонок, рядків та ін.;

Відображення колонок

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

%D0%92%D0%BA%D0%BB%D1%8E%D1%87%D0%B8%D1%82%D1%8C-%D0%B2-%D0%B8%D0%BC%D0%BF%D0%BE%D1%80%D1%82

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

 GoogleSpreadsheet

  • скопіюйте URL-адресу — вона нам знадобиться трохи пізніше.

Крок 2. Підготовка вашої Google таблиці

  • створіть нову таблицю в Gmail;

  • дайте назви потрібним колонкам — ми рекомендуємо використовувати зрозумілі, але прості імена, що складаються лише з одного слова, оскільки вам треба буде додавати їх до листів;

Таблиця з правильними назвами стовпців

  • заповніть таблицю необхідною інформацією.

Колонка «Position» знадобиться, якщо ви вставляєте два контейнери в один рядок.

Крок 3. Підготовка листа

Перш за все вам слід підготувати свій email:

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

  • активуйте для цих рядків опцію «Включити в HTML»;

Моя електронна пошта з двома контейнерами в ньому

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

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

Важливо:

Я скопіювала тільки половину коду — код усієї клітини для моєї картки продукту, — тому що я побудувала рядок із двома контейнерами. Але якщо ви додаєте лише один контейнер у рядок, вам треба скопіювати у редакторі коду весь фрагмент для цього елемента листа.

Вам треба буде вставити його також одного разу, а не двічі, незалежно від того, скільки карток товарів у рядку і скільки власне рядків у вас буде — саме ця частина коду є циклічною. Отже, в результаті у ваших листах буде стільки карток товарів, скільки рядків ви заповнили у своїй Google таблиці.

  • перетягніть нову структуру з однією колонкою у свій HTML-шаблон;

  • відкрийте її 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-Sheet

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

 AMPHTML укр

Крок 5. Створення резервного варіанту

На Кроці 3 ми створили картки товарів і активували опцію «Включати в HTML».

Ця частина листа буде його fallback-версією, тобто вона відобразиться у тих поштовиках, які ще не підтримують AMP.

Структура-html-укр

Крок 6. Попередній перегляд і тестування вашого листа

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

Stripo Sending Test Emails Featured Image

7 min read

20751 views 3.7

Preview and Send Test Email in Stripo

You’ve built an email and are ready to send it out to recipients? We strongly recommend that you send a test email to yourself to make sure that it looks exactly as you wanted both on mobile and desktop devices, with no rendering issues. Important to note we provide a certain number of test emails daily, according to your plan. Please, visit this page to check out the number of test emails available for you; you test not only the...

Читати далі

Крок 7. Збережіть цей елемент у своїй бібліотеці

Як зазначалося вище, ви можете зберігати й знову використовувати цей елемент для багатьох кампаній.

Вам не треба нічого робити ані з джерелом даних, ані з кодом листа — просто перетягніть цей модуль зі сховища модулів у свій шаблон і оновіть інформацію у своїх Google Sheets. От і все.

Збереження модулів до бібліотеки

Створювати листи у Stripo — це дійсно легко!

Невеличка порада

Просто дружнє нагадування. Щоб розсилати AMP-контент, вам необхідно:

  • потрапити до білого списку Google;

  • пофіксити всі баги, якщо вони є. Побачити їх можна в режимі попереднього перегляду (в іншому випадку користувачі отримують листи у форматі HTML);

  • додати резервну копію — HTML-версію — до вашого листа. Вище ми показали, як це зробити;

  • переконайтеся, що ваш ESP/CRM вміє розсилати AMP-листи;

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

  • AMP-листи втрачають свої AMP-компоненти внаслідок пересилання до іншого акаунту.

На завершення

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

Створення таких листів у Stripo звільняє вас від потреби розбиратися з JSON, налаштовувати CORS заголовки та ін. Ви заощаджуєте час, створюючи листи, і при цьому робите їх більш функціональними та корисними.

Вас також може зацікавити

Попередні статті Наступні статті
3 дні тому · 14 хв читати
Email-запрошення на вебінар

Вебінар — це не лише файний спосіб навчитися чомусь новому і швидко отримати порцію свіжої інформації, але й чудова можливість подивитися на проблему з точки зору інших людей та дізнатися про їхній персональний досвід її вирішення. Але ми всі щодня отримуємо безліч листів із запрошеннями на вебінари. І навіть якби ми хотіли, то жодним чином не змогли б відвідати їх усі. Окрім того, ми занадто цінуємо свій час, щоб дивитися/читати/слухати те, що може нам не знадобитися. Тож ми зазвичай обираємо...

Дизайн Маркетинг Структура Шаблон
24 вересня · 18 хв читати
Найкращі шрифти для розсилок: поради та хитрощі

Одна з найсерйозніших проблем під час створення електронних листів — правильно вибрати шрифт. Вага, висота, ширина, колір, форма, інтервал... Чи справді тут все має значення? Так, важливим є все, але найголовніша умова — вибрати читабельний шрифт. У цій статті ми розповімо, як вибрати найкращий професійний шрифт для розсилки. Із Stripo працювати зі шрифтами листів дуже легко Почати Шрифти HTML-листів: основні правила, яких треба дотримуватися Вибираючи оптимальний шрифт, слід враховувати три базових правила: 1. Не використовуйте більше двох шрифтів Якщо ви...

Дизайн Шаблон
Будьте завжди в курсі останніх новин у сфері email-маркетингу