К основному содержимому
Все коллекцииСтраницы сайтаГлавная страница
Виджет Instagram на главной странице сайта
Виджет Instagram на главной странице сайта

Как разместить и настроить виджет Instagram на главной странице сайта, как добавить ссылку на Instagram в шапку и футер сайта

Обновлено более месяца назад

В отличие от Facebook, соцсеть Instagram не предоставляет собственный код официального виджета. Для размещения на сайте виджета этой соцсети необходимо найти стороннего разработчика, который предоставляет такую возможность. Искать можно по поисковому запросу виджет Instagram для сайта. Один из примеров таких сторонних решений — widg.io.

Читайте также:


Как настроить виджет

Настройка виджета проводится в два этапа: на стороне сайта разработчика и на стороне вашего сайта на Хорошопе.

На сайте у разработчика виджета необходимо:

  1. Настроить свой виджет по инструкции разработчика. В сервисе widg.io вам необходим виджет Instagram Social Feed.

  2. Получить код установки виджета. Для Instagram их будет два и они будут иметь примерно такой вид:

Коды установки виджета Instagram — Хорошоп

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

Откройте раздел админ панели Настройки → Общие настройки → Скрипты.

В поле Скрипты внутри тега <head> добавьте код из верхнего блока Elements Script и сохраните изменения.

Добавление кода виджета Instagram на сайт — Хорошоп

Теперь перейдите к разделу Настройки → Соц.сети:

  1. Щелкните по названию Instagram, чтобы перейти к настройке.

  2. Активируйте чекбокс Отображать.

  3. Добавьте код из нижнего блока Widget Installation Code в поле Код виджета.

  4. Нажмите Сохранить.

Добавление кода виджета Instagram на сайт — Хорошоп

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

Ссылки на Instagram в шапке и футере сайта

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

Пример размещения в шапке

Настройки блока в футере находятся в разделе админ панели Сайт Дизайн Редактор дизайна, пункт Футер сайта Структура футера, элемент Социальные сети.

Пример размещения в футере

Как настроить ссылку

Для отображения ссылки на вашу страницу Instagram:

  1. Перейдите в Сайт → Соцсети.

  2. Кликните на Instagram, чтобы перейти к редактированию настроек.

  3. В поле Ссылка вставьте ссылку на вашу страницу Instagram.

  4. Нажмите Сохранить.

Как настроить ссылку на Instagram в шапке и футере — Хорошоп

Нашли ответ на свой вопрос?