Как бесплатно встроить истории Instagram на сайт — полное руководство

А как насчет того, чтобы открыть дверь бесчисленным возможностям и возможностям, встроив истории из Instagram на свой сайт?

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

Одна из удивительных и популярных функций Instagram — этоИстории Instagram», который может помочь вам в экстенсивном развитии ваших продуктов или услуг в Интернете. 

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

Instagram Story – креативный контент нового века 

Запущенные в августе 2016 года, истории Instagram называются короткими снимками или яркими моментами Виджет Instagram который исчезает на 24 часа, но его можно увидеть в архивах.

И чтобы извлечь максимальную выгоду из платформ, несколько крупных и мелких брендов встраивание ленты Instagram и истории на своих веб-сайтах для расширения охвата своего бренда и повышения узнаваемости.

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

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

4-шаговое руководство по бесплатной вставке Instagram-историй на ваш сайт

Шаг 1 – Создайте свой Tagembed аккаунт

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

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

• Теперь выберите свою отрасль, добавьте номер телефона и нажмите «Отправить». Подтвердите свой адрес электронной почты и продолжите. 

Шаг 2 — Создание галереи

• В разделе «Контент» на боковой панели выберите «Instagram» в качестве исходной сети. 

• Создайте свою ленту, выбрав «Истории» из следующих вариантов: «Хэштеги», «Мой ник», «Имя», «Истории», «Упоминания», «С тегами» и «Кадры». 

• Подключите свой Instagram и нажмите «Создать ленту».

Шаг 3 — Модерация и настройка 

• После создания канала вы будете автоматически перенаправлены на панель управления галереи контента. 
• Здесь вы можете модерировать свою ленту и удалять контент с помощью ИИ.
• Теперь перейдите к опции «Опубликовать». Настройте свою галерею контента, добавив темы, макеты, цвета, фоны и многое другое. 

Шаг 4. Встраивание галереи Instagram на сайт

• После этого нажмите «Сгенерировать код» и выберите платформу CMS, на которую вы хотите встроить код. 

• Отрегулируйте ширину и высоту, затем скопируйте и вставьте код в бэкэнд вашего сайта. 

Примечание: Вы также можете сделать контент в ваших историях в Instagram доступным для покупки, отмечая товары в публикациях с помощью тегов. Tagembedx. 

Встраивайте истории Instagram на различные веб-платформы:

Как уже упоминалось, Tagembed Совместимо с различными платформами для создания веб-сайтов. Каждая платформа имеет свои этапы встраивания, и эти этапы описаны ниже. Рассмотрим их по порядку.

1. Добавьте истории Instagram в HTML

• Войдите на свой сайт.
• Перейдите в бэкенд вашей веб-страницы, где вы хотите отображать истории Instagram.
• Вставьте скопированный код из Tagembed и применить изменения

2. Встраивайте истории Instagram в WordPress

• Вход в свой файл WordPress .
• Выберите текстовый режим из параметра «Визуальное и текстовое отображение», который появится в правой части экрана.
• Вставьте сгенерированный код в раздел body, где вы хотите отобразить Виджет Instagram на сайте WordPress
• Завершите процесс, нажав кнопку «Обновить» и перезагрузив веб-страницу. Вы увидите встроенные истории Instagram на вашем сайте WordPress.

3. Добавьте истории Instagram на Shopify

• Войдите в свой Shopify счет.
• Нажмите на ссылку «Интернет-магазин», которую вы найдете в разделе «Каналы продаж». 
• В раскрывающемся списке на боковой панели выберите пункт Темы.
• В правой части экрана нажмите кнопку «Действие».
• Теперь выберите Изменить код из раскрывающегося списка.
• Выберите Макет/Шаблоны/Раздел, в котором вы хотите отображать свои истории Instagram.
• Вставьте скопированный код для Tagembed и нажмите «Сохранить».

4. Встраивайте истории Instagram в Wix

• Войти в свой Wix счет.
• На левой панели меню нажмите кнопку +ДОБАВИТЬ, выберите Встроить кнопку, а затем нажмите Встроить виджет.
• Вставьте код в поле ввода и нажмите «Применить». .
• Наконец, сохраните внесенные изменения.

5. Добавьте истории Instagram на Squarespace

• Начните с входа в систему Squarespace счет.
• Используйте блоки Embed для добавления любого внешнего кода на веб-страницу.
• Теперь добавьте блок на страницу, откройте редактор страниц и нажмите «Добавить блок».
• Теперь выберите в меню пункт «Встроить».
• Нажмите на значок в поле URL.
• Теперь вставьте свой код для вставки в это поле.
• Нажмите «Установить»
• Наконец, сохраните изменения, нажав кнопку Применить.

