Многие компании электронной коммерции в наши дни публикуют изображения и поощряют взаимодействие с сообществом в этой социальной сети, но, что удивительно, лишь немногие из них интегрируют социальный контент на свой сайт Shopify. Планирование и создание впечатляющей ленты Instagram требует больших усилий, поэтому имеет смысл использовать потенциал этого контента на вашем сайте Shopify. Вы также можете ознакомиться с нашим полным руководством по интеграции Instagram для любой CMS.
3 варианта интеграции
Shopify предлагает множество вариантов интеграции Instagram, позволяя вам добавлять ленту Instagram на свой веб-сайт, публиковать изображения в своем магазине Shopify или делиться продуктами в Instagram Stories.
Способ 1: сторонний социальный плагин
Внутренние службы Meta не предлагают готовый плагин для интеграции контента из вашего профиля Instagram. Поэтому, если вы хотите встроить ленты хэштегов или контент вашего аккаунта Instagram, вам нужно будет использовать сторонние плагины.
Эти плагины работают, связывая ваш аккаунт и затем встраивая единую галерею и ленту ваших последних публикаций Instagram, контент, которым вы хотите поделиться, или определенные хэштеги. Это простой и понятный вариант для новичков, и вам следует ознакомиться с простыми в использовании решениями по интеграции, доступными сегодня. Elfsight предлагает каждому пользователю возможность создать собственный плагин ленты Instagram и протестировать его бесплатно на своем сайте Shopify.
Начните создавать ленту Instagram для своего сайта Shopify!
Почему плагин ленты Instagram Elfsight является одним из лучших на рынке?
- Навыки кодирования или дизайна не требуются — любой может создать персональное приложение для Instagram-ленты и встроить его в любой конструктор сайтов или CMS для электронной коммерции (включая Shopify).
- Бесплатное профессиональное обслуживание клиентов — Если у клиентов возникнут какие-либо проблемы с настройкой, специалисты службы поддержки всегда доступны и установят плагин в вашем магазине Shopify бесплатно.
- Регистрация учетной записи не требуется — Вам не нужно входить в систему, чтобы получить доступ ко всем функциям. Изучите возможности плагина в онлайн-демонстрации.
- Поддерживаются все устройства — Полностью адаптивный и удобный для мобильных устройств интерфейс, который отлично смотрится на любом экране и устройстве.
- Настраиваемый интерфейс плагина — Вы можете отключить все, чтобы сохранить минималистичность своей ленты или создать разработанный раздел Instagram для Shopify с заголовком, кнопкой призыва к действию и другими элементами.
- Доступны различные макеты и шаблоны — Настраиваемые строки и столбцы, а также множество других настроек. Вы можете добавлять контент по URL, хэштегам и имени пользователя.
- Попробуйте встроить ленту Instagram бесплатно — Если вы решите использовать приложение Shopify постоянно, цены разумные, и вы можете использовать плагин на самом дешевом плане.
Способ 2. Добавьте отдельные записи вручную
Вы можете встроить отдельные изображения и создать пользовательские ленты на своем сайте Shopify. Хотя это просто, со временем это может стать обременительным, потому что вам придется встраивать определенные записи снова и снова. Это означает, что каждый раз, когда вы создаете новую публикацию в Instagram, вам придется возвращаться и редактировать код встраивания, если вы хотите, чтобы отображались самые последние публикации. Для большинства людей, которые публикуют посты ежедневно, это будет очень сложно и мало выгодно.
Встраивание одной публикации в Instagram — это просто.
- Просто перейдите к публикации и выберите меню из трех точек в левом верхнем углу.
- Вы увидите несколько вариантов, включая «Встроить». Нажмите на этот вариант.
- Скопируйте данные, отображаемые во всплывающем окне.
- Затем вставьте этот код установки из вашей публикации в Instagram в пользовательский HTML-блок на вашем сайте Shopify, и он будет автоматически встроен.
- Готово! Процесс настолько прост. Таким образом, вы можете добавить несколько публикаций Instagram на веб-сайт, чтобы создать собственную ленту.
Вы также можете добавить дополнительные параметры, такие как настройка ширины публикации, скрытие подписей и отображение только изображения.
Способ 3: Разработка пользовательского кода
Если вы разбираетесь в технологиях и умеете кодировать, у вас также есть возможность создавать веб-приложения самостоятельно. Вам нужно будет запросить токен аутентификации, который предоставит вам доступ к официальному API (и вот тут-то все становится сложнее для большинства программистов).
Прежде всего, Instagram приступает к процессу изменения своего API после нескольких утечек данных. Существует ускоренный план по прекращению поддержки API Instagram в пользу API Graph от Facebook. Потенциальный результат, которого вы должны ожидать от этого шага, — удаление идентификатора, который позволяет вам собирать фотографии других пользователей.
Одна из проблем с созданием собственного плагина Shopify для Instagram заключается в том, что вам также придется обновлять его самостоятельно всякий раз, когда платформа вносит изменения. Это означает, что любые изменения в Instagram временно сделают ваше приложение непригодным для использования, пока вы не обновите код. Это повторное внедрение и повторное применение может занять дни или недели и может привести к тому, что посетители будут думать, что ваш сайт неполный.
Как интегрировать ленту Instagram с Shopify
Теперь, когда у вас есть код ленты Instagram, пришло время добавить его на ваш сайт Shopify. Встроить приложение на домашнюю страницу очень просто, и любой интернет-пользователь со средними навыками может это сделать. Вы будете работать в онлайн-редакторе с интуитивно понятным интерфейсом, чтобы создать плагин, который лучше всего подойдет для вашего варианта использования Shopify и веб-дизайна. Просто следуйте инструкциям в подробном руководстве ниже.
- Зарегистрируйтесь в сервисе
- Перейдите в редактор, чтобы создать свой собственный плагин.
- Создайте свой Instagram-канал.
- Получите код установки.
- Перейдите на свою панель администратора Shopify
Войдите в Elfsight, чтобы получить доступ вашу панель администратора. Там вы можете скопировать код плагина Instagram для установки. Сначала вам нужно подключить свой профиль Instagram к интерфейсу приложения ленты или ввести хэштег для добавления контента. Затем выберите один из двух вариантов фильтрации — Исключить по источнику и Показывать только определенные источники.
Далее поиграйтесь с многочисленными параметрами настройки и функциональности. Вы можете создавать стены, сетки, карусели и слайд-шоу, которые отображают изображения. Измените количество отображаемых постов, скройте элементы, измените цветовую схему и многое другое. Нажмите кнопку «Добавить на сайт» и скопируйте код, который появится во всплывающем окне. После копирования кода созданной ленты Instagram перейдите в свою учетную запись Shopify, чтобы встроить ее в пользовательский раздел.
Вы можете встроить свою ленту Instagram на домашнюю страницу Shopify или создать несколько отдельных лент для отдельных страниц продуктов или разделов интернет-магазина.
- Откройте визуальный редактор вашего веб-сайта, перейдите в интернет-магазин и нажмите «Настроить».
- Добавьте раздел пользовательского контента на целевую страницу (при открытии визуального редактора по умолчанию откроется домашняя страница, но вы можете выбрать нужную страницу вашего веб-сайта Shopify из раскрывающегося списка) menu.)
- Перейдите в раздел «Разделы» в левом меню и нажмите «Добавить новый раздел».
- Дайте ему имя, и откроется редактор.
- Вставьте туда код установки ленты Instagram и сохраните изменения.
- Войдите в свою учетную запись Shopify и выберите магазин, в котором вы видите нужный плагин. Выберите Действия → Изменить код.
- Откройте шаблон темы — найдите файл theme.liquid в разделе Макет и щелкните по нему.
- Добавьте код установки приложения Instagram Feed перед закрывающим тегом </body> .
- Сохраните изменения и перейдите на свой сайт Shopify, чтобы увидеть встроенное приложение в действии.
- Перейдите в админку Shopify. Войдите в бэкэнд своего сайта Shopify, перейдите в интернет-магазин и выберите опцию Действия. → Редактировать код.
- Откройте шаблон дизайна. Затем перейдите в Разделы → Файл шаблона продукта (если вы используете Shopify Store 2.0, вам следует выбрать основной файл product.liquid.)
- Найдите место, где вы хотите отобразить приложение, вставьте туда код установки приложения и сохраните изменения.
- Отлично! Вы встроили приложение Instagram-ленты на каждую страницу продукта вашего сайта Shopify!
Вы также можете встроить ленту Instagram на каждую отдельную страницу Shopify.
- Войдите в бэкэнд вашего сайта Shopify, перейдите в интернет-магазин и выберите Действия, затем опцию Изменить код.
- Далее откройте файл main-product.liquid в разделе Разделы вашего магазина Shopify 2.0. Примечание: Если вы используете более старые версии Shopify, вам может потребоваться выбрать файл product.liquid.
- Вставьте блок кода ниже, где вы хотите, чтобы он был, чтобы создать контейнер блоков для приложения. Сохраните изменения.
- После сохранения изменений перейдите в интернет-магазин и выберите «Настроить». Выберите страницы продуктов Shopify из верхнего раскрывающегося меню.
- Добавьте блок для приложения Elfsight Instagram Feed, который вы создали ранее. В зависимости от темы вашего магазина Shopify вы можете увидеть папку «Информация о продукте» или «Страницы продуктов». Откройте папку, нажмите «Добавить блок» в нижней части папки и добавьте блок приложения Elfsight.
- Откройте блок приложения Elfsight, выберите нужный продукт Shopify и вставьте код установки ленты Instagram в раздел ниже.
- Сохраните изменения, нажав «Сохранить» в правом верхнем углу страницы вашего магазина.
Если у вас возникнут какие-либо проблемы, специалисты технической поддержки могут взять на себя интеграцию вашего приложения ленты Instagram на ваш сайт Shopify в соответствии с вашими требованиями без дополнительных затрат, что является еще одним преимуществом этой компании.
Шаблоны ленты Instagram для Shopify
Шаблоны ленты Instagram помогают встроить привлекательную ленту на ваш сайт, чтобы пользователи хотели узнать больше о том, что вы предлагаете на своем сайте Shopify. И даже если они ничего не купят у вас сегодня, всегда есть шанс, что они захотят вернуться и совершить покупку в будущем.
Лента хэштегов Instagram
Лента, которая объединяет все хэштеги, связанные с вашим постом или аккаунтом в Instagram, которые вы можете встроить для использования по мере необходимости в вашей маркетинговой кампании Shopify или просто для получения новых подписчиков, которые могут быть заинтересованы в вашем продукте или услуге.
Приложение профиля Instagram
Существует множество способов использования встроенных каналов Instagram для продвижения вашего бренда и расширения аудитории. Один из них — интеграция профиля Instagram на вашем сайте электронной коммерции на Shopify. Таким образом, вы можете связать продукты на вашем сайте с соответствующими публикациями в ленте Instagram.
Сетка Instagram
Этот шаблон сетки приложения Instagram представляет изображения ленты в минималистичном стиле. Это делается для того, чтобы изображения ваших продуктов выделялись и выглядели как единая галерея или портфолио на вашем сайте Shopify.
Небольшое приложение Instagram
Это небольшое встроенное приложение идеально вписывается в боковую панель или нижний колонтитул вашего сайта Shopify. Это поможет вам разумно использовать пространство на странице, продемонстрировать свою ленту в социальных сетях, присутствие и активность, а также привлечь больше подписчиков в Instagram.
Где разместить ленту Instagram на сайте Shopify
Хотя многие продукты известных мировых и местных брендов полностью совместимы с Instagram, в настоящее время не существует простого способа связать каждую публикацию с вашим сайтом Shopify. Единственная кликабельная ссылка в Instagram находится в описании профиля.
Хотя существует множество бизнес-инструментов и веб-приложений для Instagram, для веб-дизайнеров остается вопрос: как бесшовно встроить ленты и посты Instagram в веб-дизайн с помощью простого кода? Основной способ интеграции социального контента в веб-дизайн Shopify — это встраивание плагина. Интеграция больше соответствует теме, которая хорошо сочетается с вашими текущими продуктами и цветами веб-дизайна.
Способ 1: Страница вдохновения
Хотя простая лента ленты новостей Instagram также называется лентой, целую страницу вашего веб-сайта можно подключить к вашей учетной записи Instagram без необходимости создания дополнительного контента. Многие бренды используют эту технику в качестве страницы книги стилей для своих продуктов Shopify.
Способ 2: Каталог продуктов
Еще один способ использовать контент Instagram — создать страницу, встраивающую вашу ленту, с сильным акцентом на продажи. С заголовком «Покупайте наш каталог онлайн» цель уже ясна до того, как пользователь посещает страницу. Когда пользователи нажимают на изображения, появляется список ссылок на отображаемые продукты, направляющих их непосредственно к покупке на Shopify.
Способ 3: Что говорят наши клиенты
Наш цифровой образ жизни сделал влиятельных лиц и сарафанное радио гиперактивными. Это означает, что вовлечение клиентов становится все более важным для брендов во всем мире. Создайте единую ленту хэштегов постов и комментариев Instagram, объединенную в один раздел и связанную с домашней страницей Shopify. Поощряйте своих клиентов публиковать свои изображения с вашим хэштегом, чтобы получать больше замечательного контента бесплатно. Таким образом, пользователи чувствуют себя частью чего-то большего, чем они сами.
Способ 4: Избранные продукты
Интеграция ленты покупок Instagram на ваш сайт Shopify может быть примером страницы Like2Buy, где ваши посетители могут легко просматривать красивый фотоконтент и переходить на веб-страницу продукта одним щелчком мыши. Это упрощает конвертацию в покупку и улучшает качество обслуживания клиентов, делая весь процесс более приятным.
Кому нужна лента Instagram
Пять процентов пользователей Instagram предпринимают действия после того, как их вдохновила публикация, будь то покупка, пожертвование, репост или посещение веб-сайта. Почему бы не использовать этот коэффициент конверсии в своих интересах? Использование домашней страницы Shopify для привлечения трафика на ваши платформы социальных сетей увеличит ваше влияние в социальных сетях, особенно на платформах обмена фотографиями.
Локальные и нишевые бренды: алгоритм платформы Instagram может быть сложным, особенно для малого бизнеса и крайне специализированных брендов, но если у вас есть работающий веб-сайт, вы можете легко получить нужные вам просмотры профиля и лайки. Добавление ленты вашего профиля в социальных сетях на веб-сайт Shopify укрепляет доверие ваших читателей и добавляет вашему бренду авторитетности и подлинности.
Стартапы и растущий бизнес: ваши читатели увидят ваше постоянное и сильное присутствие в социальных сетях и почувствуют себя более связанными с вами. А дополнительное преимущество от того, что потенциальные спонсоры и/или партнеры увидят вашу курируемую и унифицированную ленту Instagram, принесет вашему бренду только дополнительные источники дохода.
Бренды индустрии красоты и моды: встроенный визуальный контент творит чудеса с эстетикой вашей страницы, особенно для хорошо курируемого раздела. Вы можете легко получить больше ценности от изображения и получить потрясающий веб-контент. Интегрируя свою ленту Instagram и посты, клиенты также получают актуальную страницу портфолио на Shopify. Это отличный способ продемонстрировать свои услуги или бренд образа жизни.
Дистрибьюторы и реселлеры: еще одно преимущество интеграции плагина ленты Instagram — получение отзывов от вашего бренда в виде комментариев. Это управляемый способ завоевать доверие ваших клиентов и поддерживать регулярный поток неофициальных отзывов. Это сохраняет вашу домашнюю страницу Shopify понятной.
Заключение
Встраивание ленты Instagram на веб-сайт чрезвычайно выгодно для вашего бизнеса. Это отличный способ создать сообщество и базу лояльных клиентов, повысить доверие, продемонстрировать подлинность и увеличить продажи. Это не требует больших затрат времени и денег и может быть автоматизировано с помощью инструмента социальной агрегации Elfsight для Shopify. Поэтому мы рекомендуем встроить единую ленту постов Instagram на ваш веб-сайт, чтобы добавить яркости, креативности и интерактивности.
Выше мы привели несколько эффективных способов легко отображать ленты Instagram и посты на вашем веб-сайте Shopify. Теперь пришло время подумать, как использовать этот сетевой контент для ваших посетителей. Это побудит пользователей проводить больше времени на вашей странице и взаимодействовать с адаптивным контентом. Интеграция вашей ленты Instagram — это прекрасная возможность для вашего бренда генерировать лиды, повышать конверсии и повышать узнаваемость бренда.
Также имейте в виду, что у нас есть и другие замечательные руководства, например, узнайте, как встроить обзоры Google Business на веб-сайт!
