Использование блоков Instagram - Справка Squarespace

  1. Смотри видео
  2. Добавить блок Instagram
  3. Выберите дизайн
  4. Как отображаются посты в Instagram
  5. Варианты для каждого дизайна Instagram блока
  6. карусель
  7. сетка
  8. Stacked
  9. Поиск проблемы
  10. Шаг 1 - Проверьте соединение
  11. Шаг 2 - Повторно подключите учетную запись
  12. Шаг 3 - заменить блок
  13. Поиск не работает в блоке Instagram
  14. Я не могу видеть блоки Instagram на моем живом сайте

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

Смотри видео

Подключите свой аккаунт в Instagram

Прежде чем начать использовать Instagram с Squarespace, подключите свою учетную запись:

  1. Выйдите из всех учетных записей Instagram на устройстве, которое вы используете для редактирования своего сайта. Это поможет вам подключиться к правильному аккаунту.
  2. В главном меню нажмите Настройки .
  3. Нажмите Подключенные учетные записи .
  4. Нажмите Подключить учетную запись .
  5. Выберите Instagram в меню социальных аккаунтов .
  6. Войдите, используя ваше имя пользователя и пароль в Instagram.

Добавить блок Instagram

  1. Нажмите Редактировать на странице или посте.
  2. Нажмите точку вставки или значок + .
  3. Выберите Instagram из меню. Для более подробных шагов, посетите Добавление блоков ,

Выберите дизайн

На вкладке «Дизайн» выберите способ отображения сообщений в блоке. Можно выбрать один из четырех дизайнов, и вы можете настроить их с помощью различных параметров, таких как соотношение сторон, отступы и способ отображения сообщений при нажатии на них. Четыре дизайна:

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

Когда вы закончите настройку дизайна, нажмите Сохранить . Для получения дополнительной информации см. Варианты для каждого дизайна Instagram блока ,

Примечание

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

Как отображаются посты в Instagram

  • Блоки Instagram отображают до 20 сообщений из вашего аккаунта Instagram.
  • Сообщения Instagram с несколькими изображениями или видео отображают первый элемент в виде статического изображения в блоках Instagram. Включите Открыть ссылки в новом окне, чтобы связать посетителей с полным постом.
  • Если вы подключите личную учетную запись Instagram к блоку Instagram, сообщения будут отображаться в блоке, но при щелчке приводят к неработающей ссылке. Чтобы избежать этого, сделайте вашу учетную запись Instagram общедоступной.
  • Описание изображения, которое вы добавляете в Instagram, может отображаться как подпись в дизайне Stacked и Slideshow, а также в лайтбоксе для дизайна Grid. Подписи к слайд-шоу не отображаются на мобильном телефоне. Узнайте, как ваш шаблон стилизует эти подписи ,
  • Вот пример того, как сообщения Instagram могут появляться в блоке Instagram:

    Вот пример того, как сообщения Instagram могут появляться в блоке Instagram:

Варианты для каждого дизайна Instagram блока

Слайд-шоу

Автоматический переход между слайдами Автоматический переход

к следующему сообщению через заданный промежуток времени. Если этот флажок установлен, отображается ползунок для установки времени перехода от 1 до 10 секунд. Показать следующие и предыдущие элементы управления Добавляет стрелки для перехода к следующим и предыдущим сообщениям. Элементы управления отображаются в наложениях слева и справа от основного сообщения. Автоматически обрезать изображения Обрезать или изменять размеры сообщений для лучшего дизайна. Показать миниатюры Добавляет полосу с миниатюрами всех изображений и видео в блок под основным постом. Если этот флажок установлен, ползунки устанавливают высоту полосы миниатюр и расстояние между полосой миниатюр и основным сообщением.

Показать подпись

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

Описания не будут отображаться на мобильном телефоне.

Открывать ссылки в новом окне

Открывает Instagram в новой вкладке, когда посетители нажимают на сообщения.

карусель

Автоматический переход между слайдами Автоматический переход

