header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Шаг 1 | Добавление анимации Lottie
  • Шаг 2 | Копирование URL анимации
  • Шаг 3 | Импорт файла на сайт Wix

Редактор Wix: импорт анимаций Lottie на сайт

3 мин.
Анимации Lottie — это высококачественные анимированные файлы, которые можно добавить на сайт. Импортируя анимацию напрямую из аккаунта LottieFiles, вы можете создавать уникальные живые страницы без необходимости добавлять код.
Опубликованный сайт с текстом «Подводное приключение Лейлы». Воспроизводится анимация медузы и пузырьков.
Прежде чем начать:
Для импорта анимации необходимо иметь аккаунт LottieFiles.

Шаг 1 | Добавление анимации Lottie

Начните с добавления элемента «Анимация Lottie» на сайт из панели «Добавить элементы».

Чтобы добавить анимацию Lottie на сайт:

  1. Нажмите Добавить элементы слева в редакторе.
  2. Выберите Вставки.
  3. Прокрутите вниз до раздела Анимация.
  4. Нажмите Lottie, чтобы добавить элемент на сайт.
Панель «Добавить элементы» в редакторе. Курсор наведен на параметр добавления Lottie на сайт.

Шаг 2 | Копирование URL анимации

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

Чтобы получить и скопировать URL анимации:

  1. Войдите в свой аккаунт LottieFiles.
  2. Выберите нужную анимацию.
  3. Нажмите Save to workspace to generate.
  4. Нажмите на иконку копирования под надписью Asset link.
Обрезанный скриншот, показывающий копирование URL анимации на lottiefiles.com
Знаете ли вы?
Анимации Lottie — это векторные файлы, поэтому они сохраняют качество как в версии сайта для компьютеров, так и для смартфонов.

Шаг 3 | Импорт файла на сайт Wix

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

Чтобы импортировать файл на сайт:

  1. Выберите элемент «Анимация Lottie» в редакторе.
  2. Нажмите на иконку настроек .
  3. Вставьте URL-адрес в поле под заголовком Какой URL-адрес у анимации?.
  4. Нажмите Enter на клавиатуре.
Панель настроек Lottie в редакторе. Курсор наведен на поле URL.
Что дальше?
  • Нажмите Превью, смотреть в верхней части панели, чтобы увидеть, как воспроизводится анимация.
  • Используйте настройки, чтобы отрегулировать воспроизведение анимации. Подробнее о настройке анимации Lottie
Что нужно знать:
Анимации Lottie автоматически конвертируются в файлы JSON при импорте на сайт Wix. По техническим причинам не все поля файлов могут быть сохранены. Поэтому анимации Lottie могут выглядеть немного иначе на опубликованном сайте (например, с меньшим диапазоном или интенсивностью движения).

Helpmate

Привет,

Нужны дополнительные рекомендации?
Краткое содержание этой статьи
Unlock personalized helpLog in to get the most out of Helpmate.