Как создать правильную структуру: работа с колонками и блоками
В старом конструкторе UniSender можно добавлять не только отдельные блоки на каждой строке, но и создавать контейнеры для размещения двух, трёх или четырёх блоков в одной строке. В блок добавляем нужный нам контент: картинку, под ней текст. И редактируем каждый блок с контентом.
В примере рассмотрим, как создать контейнер из четырёх блоков — карточки товара с описанием.
Внутри редактора на панели блоков слева выбираем блок «Контейнер» с четырьмя ячейками и перетаскиваем его на лист.
Перетаскиваем в первую ячейку блок «Изображение», а ниже в эту же ячейку — блок «Текст».
Теперь нам нужно добавить картинку. Выделяем блок «Изображение» и кликаем «Выбрать».
Чтобы загрузить новое изображение в менеджер файлов, нажимаем на иконку с дискетой.
Здесь нажимаем «Выбрать файлы для загрузки» и выбираем картинку на компьютере.
Когда картинка подгрузилась в менеджер файлов, кликаем на неё дважды, чтобы добавить в письмо.
Так выглядит добавленная картинка.
Чтобы изображение растянулось по высоте, нужно увеличить высоту блока.
Нажимаем на блок с картинкой, затем зажимаем курсором мыши нижнюю часть блока с тремя точками и тянем вниз.
Теперь переходим к блоку «Текст».
Кликаем на него. В правом верхнем углу блока нажимаем на карандаш («Редактировать»).
Вводим текст.
Здесь же на панели инструментов форматируем текст: выбираем больший размер шрифта, делаем текст полужирным, устанавливаем выравнивание.
Так выглядит отформатированный текст.
Теперь сделаем ссылку из первой строки. Для этого выделяем текст, на панели инструментов нажимаем на иконку «Вставить/редактировать ссылку» или нажимаем Ctrl+L.
Здесь вставляем ссылку и нажимаем «OK».
Ссылка добавлена.
Теперь создаём такие же блоки в других ячейках контейнера.
Чтобы ускорить процесс, копируем блок «Изображение» с помощью кнопки «Копировать» в правом верхнем углу блока. То же самое делаем с блоком «Текст».
Переносим скопированные блоки в соседнюю ячейку и повторяем копирование, пока все ячейки не будут заполнены.
Теперь, чтобы заменить картинку на другую, выделяем блок «Изображение», идём в «Настройки» — вкладка «Параметры» и нажимаем «Выбрать».
Далее попадаем в менеджер файлов и загружаем картинки по такому же алгоритму. Затем редактируем текст в блоках так же, как делали выше.
В итоге контейнер выглядит так:
Полезные ссылки
Как попасть в старый конструктор
Как работать со стилями
Как отредактировать текст
Как вставить ссылку
Как вставить картинку
Как вставить кнопку
Как вставить блок соцсетей
Как вставить видео
Как вставить GIF
Как сделать прехедер
Как сделать письмо на основе шаблона для старого конструктора