6. Встраивайте истории Instagram в Weebly

• Найдите элемент «Код вставки», а затем перетащите его в то место на веб-сайте, где вы хотите видеть истории Instagram.
• Нажмите на поле HTML.
• Затем выберите опцию «Изменить пользовательский HTML».
• Вставьте код для встраивания, чтобы встроить истории Instagram. Weebly
• Сохраните изменения и обновите. 

7. Отображение историй Instagram на сайте Elementor

• Откройте редактор виджетов и нажмите кнопку «Встроить виджет».
• Выберите «Другое» в качестве платформы и нажмите «Копировать код», чтобы получить код для встраивания в истории Instagram.
• Войти в свой Elementor сайт и перейдите на страницу или в публикацию, куда вы хотите добавить истории Instagram.
• Откройте редактор Elementor, найдите HTML-виджет или перетащите новый в нужный раздел.
• Вставьте скопированный код для вставки историй Instagram в HTML-виджет.
• Сохраните изменения в редакторе Elementor.
• Перезагрузите сайт, чтобы убедиться, что истории Instagram опубликованы.

8. Добавьте истории Instagram на сайт Webflow

• Чтобы сгенерировать код для вставки историй в Instagram, нажмите кнопку Встроить виджет .
• Выберите Прочее в качестве вашей CMS-платформы.
• Установить высота ширина виджета ленты, а затем нажмите на Скопировать код .
• Код вставки ваших историй в Instagram через Webflow теперь скопирован в буфер обмена.
• Теперь Войти в админ-панель вашего WebFlow аккаунт веб-сайта.
• Навигация на страницу, куда вы хотите встроить истории Instagram.
• На панели меню нажмите кнопку добавить элемент и прокрутите до «вставлять".
• Перетащите и Удалите элемент embed на вашей веб-странице, куда вы хотите встроить истории Instagram.
• Вставить вставьте код и сохраните внесенные изменения.
• Перезагрузите веб-страницу, чтобы увидеть встроенную в реальном времени трансляцию. Instagram на Webflow

Другие способы добавления историй из Instagram на веб-сайт с помощью Tagembed Плагины:

1. Tagembed Найти приложение

Shopify, безусловно, лучшая платформа для электронной коммерции. Многие продавцы оказали ей большое доверие, и она оправдала их ожидания. Одним из важных факторов популярности платформы являются её приложения. Вы можете найти Tagembed Найти приложение в магазине приложений Shopify и используйте его для сбора, курирования, настройки и отображения каналов социальных сетей в вашем магазине Shopify.

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

2. Tagembed Плагин Wordpress

WordPress считается одной из лучших платформ для создания сайтов благодаря своему удобному интерфейсу и плагинам. Если у вас есть сайт на WordPress, вы можете использовать Tagembed WordPress плагин для встраивания Instagram Stories на сайт.

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

Преимущества встраивания Instagram-историй на сайт:

Этот не такой уж старый, но популярный инструмент продвижения брендов и компаний обладает множеством преимуществ. С помощью бесплатный агрегатор социальных сетей инструменты, такие как TagembedБлагодаря этому вы сможете воспользоваться всеми преимуществами, связанными с встраиванием историй из Instagram на сайт. 

Итак, продолжайте читать!

1. Новая форма рекламы и продвижения

Как насчёт использования Instagram Stories для рекламы и продвижения вашего бренда? Да, вы правильно поняли! Теперь бренды могут быстро сгенерировать код, отправить его на любую стороннюю платформу (блогеру, веб-порталу и т. д.) и отображать истории в виде рекламы. 

2. Увеличьте охват вашего креативного контента 

Встраивая истории Instagram на свой сайт, вы не только расширяете охват своего интересного и креативного контента, но и привлекаете внимание новых пользователей. 

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

3. Измените предназначение Instagram-историй

Говоря о последних ленты социальных сетей Instagram Stories предлагает безграничные возможности цифрового взаимодействия и возможности для бизнеса. Почему? Потому что Instagram Stories — один из самых популярных форматов контента, привлекающий огромную аудиторию.

4. Экономия времени и средств 

Синхронизация ваших последних историй в Instagram с вашим веб-сайтом не только увеличивает их охват за пределами платформы, но и экономит затраты на ручной труд.

Выводы

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