Wix Apps: Добавление и настройка приложения Лента Instagram
12 мин.
Приложение Лента Instagram от Wix позволяет отображать ваши последние посты в Instagram в визуально привлекательной настраиваемой ленте, помогая вам увеличить взаимодействие и поддерживать актуальность сайта с помощью динамичного контента.
Независимо от того, демонстрируете ли вы свой бренд, продвигаете товары или делитесь последними новостями, приложение Лента Instagram помогает связать ваши соцсети с сайтом, создавая более интерактивный опыт для посетителей.
Важно:
С 4 декабря 2024 года Instagram требует наличия аккаунта типа Эксперт или Бизнес для продолжения использования приложения Лента Instagram на сайте. Чтобы сменить тип аккаунта, необходимо заново подключить его в редакторе. Перейдите сразу ко второму шагу этой статьи, чтобы узнать, как повторно подключить существующий аккаунт.
Примечание:
В августе 2024 года Wix представил обновленную версию приложения Лента Instagram. Если вы используете старую версию и хотите изучить новые возможности, вы можете легко перейти на новое приложение Лента Instagram.
Шаг 1 | Добавление приложения Лента Instagram на сайт
Начните с добавления приложения на сайт. Это можно сделать напрямую из Wix App Market.
Редактор Wix
Редактор Studio
Редактор Wix Harmony
- Перейдите в редактор.
- Нажмите Добавить приложения
слева в редакторе. - Найдите приложение Лента Instagram через строку поиска.
- Нажмите Добавить на сайт.
Примечание:
Если всплывающее окно входа в Instagram не открывается, попробуйте отключить блокировщик всплывающих окон или обновить версию браузера.
Шаг 2 | Подключение аккаунта
После добавления приложения на сайт вы сможете подключить свой аккаунт. Если на вашем сайте уже установлена последняя версия приложения Лента Instagram, вы можете выполнить этот шаг, чтобы повторно подключить аккаунт.
Редактор Wix
Редактор Studio
Редактор Wix Harmony
- Нажмите на приложение в редакторе.
- Нажмите Аккаунт Настройки.
- Нажмите Подключить.
- Нажмите Изменить.
- Выберите профиль, который вам подходит:
- Эксперт: лучше всего подходит для публичных личностей, создателей контента, художников или инфлюенсеров.
- Бизнес: лучше всего подходит для розничных продавцов, местных предприятий, брендов, организаций и поставщиков услуг.
- Нажмите Далее.
- Ознакомьтесь с функциями выбранного профиля и нажмите Далее.
- Выберите рубрику, которая лучше всего описывает вашу деятельность.
- (Необязательно) Установите чекбокс Показывать рубрику в профиле вверху, чтобы рубрика отображалась в вашем профиле.
- Нажмите Готово.
- Нажмите Продолжить во всплывающем окне.
- Введите свои контактные данные в соответствующие поля.
- (Необязательно) Установите чекбокс Показывать контактные данные в профиле , чтобы они отображались в вашем профиле.
- Нажмите Сохранить.
- Нажмите Готово.
Шаг 3 | Настройка отображаемых элементов
Вы можете настроить приложение, показывая или скрывая определенные элементы в соответствии со своими предпочтениями. Например, можно отобразить весь доступный контент или скрыть некоторые детали, такие как имя пользователя, просто установив или сняв флажки в соответствующих боксах в настройках.
Редактор Wix
Редактор Studio
Редактор Wix Harmony
- Нажмите на приложение Лента Instagram в редакторе.
- Нажмите на иконку Элементы
. - Установите или снимите соответствующие флажки.
Примечание:
При выборе чекбокса «Весь контент» отображается весь доступный контент, включая заголовок, имя пользователя, хештег и посты, даже если они не выбраны.
Шаг 4 | Настройка макета
В этом разделе можно настроить 2 элемента: макет текста и макет ленты.
Для макета текста можно выбрать одну или несколько строк. Вы также можете изменить выравнивание текста и установить его по левому краю, по центру или по правому краю. Макет ленты позволяет настроить уровень отступов вокруг ленты.
Редактор Wix
Редактор Studio
Редактор Wix Harmony
- Нажмите на приложение Лента Instagram в редакторе.
- Нажмите на иконку Макет
. - Выберите макет: Одна строка или Несколько строк.
- Установите выравнивание: По левому краю, По центру или По правому краю.
- Перетащите ползунок Отступы сверху и снизу, чтобы изменить размер отступов между текстом.
- Перетащите ползунок Боковые отступы, чтобы изменить размер отступов по бокам от текста.
- В разделе Лента: перетащите ползунок Боковые отступы, чтобы изменить размер отступов с каждой стороны ленты.
- Используйте переключатель Показывать изображения, чтобы показать или скрыть изображения в ленте.
Шаг 5 | Настройка дизайна
Сначала выберите подходящий вариант готового дизайна. Выбрав нужный вариант, перейдите в раздел Дизайн, чтобы настроить его.
Редактор Wix
Редактор Studio
Редактор Wix Harmony
- Нажмите на приложение Лента Instagram в редакторе.
- Нажмите на иконку Пресет
и выберите наиболее подходящий вариант. - Нажмите на иконку Дизайн
. - Выберите, что вы хотите настроить:
- Фон виджета:
- Цвет заливки и прозрачность: установите цвет и прозрачность фона приложения. Выберите, хотите ли вы добавить эффект стекла к фону приложения.
- Граница: измените цвет, ширину и интервалы границы фрейма, чтобы выделить изображение.
- Углы: закруглите углы, чтобы сделать рамку изображения более круглой.
- Тень: добавьте тень к изображению, чтобы создать 3D-эффект. Вы можете настроить различные параметры тени, чтобы сделать ее более или менее выраженной.
- Контейнер текста:
- Цвет заливки и прозрачность: установите цвет и прозрачность фона приложения.
- Граница: измените цвет, ширину и интервалы границы фрейма, чтобы выделить изображение.
- Углы: закруглите углы, чтобы сделать рамку изображения более круглой.
- Тень: добавьте тень к изображению, чтобы создать 3D-эффект. Вы можете настроить различные параметры тени, чтобы сделать ее более или менее выраженной.
- Фон виджета:
Часто задаваемые вопросы
Нажмите на вопрос ниже, чтобы узнать больше о добавлении и настройке приложения Лента Instagram.
Существует 2 версии приложения Лента Instagram, как узнать, какая из них у меня?
Что будет со старой версией приложения?
Можно ли подключить несколько аккаунтов к приложению Лента Instagram?
Как устранить ошибку «Request parameters invalid»?