Как сделать карусель

«Карусели» в Instagram: что это такое и как их правильно использовать

В среде социальных медиа доминирует визуальный контент. В этом году Adweek процитировал исследование, в котором участвовали 300 маркетологов, из которых 53% указали, что 91-100% их контента является визуальным. И эта тенденция растет.

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

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

К середине 2018 года в Instagram зарегистрировалось более 1 миллиарда пользователей. В период с января по июнь к платформе присоединилось 100 миллионов новых пользователей.
И как же в течении пяти месяцев Instagram набрал 100 миллионов новых людей? Очень просто.

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

Ваши покупатели хотят больше визуального восприятия

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

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

Можно ли обвинять людей в том, что они хотят проводить больше времени в Instagram?

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

Искусство повествования

Чем больше брендов склоняется в сторону маркетинга контента, тем острее встаёт вопрос о том, как прорваться сквозь этот шум и заявить о себе. Но наши мозги построены так, чтобы реагировать на интересные истории.

100 500 слов каждый день читает среднестатистический гражданин России. 92% потребителей хотят видеть рекламу, которая рассказывает историю. В 60 раз быстрее мозг обрабатывает изображения, по сравнению с текстом.

Выражайте мысли короче. Контент должен быть максимально прост, и иметь четкое повествование. Показывайте, а не рассказывайте: используйте изображения.

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

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

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

Вероятность того, что ваш товар приобретут. Покупатели, которые видят/не видят личную ценность. Синее- видят, голубое — нет. Левые столбцы — купят товар, правые столбцы — купят товар по более высокой цене.

Лучшие бренды очень быстро развиваются

54% маркетологов уже используют Instagram.

Наиболее часто используемые платформы. Facebook, Twitter, LinkedIn, Instagram – четыре наиболее крупные платформы, которые еще долго будут опережать все остальные.
Изменения с 2016 года — процент использования Instagram вырос на 10%

Это означает, что в конечном итоге для вашего бренда остается все меньше и меньше места.
К счастью, Instagram – это наиболее простой способ обмена интересным, креативным контентом.
Платформа становится все более полезной для рекламщиков.
Вот полезный отчет от Adage о том, как Instagram внедряет рекламу в стиле «карусели» в Stories.

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

Как сделать «карусель»

Если вы только начинаете, вот несколько советов о том, как сделать свою «карусель»:

1. Выберите изображение, которое должно идти первым. Кнопка, изображающая стопку изображений, сообщит Instagram о размещении нескольких изображений в вашей публикации. Когда будете готовы, нажмите «далее».
2. Выберите до 10 фото и/или видео. Снова нажмите «далее».
3. Instagram предлагает различные фильтры, чтобы сделать ваши фото как можно лучше. Пролистните вперед и назад на вкладке фильтров, чтобы найти тот, который вам по душе. Вы можете так же самостоятельно изменить настройки изображения. Когда закончите, нажмите «далее» еще раз.
4. Поместите подпись к вашему фото. Вы можете включить до 30 хэштегов. Но лучше использовать 7-8. Как будете готовы, нажмите «ОК», чтобы опубликовать вашу «карусель»

Заключение

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

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

А вы используете «карусели» в Instagram для привлечения аудитории?

Как сделать карусель в ИГ: 7 примеров + 3 способа

Карусель в Instagram – функция, позволяющая разместить в один пост от двух до десяти последовательно идущих фотографий или видео.

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

Как опубликовать карусель

Оформить пост с несколькими фото или загрузить панораму для instagram чуть муторнее, чем выложить обычную публикацию. Но я Вас не брошу! Ловите инструкцию.

1. С телефона

Все начинается как обычно: жмете привычный «плюсик» для публикации одного фото. А вот далее идете таким путем: добавляете несколько фото в том порядке, в котором они должны стоять в карусели после публикации (кликаете и удерживаете первое фото, приложение автоматом включит режим «добавить несколько»).

Фото выбрали, нажали «Далее», теперь редактируйте. Можно поставить один фильтр для всей публикации, а можно поработать над каждым файлом, нажав на значок в левом нижнем углу фотографии или видеозаписи. Ну и затем все снова банально донельзя — пишете текст для поста, хэштеги и прочее (подробнее тут). Вы восхитительны!

2. С компьютера

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

Но я расскажу, как сделать карусель в инстаграм с компьютера. Например, установить расширение (User-Agent Switcher for Chrome или аналоги), а также использовать функции эмуляции устройств в браузере Chrome (Дополнительные инструменты —> Инструменты разработчика).

