Як створити таймери зворотного відліку в Brevo

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

Brevo logo

Крок 1: Створіть свій таймер у Sendtric

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

Sendtric countdown timer editor open for building a timer to add to a Brevo email campaign

Після того як ви налаштували таймер, скопіюйте його HTML-код і перейдіть на сайт Brevo.

Крок 2: Вставте свій таймер у шаблон Brevo

Відкрийте свою кампанію Brevo Email і виберіть, чи хочете ви використовувати редактор з функцією «перетягування» чи HTML-редактор.

Редактор з функцією «перетягування та вставлення»

Виберіть HTML-блок і перетягніть його у лист на те місце, де ви хочете розмістити таймер. Двічі клацніть на HTML-блоці всередині листа, вставте HTML-код, наданий Sendtric, а потім додайте тег «dynamic»*. (як це зробити, див. нижче)

HTML-редактор:

Введіть код, наданий Sendtric, та додайте «динамічний тег»* (як це зробити — див. нижче) у тому місці, де ви хочете розмістити таймер.

*Важливо* Щоб таймер працював у Brevo належним чином, додайте слово «dynamic» у кінці HTML-тегів img, як показано нижче:

Стандартний HTML-код, наданий Sendtric:

<img src="https://gen.sendtric.com/countdown/133dvtakwh" style="display: block;max-width:100%;" />

Brevo вимагає додати тег «dynamic» таким чином:

<img src="https://gen.sendtric.com/countdown/xyz123456" style="display: block;max-width:100%;" dynamic/>
Brevo email campaign editor with the HTML block option highlighted in the drag-and-drop editor
Brevo HTML editor panel for pasting custom embed code into an email campaign

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

<table align="center"> <tbody> <tr> <td><img src="https://gen.sendtric.com/countdown/xyz123456" style="display: block;max-width:100%;" dynamic/></td> </tr> </tbody> </table>
Brevo HTML block showing a placeholder table for the Sendtric timer embed code

Крок 3: Готово!

Ось так просто додати таймер від Sendtric до вашої кампанії в Brevo. Якщо ви користуєтеся платним тарифним планом і хочете внести деякі зміни в дизайн таймера після того, як побачили його в шаблоні (можливо, вибір кольору виявився не зовсім вдалим!), ви можете легко повернутися до редактора Sendtric і змінити все, що завгодно, у таймері. Вам не потрібно повторно копіювати код таймера, головне — переконатися, що ви редагуєте саме той таймер, який додали до шаблону.

Ми також будемо раді дізнатися про ваш досвід використання наших таймерів у Brevo! Не соромтеся звертатися до нас за адресою support@sendtric.com якщо у вас виникнуть будь-які зауваження, питання чи коментарі.

Martin Tenev

Мартін є Growth Manager, якого захоплює все, що пов'язано зі зростанням і ШІ, зокрема створення email-кампаній, які конвертують.

Зв'яжіться в LinkedIn

Готові підвищити конверсію за допомогою електронної пошти?

Приєднуйтесь до тисяч маркетологів, які використовують платформу персоналізації електронних листів Sendtric для підвищення конверсії.