Как настроить HTML-блок в шаблонизаторе
  • 13 Mar 2024
  • 1 минута
  • Темная тема
    Светлая тема
  • формат pdf

Как настроить HTML-блок в шаблонизаторе

  • Темная тема
    Светлая тема
  • формат pdf

Article Summary

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

 Возможности email-рассылок для самостоятельной настройки. Транзакционные, автоматические и массовые рассылки 

Рассмотрим основные шаги по кастомизации блока, а также реальный пример по добавлению параметра data-name в блок конструктора для голосования:



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

 HTML-письма без ошибок: 8 требований к дизайну и верстке