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

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

stories.gif

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

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

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

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

Создание Stories в Mindbox

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

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

  2. Выберите шаблон «Карусель сторис»:

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

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

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

  4. Перейдите в настройки встроенного блока через блок «Карусель сторис (основная форма)» → «Изменить» → «Редактировать», чтобы изменить:

    • шрифты, тексты и цвета блока,
    • фон блока,
    • отступы,
    • форму сторис и стрелок.

    stories-block-settings.png

  5. Перейдите в блок настроек «Cторисы (вложенные формы)» и нажмите «Добавить сторис». Добавьте нужное количество сторис и измените их порядок при необходимости:

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

    Для каждой сторис можно настроить отдельное наполнение и настройки таргетинга, например:

    • первая сторис - только новым клиентам;
    • вторая сторис — клиентам с корзиной более 3000 рублей и из определенного города;
    • третья сторис — клиентам, которые посетили определенные страницы продуктов.
  6. Перейдите в редактирование сторис через раздел «Сторис для карусели» нажмите «Изменить», затем — «Редактировать»:

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

  7. Выберите наполнение сторис и экранов при открытии:

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

Требования к медиафайлам

  • Вес картинки до 1 Мб. Чем больше картинка, тем дольше будет подгружаться на сайт.
  • Ссылка на видео должна выдавать конкретный видеофайл, загруженный в хранилище.
    • Ссылки на такие системы как Битрикс24 или Яндекс Диск или на видеохостинги (например, YouTube или Rutube) не поддерживаются.
    • Рекомендуем загрузить видео на сайт, на котором будет показана форма.

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

Есть 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

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