Разработка своего цифрового содержимого

Относится к приложениям Dynamics 365 for Customer Engagement версии 9.x

Dynamics 365 предоставляет современный конструктор цифрового содержимого для создания, оформления и предварительного просмотра цифрового содержимого различных типов, которое можно подготавливать и контролировать с помощью системы, в том числе:

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

Конструктор адаптируется к текущему контексту (сообщение электронной почты, целевая страница и т. д.), предоставляя только те элементы и параметры дизайна, которые применимы к данному контексту, но базовые функциональные возможности остаются неизменными. Он также поддерживает "режим постороннего содержимого", который включается при вставке HTML-кода из приложения стороннего разработчика непосредственно в редактор HTML-кода; в этом случае конструктор не знает тип разрабатываемого содержимого, поэтому зависящие от контекста функции скрываются, и отображается более общий интерфейс разработки.

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

Начните с выбора шаблона

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

Окно выбора шаблона сообщения электронной почты

Средство выбора шаблона предоставляет много элементов управления для поиска, сортировки и фильтрации шаблонов. Используйте эти элементы управления для поиска шаблонов, которые могут удовлетворять вашим требованиям, затем выберите шаблон, чтобы посмотреть его предварительное изображение и другие сведения в области Предварительный просмотр. Когда требуемый шаблон будет найден, выберите Выбрать, чтобы применить его к своему новому дизайну.

Выбранный шаблон задает в вашем дизайне следующие элементы:

  • Макет столбцов: задает базовый макет, например с одним столбцом, двумя столбцами и т. п. Впоследствии изменить этот макет можно только в редакторе HTML-кода; графический редактор не содержит инструментов для изменения макета столбцов.
  • Тип страницы или формы: если создается маркетинговая страница или форма, этот параметр определяет, является ли страница центром подписок, страницей пересылки другу или целевой страницей, а также задает базовые возможности страницы или формы.
  • Образец дизайна и содержимого: некоторые шаблоны уже содержат базовые элементы дизайна, такие как эмблемы, типографские параметры, цветовая палитра, образец содержимого и т. п. Другие шаблоны предоставляют пустую страницу, которая включает только тип страницы и макет столбцов. При редактировании и разработке страницы можно свободно изменять образец дизайна и содержимого.

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

Работа с конструктором

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

Панель инструментов и область содержимого конструктора

В конструкторе имеется панель инструментов и область содержимого. На панели инструментов представлены несколько основных команд и три вкладки навигации (Дизайн, HTML и Предварительный просмотр), которые определяют отображаемые элементы и доступные операции в области содержимого.

Использование графического конструктора

Выберите пункт Конструктор на панели инструментов конструктора, чтобы открыть графический конструктор. Он позволяет собирать и разрабатывать содержимое без использования какого-либо кода. В большинстве случаев нет никакой необходимости переходить в представление HTML (разве что из любопытства).

Холст и панель инструментов конструктора

Графический конструктор обеспечивает редактируемый предварительный просмотр (холст), где можно выбирать, изменять или удалять содержимое, а также набор вкладок для добавления элементов дизайна и работы с дизайном:

  • Панель инструментов: для добавления нового элемента в дизайн перетащите его отсюда в соответствующее место на холсте. Каждый элемент дизайна представляет определенный тип содержимого, например текстовый элемент, изображение или форму ввода. Параметры и функции каждого элемента дизайна зависят от его типа.
  • Свойства: для работы большинства элементов дизайна их требуются настроить. Например, изображение должно указывать на файл изображения, форма должна указывать на запись маркетинговой формы, а для кнопки требуется текст и место назначения. При добавлении нового элемента дизайна он автоматически выбирается, и открывается вкладка Свойства, чтобы его можно было настроить. Чтобы настроить (или перенастроить) любой элемент, уже имеющийся в дизайне, сначала выберите его, затем откройте вкладку Свойства.
  • Стиль: используйте эти параметры для применения цвета, интервала и других графических параметров к общему дизайну.

Дополнительные сведения: Справка по элементам дизайна

