5 функцій, які роблять Blocks ідеальним інструментом для створення шаблонів листів SendGrid
Досі важко створювати бездоганні шаблони листів SendGrid, витрачаючи якнайменше ресурсів? Тоді Blocks — ідеальне рішення для вас. Наш no-code редактор листів drag-n-drop допоможе прискорити виробництво листів без втрати якості. Ось 5 функцій Blocks на доказ цього. Нижче ви побачите, чому наші шаблони листів для SendGrid — розумна відправна точка.
1. Обирайте між кодом і без коду
Blocks — це no-code редактор листів, а отже, опанувати його можна без жодних навичок програмування. Щоб створити бездоганний шаблон листа для SendGrid, використайте готовий шаблон або створіть власний за допомогою структур і елементів: Blocks сам напише код.
Не хвилюйтеся про якість коду — у ньому не буде дивних фрагментів чи зайвих елементів. Наші шаблони листів для SendGrid повністю сумісні з будь-якою платформою, що підтримує HTML.
Але якщо хочете редагувати код самостійно — будь ласка. Достатньо відкрити розділ коду, і все готово.
2. Готові структури та елементи
Щоб стилізувати готовий шаблон листа під свої потреби або створити власний шаблон листа для SendGrid, використовуйте готові структури й елементи. Ви знайдете всі потрібні компоненти для ідеального шаблону листа SendGrid: шапки, підвали, кнопки, текстові елементи, зображення тощо.
Перетягуйте елементи, щоб змінити їх розташування в листі, та стилізуйте їх на свій смак.
3. Усі проєкти в одному місці
Це потужна функція для всіх, хто втомився витрачати час і сили на пошук потрібних матеріалів проєкту. Blocks дає змогу зберігати проєкти на наших захищених серверах: розподіляйте все по папках для зручнішої навігації, переміщуйте шаблони листів з однієї папки в іншу й багато іншого.
4. Адаптовані під мобільні пристрої шаблони листів SendGrid
Якщо ви створюєте шаблон листа SendGrid у Blocks, можете бути впевнені, що ваші листи виглядатимуть однаково гарно на будь-якому пристрої — мобільному, планшеті чи комп'ютері. Blocks також має функцію попереднього перегляду, яка показує, як лист відображатиметься в мобільній і десктопній версіях:
5. Динамічні елементи для ваших шаблонів листів SendGrid
Хочете персоналізувати свої шаблони листів SendGrid за допомогою динамічних елементів? Не проблема! Blocks дає змогу додавати до шаблону динамічні елементи та змінювати їх під свої потреби. Не відставайте від часу — використовуйте динамічні елементи у своїх шаблонах листів SendGrid разом із Blocks!
Як перетворити шаблон Blocks на Dynamic Template у SendGrid
SendGrid зберігає дизайни транзакційних листів як динамічні шаблони й заповнює їх даними з вашого запиту до API. Blocks не має прямого експорту в SendGrid, тож ви самостійно копіюєте HTML свого листа й вставляєте його в шаблон.
Де розмістити шаблон
У SendGrid відкрийте Email API > Dynamic Templates, створіть шаблон і натисніть Add Version. Виберіть початковий дизайн, оберіть Code Editor і вставте в нього експортований HTML. Ваш код звертатиметься до шаблону за його ідентифікатором, який починається з d-. Повну покрокову інструкцію наведено в посібнику SendGrid з динамічних шаблонів.
Які змінні використовувати
Динамічні шаблони пишуться на Handlebars: замініть зразковий текст на {{first_name}}, повторюйте рядки таблиці за допомогою {{#each}} і поставте {{subject}} у тему листа цієї версії. Там, де значення може містити лапки чи амперсанд, використовуйте потрійні фігурні дужки, як у {{{subject}}}.
<p>Hi {{first_name}},</p>
<table>
{{#each items}}
<tr><td>{{this.name}}</td><td>{{this.price}}</td></tr>
{{/each}}
</table>Потім ваш застосунок надсилає ідентифікатор шаблону разом із даними для його заповнювачів — тут за допомогою офіційної бібліотеки для Node.js:
const sgMail = require('@sendgrid/mail');
sgMail.setApiKey(process.env.SENDGRID_API_KEY);
sgMail.send({
to: 'customer@example.com',
from: 'shop@example.com', // a verified sender
templateId: process.env.SENDGRID_TEMPLATE_ID, // d-...
dynamicTemplateData: {
subject: 'Your order has shipped',
first_name: 'Anna',
items: [{ name: 'T-shirt', price: '$20' }],
},
});Як протестувати лист
Перед першим надсиланням натисніть Preview у редакторі, відкрийте Show Test Data і вставте зразок JSON з тими самими ключами, що й у вашому коді. Перевірте, що кожен заповнювач заповнено: SendGrid підтримує більшість можливостей Handlebars, але не всі, тож умови варто перевірити на тестових даних. Після реального надсилання стрічка Activity покаже, що сталося з кожним листом.
Наостанок
Прискорення виробництва листів і зниження їхньої вартості — наша нова реальність. Якщо хочете випереджати конкурентів, почніть користуватися Blocks — no-code редактором листів drag-n-drop. Це стане справжнім проривом.