Создание шаблона с помощью визуального редактора

Рассмотрим принцип создания шаблонов путем корректирования существующих (в этом варианте вам будет доступен визуальный редактор, который сильно упрощает работу):

1. В списке предустановленных шаблонов

   

   выбирается наиболее подходящий (значок перца на шаблоне означает, что в нём используется свободная лексика – например, разговорные выражения или афоризмы).
2. Откроется форма редактирования шаблона с двумя полями выбора действий:
   
   1 – переключение между режимами работы (Редактирование и Предпросмотр);
   2 – в режиме Редактирование работа с Блоками информации и выбор Дизайна.

   

   По центру находится рабочая зона (собственно, наша будущая рассылка). Она разделена на три области: Хедер, Центр и Футер. Для каждой из этих областей можно выбрать свой дизайн , кликнув по названию области.

   

Рабочая зона состоит из элементов – блоков. Мы можем:

• удалить существующие блоки (наведя курсор на соответствующий блок и нажав крестик), или отредактировать их (нажав на иконку маркера в правом верхнем углу блока – откроется поле редактирования этого блока);
• добавить новые блоки, перетянув их в нужное место (появится надпись Перетяните блок сюда ).

Возможности блоков обширны: от добавления простого текста или картинки до вывода информации о заказе и купонов на скидку.

Также можно создать кнопку, ведущую на нужную вам страницу сайта (например, на страницу с размещенным на ней компонентом Форма подписки Компонент включается в дизайн сайта и служит формой для подписки на рассылки. Компонент стандартный и входит в дистрибутив модуля.

Описание компонента «Форма подписки» в пользовательской документации. , чтобы клиент мог подписаться на рассылки вашего интернет-магазина).

Работа с блоками на примере добавления кнопки «Подписаться на рассылку»

Создадим новую страницу Создать новую страницу можно и через Публичный раздел, и через Административный. В Публичном разделе есть удобный инструмент – Мастер создания новой страницы. Для создания страницы с помощью Мастера нажмите Создать страницу. Подробнее... Подписка на рассылки (имя файла subscribe.php); Разместим на этой странице компонент Форма подписки Компонент включается в дизайн сайта и служит формой для подписки на рассылки. Компонент стандартный и входит в дистрибутив модуля. Описание компонента «Форма подписки» в пользовательской документации. : Сохраним изменения. В результате на созданной странице выводится форма подписки на кампании Кампания – система спланированных рекламных мероприятий, объединённых одной идеей и концепцией для достижения конкретной маркетинговой цели. Вы также можете создать новую кампанию другим способом (Маркетинг > Email-маркетинг > Кампании). Форма создания интуитивно понятна и не должна вызвать у вас вопросов. Подробнее... интернет-магазина. В шаблоне email-рассылки добавим блок Кнопка . Пропишем ссылку на созданную страницу /subscribe.php, а также придумаем текст кнопки: При желании можно перейти во вкладки Дизайн и Настройки и изменить параметры создаваемой кнопки: цвет, размер шрифта, выравнивание и т.д. В результате в шаблоне email-рассылки появилась кнопка , при нажатии которой пользователь попадёт на страницу с формой подписки и сможет подписаться на интересующие его рассылки.

3. Название шаблона также можно изменить (адресаты рассылки его не видят, но удобней своим шаблонам давать характерные имена для облегчения их дальнейшего поиска). Для этого нужно нажать на иконку маркера справа от названия шаблона.
4. Посмотреть итоговый вид созданного шаблона вы сможете, перейдя из режима Редактирование в режим Предпросмотр. В этом режиме отображается вид вашего шаблона на трех устройствах: смартфоне, планшете и ПК.

Примечание. Вы наверняка успели заметить кнопку Развернуть в верхнем правом углу формы редактирования. При её нажатии скроется поле «Название шаблона» и кнопки «Сохранить/Отмена», т.е. область редактирования станет больше (в таком режиме удобней работать).

А для сохранения своего шаблона вернитесь в обычный режим экрана, нажав кнопку Свернуть , и кликните на кнопку Сохранить в нижнем левом углу.

  Создание шаблона «с нуля»

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

1. Выберите в списке Предустановленных шаблонов Свой HTML:

   

2. В открывшейся форме пропишите свой шаблон на языке HTML. При необходимости можете обратиться к справочнику HTML book.
3. Измените название шаблона (адресаты рассылки его не видят, но удобней своим шаблонам давать характерные имена для облегчения их дальнейшего поиска). Для этого нажмите на иконку маркера справа от названия шаблона.
4. Сохраните получившийся шаблон.

  Документация по теме

• Мои шаблоны
• Создание шаблона