Как настроить HTML-блок в шаблонизаторе
Если нам нужно кастомизировать блок в шаблонизаторе, но мы понимаем, что встроенных элементов конструктора недостаточно, то может помочь блок с HTML версткой.
Возможности email-рассылок для самостоятельной настройки. Транзакционные, автоматические и массовые рассылки
Рассмотрим основные шаги по кастомизации блока, а также реальный пример по добавлению параметра data-name в блок конструктора для голосования:
1.
1. В редактировании рассылки открываем просмотр шаблона. Появится веб-версия письма:
2. Вызываем консоль разработчика, чтобы посмотреть код отдельных элементов на странице. Для этого нужно в любой части страницы с рассылкой кликнуть на правую клавишу мышки и посмотреть код:
3. В появившемся окне выбираем иконку, которая поможет нам определить какой именно элемент выбрать:
4. Найдем в рассылке блок, код которого мы хотим узнать:
- Для примера возьмем кнопку «К товару»:
5. Нажимаем на элемент и видим какая строчка соответствует этому контейнеру:
6. Копируем этот элемент и заходим обратно в редактор шаблона:
7. Вставляем под блок, который мы хотим заменить, HTML-блок:
8. В настройках этого блока меняем HTML-код на наш, который скопировали на предыдущем шаге:
- Для примера подставим к кнопке параметр для голосования:
- Для этого ищем открывающий тег <a и вставляем там параметр data-name.
HTML-письма без ошибок: 8 требований к дизайну и верстке