Благодарим за регистрацию в сервисе Все Виджеты. Вы приняли верное решение. Но что же делать дальше? Как сделать свой первый виджет историй?
После регистрации перейдите в Личный кабинет, откройте в главном меню раздел «Виджеты» и выберите «Истории».
Для создания нового виджета нажмите на кнопку “Новый виджет”.
Укажите любое название для вашего виджета. Это название будет демонстрироваться только для вас в личном кабинете для более удобной навигации.
Теперь вам необходимо перейти к редактированию вашего нового виджета.
В левой части экрана находятся настройки виджета.
1. Название виджета — в блоке «Настройки виджета» вы можете изменить внутреннее название вашего виджета.
2. Адаптивность — сколько обложек групп помещается в ленту на экране телефона, планшета и компьютера (от 1 до 10; по умолчанию 3, 6 и 8). Остальные группы посетитель листает.
3. Выделять непросмотренные группы — в блоке «Увеличение конверсии» на тарифах Pro и Business можно выделить обводкой те группы, которые посетитель ещё не смотрел, чтобы привлечь к ним внимание. Цвет обводки задаётся в поле «Цвет выделения».
Если настройка включена, то обводка для не просмотренных историй будет выглядеть следующим образом.
Теперь перейдем в группам историй. Ваши истории могут быть объединены в группы, например, по схожим тематикам. Для начала создадим нашу первую группу историй.
Перейдем к редактированию созданной группы
Загрузите изображение для созданной группы. Именно эти изображения увидит пользователь на вашем сайте, перед тем как откроет сами истории, расположенные в группах.
Старайтесь использовать квадратные изображения с разрешением до 200 x 200 px.
Теперь добавим первую историю в нашу группу
И перейдем к редактированию этой истории
Нажмите по голубому полю для выбора медиафайла или перетащите медиафайл в это пространство, чтобы загрузить.
Вы можете использовать как изображения, так и видеоролики.
Для наилучшей совместимости, рекомендуется использовать квадратные изображения или видео с разрешением 1200 x 1200 px. При этом, основная информация должна находиться в центральной части и иметь соотношение сторон 9:16.
В большинстве случаев истории открываются в вертикальном положении с разрешением 9:16, тем не менее, на смартфонах с широким экраном и нестандартным соотношением сторон, разрешение историй может также отличаться (измениться вплоть до 1:1)
Для подготовки макетов, рекомендуем воспользоваться шаблоном.
После загрузки истории — дождитесь её обработки. Обычно это занимает до нескольких минут.
В каждую историю на тарифах Pro и Business вы можете добавить CTA-кнопку, которая позволит перейти пользователю к нужной странице. Настройки — в блоке «CTA-кнопка» на странице истории.
1. Отображать кнопку в истории — используйте эту настройку, если хотите добавить CTA-кнопку
2. Текст кнопки — это параметр отвечает за содержание текста в кнопке. Не используйте длинные заголовки, чтобы кнопка не отнимала слишком много места в виджете и не загораживала ваше видео.
3. Ссылка – URL-адрес страницы на которую должна вести CTA-кнопка при нажатии.
4. Цвет фона – это HEX-код для заливки CTA-кнопки.
5. Цвет текста – это HEX-код для цвета текста, который расположен на CTA-кнопке.
По завершению редактирования настроек — обязательно сохраните изменения.
При необходимости вы всегда можете изменить порядок групп и историй: перетащите изображение группы или истории мышью на нужное место. Порядок сохраняется сразу.
Настройка завершена. Теперь вы можете нажать на кнопку «Код для вставки», чтобы получить HTML-код для размещения на вашем веб-сайте.
Обратите внимание, HTML-код виджета необходимо разместить именно в том месте вашего веб-сайта, где вы хотите, чтобы появился блок историй.