Здесь Вам нужно выбрать устройство, с которого якобы публикуется фото. Дальнейшие действия будут отображаться в окне слева. В целом они повторяют то, что делается на реальном смартфоне.

На правах рекламы

Как сделать панораму для инстаграм

Этот момент стоит отдельного внимания. Видели в ленте красивые фотки архитектуры или природы, которые листаешь в карусели, а они выглядят, как одно бесшовное фото? Вот так выглядит панорама в инстаграм.

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

Сколько фото помещается в один пост? Не более 10 файлов, поэтому нужно разделить снимок на 2-10 частей. Как разрезать панораму? В этом Вам помогут редакторы (типа Adobe Photoshop, Adobe Lightroom, Pixelmator) или специальное приложение PanoramaCrop for Instagram и его аналоги.

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

Кстати, интересный лайфхак. Если хотите посмотреть кто кого лайкает в Инстаграм, то сделать это можно через сервис Инсташпион (к тому же он Вас точно не выдаст)

Креативные примеры карусели

Пользоваться каруселью в Инстаграм можно не только для развлечения или с целью выделиться. Она может отлично помочь в разных сферах деятельности.

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

2. Дизайн. В карусель можно оформить панорамный снимок результата ремонта, показать типичные ошибки в проектировании интерьера, а также разместить советы и рекомендации.

3. Демонстрация отзывов. В одном посте можно разместить фото продукта, фото состава и мнение о нем.

Лайфхак. Раскрутить аккаунт в Инстаграм проще всего с сервисом Zengram. Он будет делать все действия (лайки, просмотры историй, подписка на пользователей), которые раскрутят аккаунт и увеличат продажи. Самостоятельно и без вашего участия. Кликайте и тестируйте -> Zengram (Промокод «INSCALE15» — 15% на все)

4. Публикация чек-листов и гайдов. Такой контент действительно удобно выкладывать в виде карусели.

5. Презентация товара. Пост с каруселью поможет показать товар со всех сторон, выделяя на фото какие-то детали.

6. Фоторепортаж. Используя карусель, можно выложить целый фотоотчет с места событий, привлекая внимание пользователей и показывая продолжение истории.

Интересно. Автоматизировать процесс выхода карусели поможет сервис отложенного постинга. Просто загружаете посты в нужном порядке, а сервис сам их опубликует в выбранное Вами время. Кликайте -> SMMplanner

Частые вопросы

Ну, вроде все рассказала. Упс. Остались вопросы? Отвечаю! Только на самые популярные, а то места не хватит 🙂

1. Можно ли добавить в карусель прямоугольное фото?

Да, можно. Пользователь сам выбирает ориентацию фото. Правда, в профиле будет отображаться квадратное превью. А вот в ленте можно будет увидеть фото так, как его опубликовал владелец аккаунта.

2. Как удалить фото из публикации?

Удалить или добавить фото из уже опубликованной карусели в стандартном функционале приложения невозможно.

3. Как скачать фото из карусели?

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

4. Можно ли сделать репост карусели?

Функционал Instagram не предусматривает такой возможности. Для этого можно использовать сторонние приложения: Repost for Instagram, Repost Photo & Video for InstagramRepost via Instant, Repost for Instagram — Regrann, EzRepost+.

Кстати, а Вы знали, что репосты других пользоваелей, как и лайки с просмотрами, влияют на статистику профиля. Чтобы узнать подробную статистику и аналитику, используйте сервис LiveDune (по промокоду «INSCALE» скидка 30% +7 дней доступа).

ВКЛЮЧАЙТЕСЬ В СОЦСЕТИ УЖЕ 40 000+ С НАМИ

Екатерина

Сергей

Иван

Елена

Екатерина

Коротко о главном

Как сделать карусель в инстаграм Вы теперь знаете. Вдогонку вот Вам статистика: служба доставки еды FoodPanda использовала карусель в публикациях фейсбук, благодаря чему CTR (соотношение кликов к количеству показов) увеличился на 180%, а CPI (стоимость установки приложения из всего рекламного канала) уменьшилась на 39%. Очевидная польза от такого формата, да?

Важно. Не забывайте добавлять элементы игры в продвижение профиля. Например, начисляйте балы за активность, а потом дарите подарки. И вам хорошо и подписчики довольны. К тому же реализуется это все очень просто через сервис SUB.BY

Хотя у карусели есть свои недостатки (статистика не доступна для каждого фото, комментировать можно только весь пост и не все долистывают до конца), это все же прикольный способ заявить о себе и своем продукте. Удачных публикаций!

