С чем вам помочь?

Задавайте вопрос или опишите проблему, с которой Вы столкнулись

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

Рассмотрим редактирование блоков на главной странице, таких как:

  • Twitter в новостях
  • Вконтакте на главной
  • Вконтакте на главной (дополнительный вид)
  • Вконтакте в новостях
  • Facebook на главной


Длина: 18 мин. 32 сек.

 

Посмотрите так же

Обзор всех статически блоков, что доступны для редактирования в магазине - Статические блоки. Описание блоков.

 

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

Для начала необходимо перейти в панель администрирования, вкладка “CMS” - Статические блоки.

Twitter в новостях

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

Для редактирования блока необходимо перейти в панель администрирования, вкладка “CMS” - Статические блоки - Twitter в новостях

Перейти в режим редактирования блока, поле Источник

В данный блок необходимо вставить скрипт аккаунта в twitter. Для того чтоб получить эти данные необходимо перейти в свой аккаунт в https://twitter.com

В твиттере необходимо зайти в аккаунт,

Далее перейти в раздел “Виджеты”.

Если Виджет еще не создан, то необходимо его создать. По клику на кнопку “Создать” появляется страница создания виджета

Параметры доступные для редактирования:

  • Имя пользователя. Указание с какой страницы забирать твитты для виджета
  • Высота. По умолчанию 600 пикселей
  • Тема виджета: Светлая или Темная
  • Показывать фотографии
  • Цвет ссылок

После настроек необходимо нажать кнопку “Создать виджет” после этого в нижней части появится скрипт для вставки на сайт

Копируем данный скрипт, переходим в панель администрирования, вкладка “CMS” - Статические блоки - Twitter в новостях.

Режим редактирования блока, поле Источник и меняем исходный код на свой.

Виджет создан!

Вконтакте на главной (основной вид)

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

Для редактирования данного блока необходимо перейти в панель администрирования, вкладка “CMS” - Статические блоки - Виджет Вконтакте "Группа"

Режим редактирования блока, поле Источник. В данное поле необходимо вставить скрипт.

Для получения кода виджета необходимо перейти на страницу https://vk.com/dev/Community

Открывается форма редактирования блока, где доступны для редактирования следующие параметры:

  • Ссылка на страницу группы
  • Вид отображения
  • Ширина и высота блока. Рекомендуется устанавливать параметры блока не превышающие габариты 225*290 пикселей
  • Цвета фона, текста и кнопок
  • Код для вставки. Именно этот код необходимо скопировать и вставить в статический блок “Виджет Вконтакте "Группа"

Вставляем виджет и проверяем его работоспособность.

Вконтакте на главной (дополнительный вид)

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

Внешний вид сайта Основной или Дополнительный (2 или 3 колонки) настраивается в меню “Дизайн” - Настройки шаблона

При выборе дополнительного варианта 2 или 3 колонки, виджет вКонтакте отображается в левой колонке под меню.

Соответственно при дополнительном отображении появляется возможность сделать блок длиннее. Для этого необходимо увеличить длину блока на странице https://vk.com/dev/Community и вставить полученный код в блок “Виджет Вконтакте "Группа"

Так же ширину и высоту блока можно поправить в самом скрипте варьируя параметры width: "220" и height: "400"

Вконтакте в новостях

Виджет располагается в блоке Новостей под виджетом twitter. Настройка виджета аналогична предыдущим пунктам.

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

Facebook на главной

В клиентской части магазина данный блок отображается на главной странице снизу после блока “Хиты продаж”. Виджет отображает участников группы faсebook и позволяет клиентам подписаться на новости группы.

Настройка виджета faсebook происходит аналогично настройке виджета Вконтакте.

Для получения скрипта необходимо перейти на страницу https://developers.facebook.com/docs/plugins/page-plugin

В данном меню необходимо заполнить поля:

  • Facebook Page URL (адрес группы)
  • Widfh (ширина блока) Не более 225 пикселей
  • Height (длина блока)

После заполнения нажать кнопку “GetCode”

В появившемся окне будет 2 кода для вставки на сайт, необходимо разместить их оба в указанном порядке в поле в статического блока “Виджет Вконтакте "Группа"

После сохранения изменений блок виджета появится на сайте.

Настройка социальных виджетов завершена!

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Как мы можем улучшить статью?
Благодарим за отзыв.
Благодарим за отзыв. Мы улучшим эту статью.
Произошла ошибка.
Не нашли нужную статью? Предложить тему
Не нашли нужную статью?
Благодарим за отзыв.
Произошла ошибка.
© AdvantShop. Платформа для открытия интернет-магазина.