Как вам помочь ?

Социальные сети

Статья актуальна для версии магазина: 10.0 | 8.5 | 8.0 | 6.0

В статье рассмотрим новый функционал настройки соц.сетей.

Для этого перейдите в пункт меню "Настройки"->"Социальные сети" (рис.1), откроется страница с тремя вкладками "Социальные сети", "Социальные виджеты" и "Виджеты коммуникаций".

Социальные сети - 8340
Рисунок 1.

Социальные сети - Сообщества в соц сетях

На вкладке "Социальные сети" в полях настроек "Сообщества в соц.сетях" достаточно поставить галочку социальных сетей, которые вы используете и в строке прописать ссылку на группу в соц.сетях (рис.2).

Социальные сети - 6484
Рисунок 2.

Заметка

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

Внимание

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

В клиентcкой части это выглядит так: (рис.3).

Социальные сети - 7729
Рисунок 3.

Социальные виджеты

Для размещения виджетов необходимо перейти на вкладку "Социальные виджеты", поставить галочку в строке, виджет которого планируете разместить и в открывшемся поле вставить код виджета (рис.4).

Социальные сети - 2332
Рисунок 4.

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

Внимание

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

В клиенткой части без изменений, блок с виджетом находится на прежнем месте (рис.5).

Социальные сети - 5675
Рисунок 5.

Ниже рассмотрим какие виджеты можно разместить:

Вконтакте

Заметка

Для настройки виджета ВКонтакте достаточно указать ссылку на группу на вкладке "Социальные сети" (только для ВКонтакте). При указании ссылки будет выведен стандартный виджет, заложенный в движке.

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

Facebook

Как создать виджет Facebook ознакомьтесь в инструкции.

Twitter

Для того, чтобы добавить виджет Twitter перейдите на страницу:https://publish.twitter.com/.

1. Введите URL-адрес ленты или момента, который вы хотите встроить на сайт;

2. Выберите подходящий дизайн для вашего веб-сайта;

3. Скопируйте и вставьте полученный код в разделе "социальные виджеты", предварительно отметив галочкой поле Twitter.

Социальные сети - 5340
Рисунок 6.

В клиенсткой части виджет отображается как на рис.7

Социальные сети - 9954
Рисунок 7.

Telegram

1. Создайте чат или канал в Telegram. Чат необходимо сделать публичным, для этого перейдите в настройки чата в раздел "Тип группы". Так же в данном разделе укажите адрес, который начинается с t.me/ - это будет имя канала, которое нужно указать далее(рис.8). 

Затем пригласите в созданный чат бота @tgwidgetgroup_bot.

2. Для того, чтобы добавить виджет Telegram на сайт перейдите на страницу:https://tgwidget.com/.

3. Необходимо зарегистрироваться и добавить канал (рис.8).

Социальные сети - 9861
Рисунок 8.

4. Выбрать нужный виджет и добавить его на сайт (рис.9).

Социальные сети - 1347
Рисунок 9.

Например, виджет под номером 2 будет отображаться на сайте следующим образом:

Социальные сети - 2210
Рисунок 10.

Одноклассники

Как создать виджет Одноклассники ознакомьтесь  в инструкции.

Youtube

Настроить виджет Youtube можно через инструмент google developers. Перейдите по ссылке:https://developers.google.com/youtube/youtube_subscribe_button.

В поле ID канал впишите id канала, далее выбираете макет, фон и копируете код, который необходимо разместить на сайте (рис.11).

Социальные сети - 1013
Рисунок 11.

В клиенсткой части виджет отображается как на рис.12.

Социальные сети - 1119
Рисунок 12.

Заметка

ID канала можете взять в настройках канала Youtube, либо в строке браузера как показано на рис.13.

Социальные сети - 2110
Рисунок 13.

Instagram

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

Социальные виджеты

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

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

Другие статьи по теме

Статья оказалась полезной?
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить свою тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: социальные сети, соц.сети, соцсети, мы в соц.сетях, подвал сайта, виджеты, виджеты соц сетей, Youtube, вк, Одноклассники, Twitter, вконтакте, Facebook, Telegram, Instagram, виджет, социальные виджеты, виджет вконтакте, мы в соц сетях, значки социальных сетей на главной

Мы используем cookies. Подробнее...
0