Нашли ошибку в тексте? Выделите фрагмент и нажмите ctrl+enter

Как сделать карусель в Инстаграм. 15 идей фото, видео и текста для карусели

Возможность публиковать несколько фото и видео в одном посте появилась в 2017 году, раньше это можно было делать только в рекламных постах. Такой тип публикации называют галерея или пост-карусель. В нее можно добавить до 10 фото или видео. Сегодня расскажем, как опубликовать карусель в Инстаграм, и что это дает аккаунту. А также предложим 15 интересных идей для публикаций в виде галереи.

Реклама: Реклама. Erid 2VtzqwsYycM

Реклама. Erid 2VtzqwsYycM

Читайте также: Лучшие курсы по продвижению в Инстаграм

Как опубликовать пост-карусель в Инстаграм

Открываем Инстаграм аккаунт, нажимаем на плюс. Выбираем значок с несколькими квадратами — там написано «Выбрать несколько». Выделяем несколько фотографий или видео, они отмечаются номерами — это порядок, в котором они будут размещены. Жмем «Далее». Можно применить фильтр к галерее. Он автоматически накладывается на все фото. Если нужно применить фильтр к конкретным фотографиям, а не ко всей публикации, то нажимаем на кружок в нижнем левом углу на фото. Здесь же можно отредактировать выбранное фото. Дальше добавляем подпись к карусели, можно отметить местоположение и поделиться публикацией в других соцсетях. Также можно открыть расширенные настройки — отключить комментарии, написать alt-текст к фото, отметить бизнес-партнера, если это спонсорская публикация. Под размещенной галереей видны точки — они показывают, сколько фото или видео в подборке. Галерею можно просматривать перелистыванием на телефоне или стрелками, если вы зашли в Инстаграм с компьютера. Также в правом верхнем углу видно количество фото, например, если вы открыли первую, то там будет 1/2, если вторую, то 2/2. В разделе «Интересное» пост-карусель отмечается значком с квадратами. Статья в тему: Как красиво оформить текст в Инстаграм

Зачем публиковать карусель из фото в Инстаграм

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

Идеи использования карусели в Инстаграм

1. Карусель, как продолжение текста в посте

В посте можно написать текст до 2 000 символов, продолжение разместите в карусели в виде фотографии. Чтобы пользователям было понятно, напишите в конце текста фразу «Продолжение в карусели». Можно использовать этот прием не только для больших текстов — фишка в том, что большинству пользователей проще пролистать картинки, чем разворачивать описание под фото и читать полотно текста.

2. Видео из частей

Длинные видео можно разместить только в IGTV или серии сторис, но карусель позволяет выложить ролик в посте. Его нужно порезать на части по 1 минуте. То есть, в одной карусели можно так разместить десятиминутное видео.

3. Советы

Можно сделать карусель с короткими советами по своей теме. Например, стоит ли выкладывать посты в Инстаграм каждый день или как понять свою целевую аудиторию. Чем красочнее и оригинальнее фото — тем лучше. Ниже пример советов на тему SMM.

4. Презентация товара или услуги

Карусель в Инстаграм — это отличная возможность продемонстрировать товар с разных ракурсов и предложить способ его применения. Например, бренд IKEA показывает в галереях, как их мебель и другие товары смотрятся в интерьере.

Хорошее впечатление вызывают карусели, где товар можно рассмотреть с разных сторон до мельчайших деталей.

Можно посвятить галерею одному товару или целой серии. Пример галереи re:Store, в которой представлены гаджеты зеленого цвета:

5. Лайфхак / туториал / чек лист

В карусели можно показать пошаговый процесс лайфхака или сделать мини-туториал. Пример — аккаунт разработчиков Фотошоп редактора. Они показывают готовую фотографию, обработанную в программе, а следом идут короткие ролики с пошаговой инструкцией, как сделать такое фото.

6. Новости

Расскажите, что нового у вас произошло и оформите это в виде слайдера. Например, бренд re:Store сделал галерею с рассказом о том, какие меры безопасности были введены в магазине для клиентов и сотрудников в связи со вспышкой коронавируса.

7. Конкурс

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

8. Открытки с товаром

Идея в том, чтобы сделать прикольные открытки со своим товаром. Можно добавить туда надписи в тему. Открытки можно распечатать, сделать репост в свой аккаунт с указанием ника получателя, просто переслать другому человеку или сохранить себе и запостить в сторис. Пример — открытки с гаджетами на день Святого Валентина.

9. Подборки

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

10. До / После

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

11. Ответ на вопрос

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

12. Как это сделано

