← Назад

Описание функций

FAQ

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

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

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

0₽

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

+4

месяца

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

+12.000₽

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

+3

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

0₽

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

0₽

месяца

/год

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

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

спецпредложение

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

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

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

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

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

Нажмите на кнопку "Добавить секцию":

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

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

Выбор виджета соцсетей из шаблонов секций

Готово, секция появилась в редакторе, можно переходить к ее настройкам.

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

Чтобы открыть настройки секции, кликните 2 раза левой кнопкой мыши по пространству внутри нее, либо нажмите на кнопку с иконкой шестеренки в меню:

Справа откроется панель настроек, в нем есть 3 категории параметров:

I. Пункты меню — здесь вы сможете создать и настроить список социальных сетей и мессенджеров, прописать ссылки для перехода.

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

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

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

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

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

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

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

Но вы можете в любой момент перетащить пункт на другое место в списке в настройках секции:

Смена порядка расположения социальных сетей в виджете

В этом разделе настроек имеются такие опции:

Добавить (1) — позволяет добавить новый пункт в меню.

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

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

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

Настройки пункта меню в виджете соцсетей

Выберите иконку соц.сети или мессенджера из списка.

Укажите название способа связи, которое будет отображаться на сайте при наведении курсора на иконку:

Указание способа связи в виджете соц. сетей

Во втором поле впишите ссылку на ваш контакт. Рассмотрим самые популярные способы связи:

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

Например, +79998887766

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

Указание ссылки для Whatsapp в виджете соц. сетей

Создать эту ссылку вы сможете с помощью инструкции.

В этом поле можно размещать ссылки не длиннее 400 символов.

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

Например, 79998887766

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

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

Указание username в Telegram в виджете соц. сетей

Добавьте в ссылку на ваш профиль содержимое 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