← Назад
Описание функций
FAQ

Как настроить виджет социальных сетей

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

Аудит вашего сайта или консультация по редактору

Аудит вашего сайта или консультация по редактору

0₽

0₽

подключенного тарифа для конструктор сайтов

подключенного тарифа для конструктор сайтов

+4

+4

месяца

месяца

промокод на продвижение в сетях Яндекс

промокод на продвижение в сетях Яндекс

+12.000₽

+12.000₽

тарифа чат-ботов, автоворонок и мобильных приложений

тарифа чат-ботов, автоворонок и мобильных приложений

+3

+3

Бесплатный домен в зоне .ru/.рф

0₽

0₽

Бесплатный шаблон сайта под вашу сферу бизнеса

Бесплатный шаблон сайта под вашу сферу бизнеса

0₽

0₽

месяца

месяца

/год

/год

Забронировать предложение

Получите подарки от mottor при подключении тарифа

Получите подарки от mottor при подключении тарифа

спецпредложение
При входе на сайт этот виджет отображается как кнопка, закрепленная на определенном положении экрана, и находящаяся в этом положении даже при прокрутке сайта:
При входе на сайт этот виджет отображается как кнопка, закрепленная на определенном положении экрана, и находящаяся в этом положении даже при прокрутке сайта:

Добавление виджета в редактор

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

Настройка виджета соцсетей

  • Чтобы открыть настройки секции, кликните 2 раза левой кнопкой мыши по пространству внутри нее, либо нажмите на кнопку с иконкой шестеренки в меню:
Справа откроется панель настроек, в нем есть 3 категории параметров:
I. Пункты меню — здесь вы сможете создать и настроить список социальных сетей и мессенджеров, прописать ссылки для перехода.

II. Основные настройки — здесь находятся основные настройки секции, позволяющие настроить положение виджета на экране и другие параметры дизайна.

III. Дизайн главной иконки — здесь находятся параметры для настройки внешнего вида кнопки открытия виджета.

Рассмотрим каждую категорию подробнее:

I. Пункты меню

Обратите внимание!

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

Например, вы создали 3 кнопки: Телеграм (1й пункт), Viber (2й пункт), Whatsapp (3й пункт).
На самом сайте они будут размещаться в обратном порядке: сначала Whatsapp, потом Viber, потом Телеграм.

Но вы можете в любой момент перетащить пункт на другое место в списке в настройках секции:
В этом разделе настроек имеются такие опции:
Добавить (1) — позволяет добавить новый пункт в меню.

Копировать (2) — создает копию выбранного пункта.

Удалить (3) — удаляет выбранный пункт.

Настройки (4) — позволяет настроить выбранный пункт. При нажатии на кнопку откроется меню:
  • Выберите иконку соц.сети или мессенджера из списка.

  • Укажите название способа связи, которое будет отображаться на сайте при наведении курсора на иконку:
  • Во втором поле впишите ссылку на ваш контакт. Рассмотрим самые популярные способы связи:

- WhatsApp — впишите номер вашего телефона в формате +7хххх, который используется в whatsapp.

Например, +79998887766
Важно!
Этот способ не работает для пользователей из РФ. Чтобы пункт мог работать, пропишите ссылку целиком с помощью опции:
Создать эту ссылку вы сможете с помощью инструкции.

В этом поле можно размещать ссылки не длиннее 400 символов.
- Viber — впишите номер вашего телефона в формате 7ххххх, который используется в viber.

Например, 79998887766


- Telegram — укажите ссылку на ваш профиль в телеграм. Сначала впишите в поле ссылку https://telegram.me/.

Откройте информацию о вашем аккаунте в Телеграм, скопируйте содержимое поля "Username":
Добавьте в ссылку на ваш профиль содержимое Username, без символа @.

Должна получиться примерно такая ссылка: https://telegram.me/Username

Здесь вы также можете вписать ссылку на ваш канал/группу в Телеграм.



- Вконтакте — зайдите на страницу вашего аккаунта или группы в ВК и скопируйте ссылку из адресной строки, вставьте ее в настройки способа связи:
- Email — впишите в поле адрес вашей электронной почты, ссылка будет автоматически сформирована.

Например, support@lpmotor.ru

- Телефон — впишите ваш номер телефона в формате +7ххххх.

Например, +79998887766

- Ссылка — просто скопируйте нужную ссылку и разместите ее в поле :)
Рекомендуем вам активировать опцию "В новом окне?", чтобы не уводить пользователей с сайта.

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

II. Основные настройки

  • Сначала выберите тип отображения пунктов:
На сайте эти типы будут отображаться следующим образом:
(1) - Базовая; (2) - Расширенная; (3) - В поп-апе
  • Выберите формат открытия — вертикальный, горизонтальный или круговой:
  • С помощью опции "Выравнивание" выберите сторону, с которой будет отображаться виджет:
  • Опция "Отступ от угла экрана" позволяет настроить положение виджета на экране:
  • Опция "Размер" позволяет задать размер кнопок виджета. Можно выбрать либо один из трех уже заданных вариантов, либо настроить свой:
  • Опция "Изменить отступ" меняет размер отступа между кнопками соц.сетей:
  • Опция "Дизайн пунктов" позволяет изменить дизайн кнопок для перехода в соц.сети:
Для "Монохрома" и "Контура" вы также можете задать свои цвета на кнопках.

Каждый из этих видов дизайна имеет свой набор эффектов при наведении.


  • И последняя опция "Тень" позволяет задать тень для кнопок:

III. Дизайн главной кнопки

  • Здесь вы сможете настроить внешний вид главной кнопки виджета, которая открывает список соц.сетей и мессенджеров — настроить эффект анимации кнопки, ее размер, форму и цвет:
  • При желании вы можете включить подсказку для виджета и настроить его внешний вид:
Важно!
Кнопка "Сбросить настройки" сбрасывает все измененные параметры в секции и откатывает ее до состояния, когда секция была только добавлена в редактор.

Часто задаваемые вопросы:

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

Разместите на сайте подходящую ссылку в зависимости от выполнения этих условий.

Если что-то будет непонятно — в конструкторе сайтов mottor есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat

Ищете конструктор чтобы собрать сайт или интернет-магазин?
Попробуйте mottor бесплатно
шаблон сайта доставки еды
шаблон интернет-магазина
шаблон интернет-магазина
шаблон-квиз строительство
шаблон сайта по ремонтуо
450+ шаблонов
ждут вас
Бесплатный конструктор сайта
Все шаблоны
Шаблон онлайн курса
Шаблон курс инвестиций
Шаблон доставка еды
Шаблон онлайн школы
Шаблон для портфолио
Шаблон лендинг для вебинаров
Шаблон интернет-магазин мебели
Одностраничный сайт
Многостраничный сайт
Создать сайт онлайн бесплатно самому
Создать квиз
Создать сайт бесплатно конструктор
Создать бесплатно интернет магазин
Создать сайт конструктор
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Конструктор интернет магазинов
Конструктор страниц
Сайт конструктор бесплатно
Конструктор создания сайтов
бесплатный конструктор сайтов, лендингов и квизов
Документы:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России
Шаблоны:
Популярные запросы:
support@lpmotor.ru
О компании и сервисе
Тур по сервису
Помощь
Договор-оферта
Партнёрская программа
Шаблоны
Видеоинструкции
Согласие
Тарифы и услуги
Обновления
Инструкции для пользователей
Политика конфиденциальности
Сделано на mottor
Техподдержка
Платная поддержка
Инструкция по установке