Покажите, как создавался товар или фотография. Можно выложить короткие видео с бэкстейджа или просто разместить пару фото «в процессе».

13. Отзывы

Разместите в карусели несколько фотографий товара, а в описании оставьте о нем отзыв. Подходит для тех, кто занимается обзорами и распаковками. Если вы продавец — используйте отзывы клиентов. Можно предложить им скидку или небольшой подарок, чтобы они сами присылали отзывы, а вы их будете публиковать.

14. Фотоотчет с места событий

Вы провели / посетили мероприятие, съездили в путешествие, стали свидетелем чего-то необычного — покажите это в карусели. В таком же формате можно показать подписчикам, как прошел ваш день.

15. Реклама

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

Текст тоже не выдает в этом посте открытую рекламу: «Еще в ноябре я отправился в Лондон с #isseymiyakeparfums, чтобы заново открыть для себя город и отразить его двойственность. Классический, но современный. Престижный, но авангардный».

Полезные ссылки:

• 10 лучших сервисов для массфолловинга в Инстаграм
• Как продвигать фотографа в Инстаграм
• Как скачать прямой эфир из Инстаграм
• Создание промоакции в Инстаграм

Как создать слайдер/карусель фото на Javascript

Здесь мы разберем с вами принцип работы слайдеров с фотографиями и как его реализовать на Javascript.

Суть работы слайдера достаточно простая, он состоит из двух основных частей — это контейнер (окно слайдера) и трек (лента с картинками), а далее мы берем трек и двигаем по одной оси в контейнере, тем самым часть фото отображается, а основные «обрезаются». Обрезка происходит с помощью свойства overflow:hidden.

Рассмотрим ниже готовую верстку, стили и скрипт слайдера.

index.hmtl — разметка слайдера

/* Контейнер с ограниченными размерами, он будет выполнять роль «окна» */ .slider-container < width: 600px; height:600px; position: relative; overflow: hidden; >/* Лента с фото, имеет неограниченную ширину и тип flex, чтобы картинки не переносились */ .slider-track < height:600px; display: flex; transition-duration: .5s; >/* Стили для оформления кнопок prev/next */ .arrow < width:7px; height:7px; border-top:#cacaca 3px solid; border-right:#cacaca 3px solid; position: absolute; >.arrow-bg < width:30px; height:30px; background: #fff; box-shadow: 0 0 4px 2px rgba(0,0,0,.2); border-radius: 50%; position: relative; opacity: .8; cursor: pointer; >.arrow-left .arrow < transform: rotate(-135deg); top:10px; left:12px; >.arrow-right .arrow < transform: rotate(45deg); top:10px; left:8px; >.arrow-left < position: absolute; top:50%; left:10px; transform: translateY(-50%); z-index: 2; >.arrow-right

scripts.js — файл с кодом слайдера

$(document).ready(function() < let sliderPosition = 0; // начальная позиция дорожки const sliderContainer = $('.slider-container'); const sliderTrack = $('.slider-track'); const sliderItem = $('.slider-item'); const sliderItemWidth = sliderItem.width(); const sliderContainerWidth = sliderContainer.width(); // ширина дорожки определяется как разница между шириной всех картинок и шириной контейнера // разница нужна для того, чтобы прокрутка не проводилась дальше последнего фото const sliderTrackWidth = sliderItem.length * sliderItemWidth - sliderContainerWidth; const sliderButtonPrev = $('.arrow-left'); const sliderButtonNext = $('.arrow-right'); sliderButtonPrev.on('click', function()< sliderPosition += sliderItemWidth; // увеличиваем отступ при нажатии назад // поскольку отступ будет всегда отрицательный, нужно сравнивать с нулем, // чтобы исключить пустые прокрутки if (sliderPosition >0) < sliderPosition = 0; >sliderTrack.css('transform', `translateX($px`); sliderButtons(); >); sliderButtonNext.on('click', function() < sliderPosition -= sliderItemWidth; // так как отступы отрицательные, нужно сравнить с отрицательной длинной дорожки, // чтобы исключить пустые прокрутки if (sliderPosition < -sliderTrackWidth) < sliderPosition = -sliderTrackWidth; >sliderTrack.css('transform', `translateX($px`); sliderButtons(); >); // скрываем кнопки prev/next, когда нельзя больше крутить const sliderButtons = () => < if (sliderPosition == 0) < sliderButtonPrev.hide(); >else < sliderButtonPrev.show(); >if (sliderPosition == -sliderTrackWidth) < sliderButtonNext.hide(); >else < sliderButtonNext.show(); >>; sliderButtons(); >);

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