Текст, фото и видео

TextСкопировать ссылку на раздел

Добавьте Text, введите содержимое в редакторе правой панели или прямо на холсте. Форматирование применяется к тексту; общие настройки типографики берутся из темы, а Appearance позволяет переопределить их для элемента.

Для перевода сначала выберите нужную локаль в меню языка. Исходная локаль воронки — English (en). Статус переводов отслеживает изменения английского текста, поэтому после его правки проверьте раздел Локализация.

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

PhotoСкопировать ссылку на раздел

В меню добавления изображение называется Photo. Выберите источник изображения и настройте его в Appearance:

• ширину и высоту;
• вписывание и выравнивание;
• прозрачность и скругление;
• внешние отступы, внутренние отступы и фон.

Для сохранения естественных пропорций используйте автоматическую высоту. Высота в процентах зависит от высоты родителя: если у родителя она не задана, изображение сохраняет естественные пропорции.

Photo поддерживает AVIF. В том числе сохраняется анимация исходного AVIF; при загрузке он не преобразуется в WebP.

VideoСкопировать ссылку на раздел

Video показывает встроенное видео без звука, с повторением и воспроизведением внутри страницы. Это подходит для короткой демонстрации интерфейса или движения.

В Setup можно указать прямую ссылку на видеофайл или выбрать локальный файл. При загрузке локального файла редактор позволяет проверить совпадения в библиотеке и подготовить варианты качества. Подготовка создаёт предпросмотр; запись в библиотеку и применение происходят после Save and use video.

В Appearance задайте размер, вписывание, выравнивание, прозрачность, скругление и отступы. Автоматическая высота сохраняет пропорции. Процентная высота требует определённой высоты родителя.

Если подготовлен совместимый MP4, он используется при неподдерживаемом или не загрузившемся WebM. При блокировке воспроизведения или ошибке появляется кнопка Play/Retry.

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

1. Откройте клиентский Preview на узком экране.
2. Убедитесь, что изображение и видео не обрезают важные детали.
3. Проверьте текст поверх медиа и контраст кнопок.
4. Для видео дождитесь загрузки и проверьте повторное воспроизведение.
5. Проверьте локали с более длинными текстами вокруг медиа.

Для анимированного индикатора ожидания с действием по завершении используйте Loader.