Блоки с динамическим контентом

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

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

Поддерживаемые элементы контента для блоков с динамическим контентом

Блоки с динамическим контентом поддерживают следующие типы элементов контента:

• Аккордеон
• Баннер
• Преимущества
• Кнопка
• Разделитель
• Заголовок
• Изображение
• Отступ
• Текст

Вы можете добавить несколько элементов контента в один блок с динамическим контентом.

Блоки с динамическим контентом также поддерживают ограниченный набор форматирования Markdown при написании текста:

• Заголовки H1, H2 и H3
• Полужирный, курсив и зачёркнутый
• Изображения
• Переносы строк
• Ссылки
• Нумерованные и маркированные списки
• Горизонтальные разделители

Чтобы добавить в контент немного персонализации, вы также можете использовать переменные Liquid.

Создание блока с динамическим контентом

Вы можете создать и настроить блок с динамическим контентом в приложении Checkout Blocks. После создания блока его необходимо добавить на страницу оформления заказа.

Шаги:

1. В панели администратора Shopify перейдите в раздел Приложения > Checkout Blocks.

2. Нажмите Блоки, а затем — Создать блок.

3. Нажмите Динамический контент.

4. Выберите шаблон для поля, которое хотите использовать. Если вы не хотите, чтобы какие-либо поля или настройки были предварительно заполнены, выберите Пустой шаблон.

5. В разделе Название блока введите название для блока. Оно не будет отображаться для ваших клиентов.

6. В разделе ИД блока с помощью выпадающего меню назначьте блоку определённый ИД. Подробнее об ИД блоков.

7. В разделе Правила отображения настройте правила отображения вашего блока:

   • Чтобы блок отображался для всех клиентов, оставьте раздел Правила отображения пустым.
   • Чтобы создать правило отображения, нажмите ⊕ Добавить правило отображения, а затем настройте его. Добавьте столько правил отображения, сколько необходимо.

8. В разделе Контент добавьте и настройте контент вашего блока:

   1. Необязательно: в поле Заголовок раздела нажмите Добавить заголовок (необязательно), чтобы добавить заголовок в ваш блок.
   2. В разделе Элементы контента нажмите ⊕ Добавить элемент контента, а затем выберите элемент контента, который хотите добавить.
   3. В диалоговом окне элемента контента настройте его параметры и стили, а затем нажмите Готово.
   4. Необязательно: добавьте другие элементы контента и настройте их по своему усмотрению.

9. Необязательно: в разделе Стили нажмите Настроить дизайн, чтобы настроить стили и размеры контейнера и столбцов блока.

10. Необязательно: в разделе «Публикация» нажмите на значок карандаша, чтобы выбрать рынки и страницы оформления заказов, на которых должен отображаться блок.

11. Нажмите «Сохранить».

По умолчанию ваш блок сохраняется как черновик. Когда вы будете готовы опубликовать блок, в разделе «Статус» выберите в выпадающем меню «Активный».

Добавление блока динамического контента на страницу оформления заказа

Вы можете добавить существующий блок динамического контента на страницу оформления заказа. Чтобы блоки отображались на странице оформления заказа, они должны иметь статус «Активный».

Если вы хотите предварительно просмотреть блок в редакторе оформления заказов и аккаунтов, скопируйте уникальный ИД предпросмотра блока из приложения Checkout Blocks.

Шаги:

1. В панели администратора Shopify перейдите в раздел Приложения > Checkout Blocks.

2. Нажмите «Блоки».

3. Нажмите на блок динамического контента, который вы хотите добавить на страницу оформления заказа.

4. Нажмите «Дополнительные действия ⌄» > «Добавить в оформление заказа».

5. Необязательно: в разделе «ИД блока для предпросмотра» нажмите на значок буфера обмена, чтобы скопировать уникальный ИД предпросмотра блока.

6. Выберите нужную конфигурацию оформления заказа, а затем нажмите «Открыть редактор».

7. В редакторе оформления заказов и аккаунтов добавьте блок динамического контента на страницу оформления заказа:

   1. Перейдите на страницу оформления заказа, на которую вы хотите добавить блок.
   2. В разделе, в который вы хотите добавить блок, нажмите ⊕ «Добавить блок».
   3. Нажмите на опцию «Динамический контент» из Checkout Blocks.
   4. Настройте данные блока оформления заказа и выберите соответствующий ИД блока.
   5. Необязательно: используйте поле «ИД блока для предпросмотра (для тестирования)» и ИД предпросмотра блока, чтобы посмотреть, как блок будет отображаться на странице оформления заказа.
   6. Необязательно: перетащите блок динамического контента в то место на странице оформления заказа, где он должен отображаться.

8. Нажмите «Сохранить».