Поскольку Instagram набирает популярность среди влиятельных лиц и стартапов, большинство молодых предпринимателей начинают создавать учетную запись Instagram, чтобы получить поддержку и последователей, прежде чем перейти на полноценный веб-сайт.
Эта стратегия сработала для многих предпринимателей в сфере от продуктов питания и растениеводства до визажистов и фешэн блогеров. Если ваш профиль в Instagram идеально улавливает тенденции Instagram, вы начнете успешный бизнес.
Если это похоже на вас, то следующий шаг – создать веб-сайт для развития вашего онлайн-бизнеса. Читайте пост и узнайте, как любой может создать элегантную и эффективную целевую страницу, используя только один плагин – Spotlight.
Как пример будем использовать его вместе с бесплатной темой Twenty Twenty по умолчанию WordPress. Но вы можете применить это руководство к выбранной вами теме.
Подготовительные шаги
- Настройте свой сайт WordPress. Начните с покупки услуги веб-хостинга, а также доменного имени.
- Установите WordPress на свой новый сайт:
Хотя WordPress поставляется с множеством полезных блоков, вам потребуются дополнительные плагины.
Плагин Spotlight
Spotlight – это плагин для ленты Instagram, ориентированный как на начинающих, так и на опытных пользователей WordPress.
Ценообразование
Хорошая новость: Spotlight бесплатен. Его можно найти в каталоге плагинов WordPress, выполнив поиск Spotlight Social Media Feeds.
Однако, если вы хотите вывести свой канал на новый уровень, есть премиум-версия, которую будем использовать в этом уроке.
Версия PRO будет стоить вам 49 долларов в год за лицензию на один сайт, другие варианты лицензии доступны здесь.
Установка Spotlight
Чтобы установить Spotlight, начните с перехода на боковую панель панели инструментов WordPress. Найдите плагины > Добавить новый. Найдите «Spotlight Social Photo Feeds» (или «Spotlight Social Media Feeds»), нажмите «Установить» и «Активировать».
Нажав кнопку «Загрузить» на веб-сайте Spotlight, вы попадете прямо на страницу WordPress.org.
Если вы используете PRO версию Spotlight, загрузите премиум-версию с помощью кнопки «Загрузить плагин», как показано на скриншоте выше, и вставьте свой лицензионный ключ, который вы получите по электронной почте после оплаты.
Вас спросят, хотите ли вы включить уведомления об обновлениях безопасности, функций и неконфиденциальное диагностическое отслеживание. Это помогает разработчикам продолжать улучшать плагин, однако вы можете пропустить этот шаг.
Плагин Spotlight установлен на вашем сайте.
Смотрите также:
Подборка лучших плагинов WordPress для социальных сетей.
Подключение вашей учетной записи
Подключение учетной записи занимает всего в 3 клика.
Сначала нужно выбрать, подключаете ли личную или бизнес-учетную запись Instagram[/link]. Учитывая, что вы уже используете Instagram для открытия бизнеса, скорее всего учетная запись обновлена до уровня Business или Creator.
Если нет, то не о чем беспокоиться. Хотя вы можете использовать плагин Spotlight с личным аккаунтом, рекомендуем бесплатно обновить свой профиль в Instagram. Тогда вы получите доступ к аналитике и бизнес-функциям в Instagram, и разблокируете некоторые замечательные функции в плагине Spotlight.
После того, как вы сделали свой выбор, разрешите Spotlight доступ к вашей учетной записи Instagram, и в течение нескольких секунд ваш канал автоматически отобразится в интерактивном предварительном просмотре.
Создание вашей ленты
В этом уроке будем использовать макет Masonry. Плагин настроили для отображения 20 постов в 5 столбцах и отсортировали их по дате.
Настроили изображения так, чтобы они открывались во всплывающем окне (или лайтбоксе). Тогда посетители смогут хорошо рассмотреть посты, не переходя с сайта в приложение Instagram. Эта изящная функция означает, что ваши посетители будут оставаться на вашем сайте намного дольше.
Установили внешний отступ на 0 пикселей, чтобы он занимал всю ширину целевой страницы. А отступ изображения – на 40 пикселей, чтобы дать немного пространств вокруг изображений.
Для более гладкого вида установили цвет фона на полную прозрачность. В любой момент можно изменить цвет фона целевой страницы без необходимости изменять настройки фида, чтобы они имели тот же цвет.
Затем установили серый цвет для поста при наведении курсора, а значок Instagram стал белым. Этот подход подсказывает посетителям, что они действительно просматривают посты в Instagram и что они могут легко перенестись на страницу в Instagram и присоединиться к беседе там.
Полностью отключили заголовок. В разделе «Всплывающее окно» можно выбрать отображение боковой панели и количество комментариев, отображаемых после выбора публикации. Оставили здесь настройки по умолчанию.
Щелкните любую запись в интерактивном предварительном просмотре, и увидите, как будет выглядеть всплывающее окно:
Spotlight PRO позволяет отображать подписи, количество лайков и комментариев под всеми постами, но можно и отказался от этого. Можно добавить белую кнопку «Загрузить еще», чтобы подгружать больше постов одним нажатием кнопки, и кнопку Follow в нижней части ленты.
В примере большая часть текущего трафика идет через Instagram, продолжим его продвигать и увеличивать количество подписчиков. Наличие кнопки Follow определенно поможет в этом. Вы можете изменить цвет и текст, чтобы указать то, что, по вашему мнению, лучше всего соответствует вашему бренду.
Stories
Если для дальнейшего продвижения своего бренда или бизнеса вы используете Instagram Stories, можете легко отобразить их на своем новом веб-сайте WordPress.
Для этого нужно выбрать опцию историй в разделе заголовка. Конечно, в этом случае вам нужно будет включить заголовок (в примере мы его выключили).
Теперь после публикации новой истории вокруг изображения вашего профиля будет отображаться контур. Зрители могут щелкнуть по нему и просмотреть ваши истории так же, как в приложении или на веб-сайте Instagram.
Совет от профессионалов: плагин Spotlight позволяет в любой момент изменить фото профиля и биографию пользователя на вкладке «Дизайн», чтобы сделать их уникальными для вашего сайта.
Адаптивность
На данный момент канал выглядит неплохо. Нужно убедиться, что на компьютере он такой же потрясающий, как на мобильном телефоне и планшете.
Переключившись в режим планшета, Spotlight мгновенно дает вам довольно хорошее представление о том, как будет выглядеть ваш канал. Лента отлично смотрится на планшете.
Однако при переходе на мобильную связь вариант из пяти столбцов определенно не сработает.
При разработке версии для мобильных устройств вы должны знать об идеальных размерах сенсорных экранов. Здесь лучше отказать от 5 столбцов и перейти на макет с двумя столбцами. Канал автоматически обновляется и готов к работе.
На этом этапе рекомендуется сохранить свою работу и назвать свой канал. Вы можете сделать это на любом этапе процесса проектирования.
Фильтрация и модерация
Фильтрация позволяет исключать или включать посты, содержащие определенные слова или фразы в подписи или хэштеги. Это простой и эффективный способ фильтровать ваши посты, показывая определенные фото или видео.
Например, вы любите публиковать вдохновляющие посты о работах других людей со словом «вдохновение» в подписи. А с помощью Spotlight можно автоматически исключить их отображение на своем веб-сайте.
Для этого добавьте слово «вдохновение» в разделе «Скрыть посты с этими словами или фразами»:
Дополнительная функция – визуальная модерация. Доступ к этой функции PRO можно получить прямо в панели управления WordPress, выбрав вкладку «Модерация». Здесь будут отображаться все ваши посты. Вручную выберете посты, которые нужно показать или скрыть в своей ленте.
Совет для профессионалов: можно переходить от одного поста к другому, используя клавиши со стрелками на клавиатуре. Нажмите Enter, чтобы выбрать или отменить выбор фотографий.
Такая модерация дает полный контроль над вашим контентом.
Вставьте свой фид
Сохраните свой канал и скопируйте шорткод, представленный на вкладке «Встраивание».
Чтобы отобразить свой канал, создайте новую страницу и вставьте блок шорткода. Вставьте свой шорткод канала и опубликуйте свою страницу.
Можно использовать специальный виджет, если нужно отображать канал в нижнем колонтитуле или на боковой панели.
Дополнительный совет: посты с тегами и хештегами
Spotlight PRO позволяет отображать в ленте посты с тегами. Из-за ограничений Instagram, это доступно только для бизнес-аккаунтов.
Помеченные посты - отличный способ добавить социальную составляющую вашему сайту. Например, попросите клиентов оставлять отзывы в своих аккаунтах и отмечать ваш профиль. Таким образом можно легко создать отдельный канал для отображения отзывов довольных клиентов.
Можно импортировать со всего Instagram посты по хэштегу. Это хорошо работает, если вы используете кампании с хэштегами.
То есть можно использовал оба этих метода для создания своей страницы отзывов.
Примечание. Чтобы получить обзор всех ваших каналов и того, где они используются, перейдите в Instagram Feeds > Feeds.
Вы также можете подключить неограниченное количество учетных записей, перейдя в Instagram Feeds > Settings.
Конечный результат
С небольшими настройками и дополнительным CSS, примененным к теме Twenty Twenty, целевая страница будет выглядеть очень похоже на вот такой конечный результат:
Есть много преимуществ, которые дает отображение вашей ленты Instagram на вашем сайте WordPress. Тем самым вы сможете уделять больше времени и усилий на создание своего профиля в Instagram и вывести его на новый уровень.
Потенциальные клиенты могут перенаправляться на ваше выделенное место в сети, вместо того, чтобы искать ваш профиль в Instagram.
Ленты Instagram не обязательно должны выглядеть как типичные фиды нижнего колонтитула, как это видно в большинстве блогов. В этой статье вы узнали, как создать свою собственную потрясающую целевую страницу с помощью плагина Spotlight.
Источник: wpmayor.com
Комментарии к записи: 0