header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image

Редактор Wix: добавление и настройка кнопок соцсетей

4 мин.

Кнопки соцсетей - отличный инструмент для повышения видимости сайтов. Эти кнопки позволяют посетителям поделиться главной страницей сайта или конкретной страницей, которую они просматривают. Благодаря плавной интеграции с такими платформами, как Facebook и WhatsApp, делиться контентом еще никогда не было так просто.

Добавление и настройка кнопок соцсетей

Добавьте понравившийся дизайн, а затем выберите, будет ли кнопка вести на текущую страницу или на главную страницу сайта. 

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

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

Выбор кнопок для отображения

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

Чтобы выбрать, какие кнопки показать:

  1. Выберите элемент Кнопки соцсетей.
  2. Нажмите Управлять кнопками соцсетей.
  3. Нажмите значок Другие действия .
  4. Выберите, что сделать дальше:

Настройка макета кнопки соцсетей

Измените макет кнопки в соответствии с дизайном сайта. Решите, следует ли отображать значки соцсетей, только текст или и то, и другое рядом. Кроме того, настройте параметры, такие как выравнивание и интервалы, чтобы обеспечить четкое отображение для посетителей.

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

  1. Выберите элемент Кнопки соцсетей.
  2. Нажмите значок Макет .
  3. Выберите, что настроить:
    • Выберите макет: решите, будут ли кнопки отображаться по горизонтали или по вертикали. 
    • Выбрать, что показать: выберите, хотите ли вы отображать только значки, только текст или и то, и другое. 
    • Положение значка: когда вы настраиваете отображение текста и значков, вы можете выбрать, где будет отображаться значок относительно текста (например, над текстом). 
    • Выравнивание кнопки: выровняйте кнопки по левому, правому краю или по центру элемента.
    • Расстояние: используйте ползунки, чтобы увеличить или уменьшить расстояние между кнопками, рядами, значком и текстом (если применимо). 
    • Направление кнопки: управляет порядком кнопок в зависимости от того, как они расположены на панели «Управлять кнопками соцсетей».
      Примечание: эта опция доступна, только если вы выбрали макет Горизонтально.
Скриншот выбранной панели соцсетей с выбранным значком макета и отображаемыми настройками макета кнопки соцсетей.

Настройка дизайна кнопок соцсетей

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

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

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