Как добавить Stories на сайт
  • 15 Jun 2023
  • 1 минута
  • Темная тема
    Светлая тема
  • формат pdf

Как добавить Stories на сайт

  • Темная тема
    Светлая тема
  • формат pdf

Article Summary

Задача: добавить на главную страницу сайта форму «Stories».

stories.gif

Варианты использования

  • рассказать о скидках и акциях на главной странице сайта;
  • представить новую коллекцию на странице категорий товаров;
  • показать видео с примером использования на странице с товаром;

Что нужно для размещения формы на сайте

  1. Установить код трекера на ваш сайт.
  2. Подключить модуль "Персонализация сайта".
  3. Создать встроенную форму «Stories» в админке Mindbox.

Создание Stories в Mindbox

Добавьте в папку встроенный блок:

создать-встр.png

Выберите шаблон «Сториз»:

Снимок экрана 2022-04-20 в 09.14.10.png

Укажите сайт:

Снимок экрана 2023-01-23 в 03.42.10.png

Далее переходим в «Элементы» и нужно нажать «Добавить элемент»:

Для каждого кружка вы можете настроить отдельные настройки таргетинга, например:
  • первый кружок — только новым клиентам;
  • второй кружок — клиентам с корзиной более 3000 рублей и из определенного города;
  • третий кружок — клиентам, которые посетили определенные страницы продуктов.

Снимок экрана 2022-04-20 в 09.19.58.png

После этого у вас откроется окно редактирования первого кружка сторис. Здесь вы сможете наполнить форму контентом — фотографиями или видео. Для этого в разделе «Встроенный блок» нажмите «Изменить», затем — «Редактировать»:

Снимок экрана 2023-01-23 в 03.47.58.png

Здесь вы сможете:

  • поменять название кружка;
  • заменить картинку в кружке.

Далее переходим к контенту в сторис. Это могут быть фото или видео.

Здесь вы сможете:

  1. Выбрать «Тип» контента — картинка или видео.
  2. Поменять текст, цвет и ссылку кнопки.
  3. Добавить картинку через ссылку.
  4. Установить время проигрывания.
  5. Включить/выключить стори.

Снимок экрана 2022-04-20 в 09.44.01.png

Высота и ширина картинок не ограничивается, но вот размер файла не должен быть больше 1 Мб. Чем больше картинка, тем дольше будет подгружаться на сайт.

Когда кружок наполнен, возвращаемся в основную форму и добавляем другие кружочки.

Снимок экрана 2022-04-20 в 11.15.09.png

Здесь же вы можете поменять порядок отображения кружочков.

Снимок экрана 2022-04-21 в 21.11.35.png

Установка блока на сайт

Есть 2 варианта установки встроенного блока на сайт: встроить блок в селектор или поместить блок в нужное место самостоятельно.

Снимок экрана 2022-04-21 в 20.57.12.png

Подробнее можно прочитать в статье по настройке встроенных блоков.

Запуск формы

Далее нужно нажать «Запустить».

Снимок экрана 2022-04-21 в 20.34.32.png

При запуске встроенного блока не запускается вся механика!

После запуска встроенного блока нужно перейти к запуску его элементов — отдельных кружков.

Снимок экрана 2022-04-21 в 20.48.40.png

Тестирование формы

Механику Stories можно проверить по тестовой ссылке.

Снимок экрана 2023-06-15 в 17.53.33.png

Если у вас возникли сложности на любом шаге настройки — напишите в нашу поддержку.

Чат с поддержкой есть справа внизу.

Механики персонализации — используйте идеи механик персонализации сайта наших клиентов из разных индустрий.