Работа непосредственно в HTML

Если вы предпочитаете работать напрямую с HTML-кодом, откройте вкладку HTML конструктора. Это может потребоваться для изменения некоторых свойств, недоступных в графическом редакторе, или для вставки HTML-кода, созданного с помощью другой программы. Можно также добавить сложные скрипты или стили для предоставления новой функциональной возможности. Например, при создании маркетинговой страницы можно добавить скрипты для реализации следующих возможностей:

  • Изменение свойств одного поля (или формы) на основе значений другого поля, например:
    • Поле № клиента отображается только в том случае, если параметр Существующий клиент имеет значение TRUE (истина).
    • Поле № клиента обязательно, если параметр Существующий клиент имеет значение TRUE (истина).
    • Очищать поле адреса Область при изменении поля Страна.
    • Изменять значения в списке Область в зависимости от выбранной страны.
    • Изменять стили полей, чтобы делать из видимыми, обязательными и т. п.
  • Добавление проверок значений настраиваемых полей (при отправке формы или при изменении значения поля), например требовать, чтобы поле № клиента содержало только шесть цифр.
  • Выполнение действий при загрузке или отправке формы, например:
    • Скрывать определенные поля по умолчанию.
    • Отключать кнопку отправки до тех пор, пока не будут заполнены все обязательные поля.
    • Задавать значения полей на основе значений, переданных в вызывающем URL-адресе.
    • Задавать значения полей на основе значений, переданных в вызывающем URL-адресе.

Однако при работе здесь следует быть внимательным, так как графический редактор ожидает определенные типы разметки для реализации перетаскиваемых элементов. Без такой разметки дальнейшее изменение элементов дизайна будет невозможно, и они могут даже перестать работать. Дополнительные сведения: Использование настраиваемых атрибутов для включения функций конструктора в сообщениях электронной почты, на страницах и в формах

Редактор HTML-кода поддерживает несколько удобных функций редактирования кода, таких как выделение цветом синтаксических элементов и нумерация строк. Вы также можете применить форматирование и добавить разрывы строк и отступы, чтобы сделать код более удобочитаемым; для этого щелкните правой кнопкой мыши в любом месте редактора и выберите в контекстом меню Форматировать документ.

Предварительный просмотр дизайна

Хотя редактор с поддержкой перетаскивания предоставляет редактируемый предварительный просмотр, он является лишь приблизительным. В нем используется компромиссное представление для обеспечения работы функций редактирования. Более точно вид дизайна можно посмотреть на вкладке Предварительный просмотр конструктора.

Селектор режима предварительного просмотра

Используйте кнопки в левом столбце вкладки Предварительный просмотр для просмотра вида дизайна на экранах разного размера и ориентации, например на компьютере, на планшете в альбомной ориентации или на мобильном телефоне в книжной ориентации. При предварительном просмотре также отображаются гибкие элементы дизайна, встроенные во многие шаблоны. Однако при предварительном просмотре не выполняются никакие настраиваемые скрипты, которые вы могли добавить в дизайн (например, проверка входных данных формы).

Примечание

Разработка маркетинговых сообщений электронной почты может быть сложнее, чем разработка веб-страниц, поскольку сообщения обычно содержат динамическое содержимое, а почтовые клиенты обрабатывают HTML-код весьма разными способами. Поэтому в Dynamics 365 предусмотрены несколько дополнительных функций для просмотра сообщений электронной почты, которые недоступны для маркетинговых страниц или форм. Сюда входят примеры записей контактов, выбор параметров содержимого и расширенный предварительный просмотр в ящике "Входящие". Дополнительные сведения: Проверка результата с помощью предварительного просмотра и тестовых отправок

См. также

Специальные возможности и сочетания клавиш
Справка по элементам дизайна
Подготовка маркетинговых сообщений электронной почты
Работа с шаблонами сообщений электронной почты, страниц и форм
Создание и развертывание маркетинговых страниц
Специальные возможности и сочетания клавиш
Ввод в действие доступных для публикации сущностей и отслеживание их состояния