Центр поддержки Wix
    Главная
  1. Wix Специалисты и Корпоративные решения Wix
  2. Wix Studio
  3. Использование Редактора Wix Studio
  4. Добавление элементов в Редакторе Studio
    5. Редактор Studio: Использование промобоксов

Редактор Studio: Использование промобоксов

5 мин. чтения
Промобокс - это всплывающее окно, которое вы можете настроить в соответствии со своими потребностями. Настройте дизайн всплывающего окна, добавьте необходимые элементы, а затем выберите когда оно должно запускаться для посетителей сайта.
Вы также можете привязать его к элементам, таким как текст, кнопки или изображения, чтобы промобокс открывался при нажатии на них. Это отличный способ привлечь внимание к важной информации о событиях, распродажах или скидках, ограниченных по времени.
Пример промобокса, используемого для привлечения большего количества подписчиков на новостную рассылку
Содержание:

Добавление промобокса

Добавьте всплывающий промобокс, чтобы привлечь внимание посетителей и продемонстрировать важные объявления.

Чтобы добавить промобокс:

  1. Нажмите Добавить элементы в левой части редактора.
  2. Нажмите Инструменты лейаута.
  3. Нажмите Промобоксы.
  4. Выберите промобокс, который хотите добавить. 

Настройка промобокса

Настройте промобокс так, чтобы он соответствовал сайту по стилю. Добавьте все необходимые элементы, затем измените цвет фона и определите его прозрачность.

Чтобы настроить промобокс:

  1. Нажмите Страницы  в левой части редактора.
  2. Выберите соответствующий промобокс в разделе Промобоксы.
  3. Нажмите на промобокс в редакторе.
  4. Выберите, как настроить промобокс:
    • Добавьте элементы:  
      1. Нажмите Добавить элементы в левой части редактора. 
      2. Перетащите необходимый элемент. 
    • Настройте фон: 
      1. Нажмите на стрелку Открыть инспектор  в правом верхнем углу редактора.
      2. Прокрутите вниз до раздела Дизайн.
      3. Выберите цвет и установите прозрачность фона в разделе Фон.
  5. Когда будете готовы, нажмите Готово внизу, чтобы выйти из режима редактирования.
Скриншот режима редактирования промобокса и выбора цвета фона в инспекторе
Что дальше?
Зайдите в превью сайта, чтобы увидеть промобокс в действии.

Настройка триггеров для промобокса

Решите, как и когда будет отображаться промобокс. Вы можете настроить его автоматическое отображение после загрузки определенных страниц сайта или привязать его к элементу (например, тексту, изображению). Вы также можете выбрать, как посетители будут закрывать промобокс после его просмотра.
Примечание:
Промобокс отображается один раз для каждого посетителя на первой соответствующей странице, которую они видят (в случае, если он настроен для отображения на нескольких страницах).

Чтобы настроить триггеры:

  1. Нажмите Страницы  в левой части редактора.
  2. Выберите соответствующий промобокс в разделе Промобоксы. 
  3. Нажмите на промобокс на холсте.
  4. Нажмите Настроить триггеры.
  5. Выберите соответствующий вариант в разделе Показывать автоматически?:
    • Да: промобокс автоматически появляется, когда посетители переходят на соответствующие страницы.
      1. Нажмите на На каких страницах показать?, чтобы выбрать нужные страницы.
      2. Перетащите ползунок Задержка, чтобы увеличить или уменьшить время (в секундах) между загрузкой страницы и появлением промобокса.  
    • Нет: промобокс не появляется, когда посетители заходят на страницу. Вместо этого он запускается по выбранной вами кнопке или ссылке. 
  6. Активируйте соответствующие переключатели в разделе Закрытие промобокса.
    Примечание: если вы отключите значок «X» и кнопку «Закрыть», посетители вашего сайта должны будут нажать за пределами промобокса, чтобы закрыть его.
  7. Когда будете готовы, нажмите Готово, чтобы выйти из режима редактирования. 
Панель триггеров, открытая рядом с промобоксом, с установленной настройкой для автоматического отображения на главной странице.

Настройка расписания для промобокса

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

Чтобы установить расписание промобокса:

  1. Нажмите Страницы  в левой части редактора.
  2. Выберите соответствующий промобокс в разделе Промобоксы. 
  3. Нажмите на промобокс на холсте.
  4. Нажмите Настроить триггеры.
  5. Прокрутите вниз до раздела Расписание промобокса и нажмите + Установить расписание.
  6. Установите дату и время начала и окончания.
    Совет: убедитесь, что установлен правильный часовой пояс. Если нет, вы можете изменить его. 
Настройка расписания промобокса в редакторе Studio

Добавление ссылки на промобокс к элементам

Свяжите элементы с промобоксом с помощью ссылки, чтобы посетители никогда не пропустили объявление. Вы можете связать такие элементы, как текст, изображения, видео и кнопки. 

Чтобы связать элемент с промобоксом:

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

Управление промобоксом

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

Чтобы управлять промобоксом:

  1. Нажмите Страницы  в левой части редактора.
  2. Нажмите значок Другие действия рядом с соответствующим промобоксом.
  3. Выберите, что сделать дальше:
Промобокс в панели страниц с отображением доступных параметров управления.

Была ли статья полезна?

|

В этой статье

  • Добавление промобокса
  • Настройка промобокса
  • Настройка триггеров для промобокса
  • Настройка расписания для промобокса
  • Добавление ссылки на промобокс к элементам
  • Управление промобоксом