к следующему сообщению через заданный промежуток времени. Если этот флажок установлен, отображается ползунок для установки времени перехода от 1 до 10 секунд. Показать следующие и предыдущие элементы управления Добавляет стрелки для перехода к следующим и предыдущим сообщениям. Элементы управления отображаются в наложениях слева и справа от основного сообщения. Активное выравнивание Фокусирует блок на активном посте. Этот пост появляется полностью. Открывать ссылки в новом окне Открывает Instagram в новой вкладке, когда посетители нажимают на сообщения.

сетка

Соотношение сторон

Контролирует размеры, при которых отображаются ваши сообщения. Обрезать изображения Удаляет отступы из контейнеров сообщений и отображает их в размере, выбранном в раскрывающемся меню Соотношение сторон. Миниатюры на строку Настройка количества миниатюр в строке в сетке. Padding Регулирует отступы вне контейнеров сообщений. Lightbox

Открывает сообщение с черным фоном, когда посетители нажимают на сообщение.

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

Открывать ссылки в новом окне

Открывает Instagram в новой вкладке, когда посетители нажимают на сообщения. Эта опция не будет работать, если лайтбокс включен.

Stacked

Показать подпись

Отображает описания постов под каждым постом.

Открывать ссылки в новом окне

Открывает Instagram в новой вкладке, когда посетители нажимают на сообщения.

Поиск проблемы

Следуйте инструкциям ниже для устранения проблем с блоками Instagram. Общие проблемы включают в себя:

  • Блок не соответствует каналу Instagram.
  • Блок показывает дубликаты или неправильные сообщения.
  • В блоке отображается сообщение об ошибке: «Нет элементов для отображения из выбранной коллекции».
Совет:

блоки Instagram обновляются примерно каждые 30 минут, поэтому новые сообщения могут появиться не сразу.

Шаг 1 - Проверьте соединение

Вы можете решить большинство проблем, убедившись, что соединение с Instagram установлено правильно:

  1. В главном меню нажмите Настройки , затем нажмите Подключенные учетные записи .
  2. Нажмите на свой аккаунт в Instagram.
  3. Убедитесь, что данные загрузки проверены.
  4. Нажмите Сбросить данные .
  5. Нажмите Сохранить .
  6. Обновите страницу, нажав Ctrl + R на ПК или ⌘ + R на Mac.

Шаг 2 - Повторно подключите учетную запись

Если вы по-прежнему сталкиваетесь с проблемами или видите сообщение об ошибке «Несанкционировано: удалить или повторно подтвердить подлинность этой учетной записи для дальнейшего использования», отсоедините и повторно подключите свою учетную запись Instagram:

  1. На панели « Подключенные учетные записи» щелкните свою учетную запись Instagram.
  2. Нажмите Отключить .
  3. Нажмите Подтвердить .
  4. Вернитесь на панель « Подключенные учетные записи» и нажмите « Подключиться» .
  5. Выберите Instagram в меню «Социальные учетные записи», затем войдите в систему, используя имя пользователя и пароль Instagram.
  6. Нажмите Сохранить .
  7. Обновите страницу, нажав Ctrl + R на ПК или ⌘ + R на Mac.

Шаг 3 - заменить блок

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

  1. В главном меню нажмите « Страницы» , затем щелкните страницу с блоком Instagram.
  2. Наведите курсор на страницу и нажмите « Изменить» .
  3. Наведите указатель мыши на блок Instagram и щелкните значок корзины .
  4. Нажмите точку вставки и выберите Instagram .
  5. Выберите свою учетную запись Instagram и нажмите « Сохранить» .
  6. Обновите страницу, нажав Ctrl + R на ПК или ⌘ + R на Mac.

Поиск не работает в блоке Instagram

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

Если в настройках вашего блока Instagram включена опция « Поиск », сообщения не будут отображаться. Снимите флажок Поиск и нажмите Сохранить , затем обновите страницу, чтобы отобразить сообщения из вашей учетной записи Instagram.

Я не могу видеть блоки Instagram на моем живом сайте

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

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