Редактор Wix: Настройка промобокса

6 мин. чтения
Настройте свой промобокс, чтобы он выглядел так, как вы хотите. Вы можете сделать так, чтобы слой (оверлей) закрывал пространство страницы вокруг промобокса, выбрать расположение промобокса и поменять фон, чтобы создать уникальный дизайн. 
Содержание

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

Определите, где именно на странице будет появляться промобокс. Вы можете выбрать угол страницы, где он должен появляться, и отрегулировать расстояние от краев экрана (смещение).

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

  1. Откройте нужный промобокс, выбрав его в панели Меню и страницы.
  2. Нажмите на промобокс.
  3. Нажмите на значок Макет .
  4. Выберите как вы хотите настроить макет:
    • Выберите положение: выберите расположение промобокса на странице.
    • Горизонтальное смещение: переместите бокс влево или вправо по экрану.
    • Вертикальное смещение: переместите бокс вверх или вниз по экрану.

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

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

Чтобы настроить слой:

  1. Откройте нужный промобокс, выбрав его в панели Меню и страницы.
  2. Нажмите в любом месте на слой (пространство вокруг вашего промобокса) в редакторе.
  3. Нажмите на кнопку Изменить фон слоя.
  4. Выберите тип слоя для своего промобокса: 
    • Цвет: выберите цвет для слоя из палитры цветов.
    • Фото: выберите собственное изображение, изображение Wix или Shutterstock.
    • Видео: выберите бесплатное видео Wix или загрузите собственное.
  5. (Необязательно) Нажмите Настройка, чтобы провести дополнительную настройку слоя.
Совет
Мы рекомендуем задавать определенный уровень прозрачности слоя, чтобы посетители сайта видели страницу под слоем, но понимали, что она не активна.
Примечания:
  • Вы не можете редактировать слой промобокса в мобильной версии сайта.
  • Если вы добавите наложение цвета или изображения на компьютере, это автоматически применяется и на мобильном сайте. Однако, если вы добавите наложение видео, оно будет преобразовано в неподвижное изображение из видео на мобильной версии вашего сайта.

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

Выберите фон для вашего промобокса: цвет, фото или видео. В зависимости от выбранного фона вы можете настроить такие параметры как видимость и масштабирование.

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

  1. Откройте нужный промобокс, выбрав его в панели Меню и страницы.
  2. Нажмите на промобокс.
  3. Нажмите на значок Дизайн .
  4. Выберите тип фона для своего промобокса.
  5. (Необязательно) Нажмите Настройка, чтобы провести дополнительную настройку слоя.

Настройка кнопки закрытия промобокса

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

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

  1. Откройте нужный промобокс, выбрав его в панели Меню и страницы.
  2. Нажмите на кнопку.
  3. Поменяйте текст, который появляется на кнопке:
    1. Нажмите Изменить текст.
    2. Введите текст в текстовое поле.
    3. Нажмите Enter на клавиатуре.
  1. Отрегулируйте выравнивание текста на кнопке:
    1. Нажмите на значок Макет .
    2. Выберите вариант выравнивания текста: слева, по центру или в правой части кнопки.

Чтобы настроить дизайн кнопки закрытия промобокса:

  1. Откройте нужный промобокс, выбрав его в панели Меню и страницы.
  2. Нажмите на кнопку.
  3. Нажмите на значок Дизайн
  4. Выберите один из готовых дизайнов и нажмите Настроить дизайн, чтобы внести в него дальнейшие изменения.
  5. Выберите пресет вверху.
  6. Выберите состояние, для которого вы хотите настроить дизайн:
    • В покое: как выглядит кнопка до того, как посетитель нажимает на нее.
    • При наведении: как выглядит кнопка, когда посетители наводят на нее курсор.
  7. Выберите, что вы хотите настроить:
  • Цвет и прозрачность : выберите цвет фона для кнопки и настройте его видимость.
  • Границы undefined: добавьте границы к кнопке, чтобы создать контраст с промобоксом. Выберите цвет и установите ширину в пикселях.
  • Уголки undefined: выберите, как будут выглядеть углы кнопки. Вы можете настроить каждый угол по-разному, изменив радиус скругления.
  • Тени undefined: добавьте тени к кнопке для создания 3D-эффекта. Вы можете установить размер, видимость, угол и многое другое, чтобы сделать его более заметным.
  • Текст undefined: настройте текст кнопки, задав такие параметры, как тип шрифта, размер и интервал. Вы также можете добавить форматирование, например, полужирный шрифт или курсив, и выбрать цвет.
Примечание
Доступные параметры настройки зависят от:
  • Выбранного шаблона дизайна.
  • Состояния, для которого вы выбираете дизайн (в покое или при наведении).

Настройка значка закрытия X

Если вы включили значок X (закрыть промобокс), вы можете настроить его внешний вид, чтобы он соответствовал стилю промобокса и слоя. Выбирайте из множества вариантов дизайна, настройте цвет, видимость и границы.

Чтобы настроить значок X:

  1. Откройте нужный промобокс в панели Меню и страницы.
  2. Нажмите на значок закрытия промобокса (X).
  3. Нажмите на значок Дизайн .
  4. Выберите, как вы хотите настроить значок X:
    • Выберите новый дизайн: нажмите на пресет в панели, чтобы выбрать новый дизайн для значка.
    • Настройте значок: нажмите Настроить дизайн и отредактируйте значок по своему усмотрению:
      • Цвет и прозрачность: выберите цвет значка в палитре цветов и используйте ползунок, чтобы отрегулировать видимость.
      • Границы: выберите цвет границы значка и установите ее ширину (в пикселях).

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

|