Как бесплатно встроить истории из Instagram на любой сайт

Опубликовано: 2022-01-01

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

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

Итак, давайте погрузимся.

Встраивайте истории из Instagram на любой веб-сайт бесплатно

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

Шаг 1: Добавьте истории из Instagram с помощью виджета Taggbox
Шаг 2: подключитесь к Instagram
Шаг 3: Создайте код для встраивания Instagram Stories
Шаг 4: Вставьте истории из Instagram на сайт

Начните добавлять истории из Instagram на свой сайт →

Шаг 1. Создайте/добавьте истории Instagram с помощью виджета Taggbox

1. Создайте бесплатную учетную запись Tagbox Widget или войдите в существующую учетную запись.

вставлять истории инстаграма

2. Теперь на панели инструментов нажмите «Добавить социальные каналы» , чтобы добавить истории из Instagram в свой виджет.

вставить инстаграм сторис на сайт

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

вставить инстаграм историю на сайт

4. Теперь выберите Instagram Stories и нажмите «Создать ленту» .

вставить историю инстаграм

Шаг 2. Подключитесь к Instagram

1. Вы будете перенаправлены к процессу безопасной аутентификации в тот момент, когда вы нажмете на опцию «Создать ленту» .

2. Заполните все необходимые учетные данные вашей учетной записи Instagram.

3. Ваши истории в Instagram появятся через несколько секунд после установления соединения.

Шаг 3. Создайте код для встраивания в истории Instagram

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

1. После выполнения шага 2 перейдите в редактор виджетов.

2. После того, как вы нажмете кнопку «Опубликовать» , здесь выберите параметр « Встроить на веб-страницу », чтобы сгенерировать код для встраивания истории Instagram.

встроить историю инстаграм

3. Выберите платформу для создания веб-сайтов в соответствии с вашими требованиями, например HTML, WordPress, Wix, Shopify, Weebly, Squarespace и другие , и установите высоту и ширину вашего виджета в соответствии с вашими требованиями.

HTML-код сторис в инстаграме

4. Теперь нажмите «Создать код», чтобы получить код для встраивания.

Теперь вы успешно сгенерировали код для вставки для историй в Instagram.

Разместите истории из Instagram на своем сайте с Taggbox

Начать бесплатную пробную версию →

Шаг 4. Вставьте истории из Instagram на сайт

1. Войдите на свой веб-сайт и перейдите на серверную часть своей веб-страницы, где вы хотите отображать истории Instagram на веб-сайте. Будь то блоги, нижний колонтитул, боковые панели, домашняя страница или любая другая страница на сайте.

2. Вставьте скопированный код из виджета Taggbox Instagram в раздел <body> вашей страницы.

3. Опубликовать/Применить, чтобы сохранить изменения.

[Необязательно] Применить сюжетную тему

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

Отображение историй Instagram на веб-сайте

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

Добавляйте истории из Instagram на разных платформах веб-сайтов

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

Как встроить истории Instagram в HTML

1. Выберите HTML в качестве платформы для создания веб-сайта и скопируйте сгенерированный код для встраивания.

2. Теперь войдите на свой веб-сайт HTML и откройте страницу, на которую вы хотите встроить истории.

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

Вы успешно встроили истории в HTML-сайт.

Как встроить истории из Instagram в WordPress

1. Выберите WordPress в качестве платформы для создания веб-сайта и скопируйте сгенерированный код для встраивания.

2. Войдите на свой сайт. Затем выберите и отредактируйте веб-страницу, на которую вы хотите встроить истории из Instagram.

3. Теперь выберите «Страницы» > «Добавить новый раздел страницы» на панели инструментов в редакторе WordPress 5.0.

4. Снова нажмите кнопку + и выберите пользовательский вариант HTML.

5. Вставьте скопированный код в раздел редактора WordPress и примените изменения для отображения историй Instagram на веб-сайте WordPress.

Как добавить истории из Instagram на сайт Shopify

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

1. Войдите в свою учетную запись Shopify и в разделе «Каналы продаж» нажмите «Интернет-магазин».

2. Выберите параметр «Темы» в раскрывающемся списке на боковой панели.

3. Нажмите на эту кнопку действия, которую вы найдете в правой части экрана. Выберите Изменить код из выпадающего списка.

4. Выберите Макет/Шаблоны/Раздел, в котором вы хотите отображать свои истории из Instagram на веб-сайте.

5. Вставьте скопированный код Taggbox и нажмите «Сохранить».

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

Будучи одним из новых органических рекламных инструментов для брендов и компаний цифрового маркетинга, Instagram Stories имеет недостаток: они не могут быть заархивированы и, следовательно, исчезают через 24 часа.

Но с помощью инструментов-агрегаторов социальных сетей, таких как Taggbox, вы можете синхронизировать свои учетные записи Instagram, автоматически архивировать свои истории Instagram и отображать их на своем веб-сайте.

Итак, вот преимущества, которые дает добавление Instagram Stories на веб-сайт.

1. Увеличьте охват вашей истории в Instagram

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

2. Новая форма рекламы

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

3. Повторно используйте свои истории в Instagram

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

4. Эффективность затрат и времени

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

БОНУС : добавьте ссылки для покупок в истории Instagram.

Taggbox Commerce предлагает вам возможность превратить ваши истории из Instagram в истории для покупок, создав ссылку на галерею Shoppable Instagram & UGC и поделившись ею со своими историями.

Сделайте ваши истории в Instagram доступными для покупок

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

Читайте также — 5 простых способов сохранить истории в Instagram

ВЫВОД

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

Попробуйте Taggbox — это бесплатно на 14 дней!

Создавайте истории, привлекайте людей

Запросить демонстрацию Начать бесплатную пробную версию →