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

Созданный в визуальном конструкторе шаблон можно менять с помощью HTML-редактора. После сохранения кода письма в HTML визуальный конструктор станет недоступен.
Когда нужно вставить в шаблон отдельные элементы, можно использовать функцию вставки HTML-блока. Так шаблон можно будет редактировать с помощью конструктора.

Зачем использовать HTML-блок

HTML-блок следует использовать для динамических блоков с выводом элементов через цикл for.

В конструкторе также есть шаблоны продуктовой витрины, которые можно использовать за основу верстки блока:

Как добавить HTML-блок

Чтобы в конструкторе добавить в шаблон письма HTML-блок, нужно:

1. Проверить, что шаблон сверстан отдельными блоками, а не «простыней»
2. С помощью «Строки» в правом меню подготовить структуру под блок
3. Перетащить с панели «Содержимое» HTML-элемент
4. Вставить нужный код внутрь получившегося контейнера

Добавим готовый блок ссылок на соцсети

в обозначенное стрелками место:

По шагам:

1. Проверяем, что шаблон состоит из отдельных строка и/или колонок

Для удобства выбираем опцию «Структура видна» в верхней части экрана:

Теперь рассылка размечена пунктирными линиями по содержимому.

Если рамка содержимого совпадает с нужной нам разметкой, переходим к следующему шагу. Если в рамке что-то еще, кроме места под наш блок — разбиваем на отдельные по инструкции .

2. Готовим структуру под блок

С помощью "Структуры"("rows«) в правом меню перетаскиваем строки/колонки в место, где будет HTML-блок:

3. С панели «Содержимое» перетаскиваем HTML-элемент:

Появился новый блок:

4. Вставим код в контейнер

Выделим блок, на панели содержимого откроется поле ввода кода. По умолчанию это контейнер

Не забываем, что использовать стоит только адаптивный HTML.

5. Любуемся результатом и сохраняем