Тенденция внедрения историй (или сторис) в последние годы стала весьма заметной. Эти форматы появились практически во всех социальных сетях (таких как Instagram*, ВКонтакте и других) и мессенджерах, а также интегрированы в мобильные приложения от разнообразных крупных сервисов — от доставки еды до банковских учреждений.
Создать истории на платформе WordPress можно с помощью плагина WPStories. Давайте подробнее рассмотрим, как он функционирует, а также обсудим нюансы его внедрения и использования данного формата контента на веб-сайтах.
Что собой представляют cторис на сайте
Сторис на веб-сайте или в соцсети — это способ оперативно донести информацию до аудитории. Обычно они состоят из фотографии или короткого видео, передающего основное сообщение. Ожидается, что пользователь быстро осведомится о представленной информации, облеченной в формат истории.
Вот как выглядят сторисы в интернете:
Чаще всего сторис открываются на весь экран, что особенно удобно для мобильных пользователей.
Какие сайты могут использовать формат историй
Оставим в стороне социальные сети и обсудим использование этого формата контента веб-мастерами на WordPress. Истории могут быть полезны в разных сферах: от блогов до интернет-магазинов, портфолио, сервисов и многих других.
Вот несколько примеров удачного применения сторис:
- Сообщение об акции. В интернет-магазинах через сторис часто информируют о новых акциях или напоминают о действующих предложениях.
- Поддержание интереса к материалам. Особенностью историй является запоминающийся заголовок и привлекающий внимание графический контент. Умело сочетая эти элементы, можно перенаправить пользователя на определенные материалы, даже на старые.
- Быстрый анонс. Например, рассказать о новом партнерстве, предстоящей поездке или продемонстрировать тизер намеченного проекта.
- Публикация поздравления. Нередко такое сообщение актуально только в течение одного дня, и нет смысла создавать полноценную новость. Вместо этого его можно выразить в формате красиво оформленной истории.
Это лишь некоторые варианты использования историй, которые могут иметь значение для всего проекта. Также данный формат имеет смысл применять на отдельных страницах или в конкретных разделах. Например, через сторис можно разместить:
- примеры образов на страницах с одеждой, обувью или аксессуарами;
- инструкции по обращению с товаром;
- ответы на часто задаваемые вопросы;
- расписание работы магазина;
- ссылки на опросы или викторины;
- бэкстейдж с информацией о процессе создания продукта;
- отзывы пользователей.
Формат историй актуален для любых тематик и типов веб-сайтов. Важно только правильно использовать этот инструмент, чтобы добиться желаемого эффекта.
Каковы преимущества сторис для сайтов?
Этот формат контента может выполнять несколько функций:
- Привлечь внимание аудитории. Истории размещаются на видном месте и, при правильной подаче, побуждают пользователя к действию. Это прекрасная возможность заинтересовать посетителя услугами, товарами или статьями.
- Увеличить конверсию или вовлеченность. В зависимости от целей веб-мастера, можно использовать сторис для повышения продаж или увеличения времени, проведенного на сайте.
- Установить контакт с аудиторией. С помощью сторис можно сделать сайт более «живым», показывая пользователям «внутреннюю кухню» проекта.
- В социальных сетях пользователи привыкли воспринимать сторис как что-то оригинальное и «неуловимое». Обычно они доступны только сутки в общей ленте, после чего исчезают или объединяются в архив. Желая не пропустить что-то важное, пользователи чаще кликают на сторис, нежели на стандартные новости в ленте.
Монетизация уникального формата
Стоит отметить, что сторис являются инструментом для получения дополнительного дохода для владельцев ресурсов или аккаунтов. Существует несколько способов заработать на таких публикациях:
- Прямые продажи товаров или услуг через обзор или другой способ представления.
- Публикация подборок товаров или услуг с ссылками на определенные продукты.
- Перенаправление пользователей на другие ресурсы по реферальным ссылкам.
- Размещение рекламных баннеров в историях.
Информативные и интересные сторис будут привлекать внимание пользователей к сайту, а опытный веб-мастер без труда найдет пути для их монетизации.
Как установить WPStories: инструкция
WPStories, разработанное командой WPShop, является одним из лучших плагинов для создания блочных сторис на WordPress. Он прост в использовании как для посетителей сайта, так и для администраторов.
Приобрести его можно у разработчиков, а по кнопке ниже возможно сделать это с эксклюзивной скидкой для читателей нашего ресурса.
Лицензия на WPStories
После приобретения WPStories, вам необходимо скачать .zip файл с расширением из личного кабинета в магазине разработчиков. Затем, в административной панели, перейдите в раздел «Плагины» — «Добавить новый», и нажмите на кнопку «Загрузить плагин».
Выберите загруженный файл .zip и нажмите «Установить».
После установки остается только активировать плагин и ввести лицензионный ключ в разделе «Настройки» — «WPStories».
Ключ лицензии доступен в личном кабинете на сайте WPShop, где вы приобрели расширение.
Обзор доступных инструментов в WPStories
После установки вам нужно приступить к оформлению историй. Все настройки выполняются прямо в кастомайзере WordPress. Нажмите на кнопку «Настроить» в верхней части админ-панели.
После этого откроется кастомайзер, где будет создан отдельный пункт для плагина WPStories.
Давайте подробнее рассмотрим опции и функции данного расширения.
Визуальные настройки
В этом разделе дизайнер или веб-мастер задает, как будут отображаться анонсы историй.
Они должны быть привлекательными, бросаться в глаза и вызывать желание кликнуть. При этом важно, чтобы они органично вписывались в общий дизайн сайта.
Настройки можно разбить на четыре основные категории:
- Рамка. Параметры «Цвет рамки», «Радиус» и «Ширина рамки» отвечают за ее внешний вид.
- Общие размеры анонса. К ним относятся параметры «Ширина» и «Высота».
- Изображение в рамке. Параметр «Отступ» определяет расстояние от рамки до изображения.
- Параметры фида. В настройке «Максимальная ширина фида» указывается, насколько широко он может быть на странице. Параметры «Отступ сверху» и «Отступ снизу» отвечают за соответствующие расстояния от фида до других элементов.
Удобно, что все изменения отображаются в реальном времени в предварительном просмотре, что позволяет моментально оценить, насколько красиво и правильно оформлены анонсы и сам фид.
Заголовок
Настройки заголовка истории, который видят пользователи при посещении сайта. Важно корректно подбирать параметры в зависимости от дизайна и длины заголовков.
Опции довольно интуитивно понятные:
- Цвет. Задается цвет шрифта для заголовка.
- Позиция. Место, где будет располагаться заголовок: сверху, снизу, поверх или вовсе не показан. Если выбрано положение «Поверх», то основное изображение немного затемняется для лучшей читаемости заголовка.
- Размер. В этой опции устанавливается размер шрифта для заголовка.
- Выравнивание. Можно сделать выравнивание по центру, слева или справа; классическим считается вариант по центру.
- Количество строк. Указывается, сколько строк заголовка будет отображаться. Если заголовок превышает заданное количество строк, он автоматически обрезается с добавлением многоточия в конце.
При установке заголовка сверху или снизу от изображения особенно важно правильно подобрать сочетание параметров «Размер» и «Количество строк», опираясь на среднюю длину заголовков ваших историй.
Истории
Это ключевой раздел, с которым вам предстоит работать после задания основных опций. Здесь веб-мастер создает и добавляет слайды.
При первом входе в этот раздел вы увидите только одну кнопку — «Добавить историю». Пожатие на неё откроет блок для создания первой сторис.
Существует несколько общих для всех типов историй параметров: заголовок, настройки цвета, настройки кнопки, миниатюра и так далее. В них определяются параметры самой истории и содержимого, для отображения которых изменения визуализируются сразу же после внесения, позволяя экспериментировать для оптимального оформления каждой отдельной сторис.
При конфигурации основным параметром является «Тип». Всего представлено 4 типа, и я расскажу, как их правильно применять.
Категория. Выбрав этот тип, вы сможете установить параметры публикаций из одной или нескольких категорий, которые будут отображаться в формате сторис. Когда выбран этот тип, появится строка «Категория». Здесь задаётся ID рубрик или их название. В поле ID допускается указать несколько значений, разделяя запятыми, а название разрешается указывать только одно.
Название задаётся согласно URL. Например, если категория называется «Путешествие», а материалы находятся по адресу /travel/, то для вывода сторис нужно ввести именно travel.
Также стоит уделить внимание параметрам «Максимальное число записей» и «Сортировать». Они определяют, какие посты будут выведены из указанной категории.
Записи. Параметры настройки данного типа практически идентичны типу «Категория», но здесь легче настроить вывод конкретных записей. Просто укажите ID и задайте основные параметры, после чего настройка завершится.
Этот способ вывода сторис мне особенно нравится, поскольку он помогает привлечь внимание к статьям или материалам на сайте, которые уже не находятся в основной ленте, но продолжают быть актуальными. Также это полезно, если материалы связаны с определённой датой, их удобно «подсветить» через историю.
Свой. Это самый гибкий и самый сложный тип отображения историй. Здесь вам предоставляются все настройки, необходимые для детальной конфигурации каждого кадра.
При выборе этого типа внизу появится опция «Добавить кадр». Каждый кадр представляет собой набор параметров, где можно добавить фотографии, видео, настроить кнопку с целевым УРЛом, выводить текст и указать дополнительные опции. Настройка очень детализированная и позволяет создавать по-настоящему привлекательные конверсионные истории.
WPStories поддерживает как изображения, так и видеоматериалы (в формате MP4).
Реклама. Название говорит само за себя — это функция для вывода рекламного кода. Если на сайте несколько сторис идут подряд, имеет смысл вставить рекламу между ними, чтобы получить доход от просмотров. Установив рекламный код, можно указать пометку «Реклама» в правом нижнем углу сторис и выбрать, должна ли она отображаться в общей ленте с миниатюрами.
Группы
В разделе «Истории» присутствует пункт «Группа», в котором задаются правила для групп.
Каждую сторис контент-мейкер может отнести к одной или нескольким группам, что необходимо для задания параметров отображения для пользователей.
По умолчанию имеется группа Default, которую нельзя убрать, но её параметры можно изменить.
Для каждой группы настраиваются:
- Название. Данное название помогает понять функцию группы.
- Устройство. Настройки для показа только на телефонах, только на ПК или на любых устройствах.
- Тип показа. Выбор между отображением везде или по установленным правилам. При выборе второго варианта можно задать конкретные условия показа для данной группы, например, отображать её только в записях или на странице 404.
Если сторис отнесены к нескольким группам, то правила обрабатываются сверху вниз; однако существует галочка, позволяющая изменить порядок обработки.
Настройки
Здесь располагаются общие параметры для всех сторис, которые можно разделить на несколько категорий:
- Активация. Опция «Включено» позволяет показывать все сторис на фронтенде, и они становятся видимыми для всех посетителей согласно заданной логике. Если необходимо временно отключить этот формат на время настройки, просто снимите галочку. Это очень полезная функция.
- Длительность. Задаёт время отображения слайда. В зависимости от объёма контента следует выбирать оптимальное значение в секундах.
- Кнопки закрытия и перелистывания. Их можно активировать или деактивировать, а также настроить цвета и другие параметры.
- Префикс хэша. Технический параметр, помогающий определить URL для доступа к stories.
Следует напомнить, что под хэшем подразумевается буквенно-цифровая комбинация, которая отображается в URL после знака #.
- Публикация на устройствах. Указывает общие параметры отображения на различных устройствах.
- Анимация. Определяет общую анимацию по умолчанию для всех сторис при переходе между ними.
- Изображение записи. Настройка размера картинки для анонса.
Как вывести истории
Существует два основных способа отображения контента из ВПСторис в нужных областях сайта:
PHP-код. В файле темы вставьте код для вывода блока. Например, если это нужно сделать сразу после шапки, то в теме WordPress за эту область обычно отвечает файл header.php. В нужное место кода вставьте:
Для отображения определённой группы историй можно использовать следующий код:
Второй аргумент в данном примере — это наименование группы.
Шорткод. Используя шорткод [wpstories groups=””], можно вывести выбранные группы в определённых местах сайта. Шорткод будет удобен для вставки сторис непосредственно в статьи или на целевые страницы.
Бонус: интеграция через плагин
Если вы используете одну из тем от WPShop, в настройках плагина WPStories есть пункт «Интеграция». С его помощью можно указать, где выводить блок Stories: после шапки, перед или после контента, перед футером.
Не забудьте, что у WPShop есть множество разнообразных Premium-тем для WordPress-сайтов:
- Reboot — популярный вариант для блогов, визиток, порталов с услугами.
- JournalX — шаблон для журналов, идеально подходящий для привлекательного отображения текстовых материалов.
- Root — быстрый и простой в настройке шаблон, который легко адаптируется под любые задачи.
- Cook It — тема для создания кулинарных сайтов с рецептами.
- Yelly — социальный шаблон для быстрого распространения контента в вирусном формате.
- Bono — тема для интернет-магазина, которая отлично работает с WooCommerce.
-10% на любую тему WPShop
Готовые шаблоны для сторис
Разработчики плагина “ВПСторис” подготовили для пользователей множество бесплатных PSD-шаблонов для Photoshop. С их помощью можно быстро создавать привлекательные истории без привлечения дизайнера.
В наличии более 20 шаблонов. Я выделю несколько, которые представляются наиболее интересными.
Варианты для блогов или сайтов с инструкциями:
Решения для кулинарных проектов или сервисных сайтов:
Шаблоны для размещения акционных предложений магазинов:
Стильные и простые в настройке шаблоны для историй доступны всем владельцам лицензии WPStories в специальном разделе на форуме.
Рекомендую посетить демонстрационный сайт WPStories, где представлены примеры оформленных сторис. На них можно взглянуть как на образцы или просто почерпнуть идеи для вдохновения.
Совет: Еще больше идей можно получить через поисковые системы. Просто введите запрос Stories Example или Story Content Ideas и вдохновляйтесь тысячами примеров эффективного использования сторис.
Где купить плагин WPStories
Как и все разработки от компании “ВПШоп”, данное расширение доступно в их официальном магазине. Рекомендую воспользоваться промокодом, который позволит сэкономить:
Активировать промокод на WPStories
Цены на плагин, принимая во внимание его продуманность и функциональность, достаточно приемлемые. Они варьируются в зависимости от количества доменов, на которых вы планируете использовать решение.
Рекомендую сначала приобрести плагин для 1 домена, установить его и оценить качество. После того как разберётесь с его функционалом, можно внедрять его на другие проекты.
Обратите внимание: в любое время лицензию на WPStories можно расширить без дополнительных затрат.
Почему не стоит использовать бесплатно WPStories nulled?
Взломанные версии существуют практически для любого программного обеспечения, и плагины для WP не исключение. На различных объявлениях, торрент-сайтах и в телеграм-каналах можно встретить продукты WPShop в взломанном виде. Взломанные популярные плагины и темы пользуются спросом среди пользователей.
Применение нулевой версии WPStories не только проявляет неуважение к разработчикам, создавшим и поддерживающим качественный продукт, но также сопряжено с серьезными рисками.
Для тех, кто профессионально занимается веб-сайтами, такие ресурсы становятся источником дохода: через рекламу, продажу услуг, товаров и т.д. Использование пиратских версий программ может привести к потере контроля над проектом, как полностью, так и временно.
На сайтах, использующих эквайринг, существуют дополнительные риски утечки конфиденциальной информации клиентов из-за вирусов, интегрированных во взломанный плагин.
Версия nulled часто оказывается устаревшей. Разработчики регулярно предоставляют обновления для расширения, чтобы обеспечить его совместимость с актуальными версиями WordPress и PHP. Инсталляция взломанного плагина может вывести веб-ресурс из строя на несколько часов, и потребуется помощь программистов для решения возникших проблем.
Также не стоит забывать о нарушении авторских прав. Поскольку WPShop является российским разработчиком, использование его взломанных программ является грубым нарушением закона, что может повлечь судебные последствия.
Кроме всего вышеперечисленного, пользователи взломанного программного обеспечения лишаются множества привилегий, доступных владельцам лицензий WPStories:
- Пожизненные бесплатные обновления.
- Доступ к библиотеке шаблонов для сторис.
- Год технической поддержки через тикет-систему, где специалисты “ВПШоп” готовы помочь с любой проблемой.
- Возможность задать вопрос на закрытом форуме, где общаются вебмастера, использующие WPStories и делятся ценными советами по эффективному применению плагина.
Выводы
Для того чтобы сайт функционировал успешно и удерживал посетителей, стоит использовать актуальные методы привлечения внимания, которые уже зарекомендовали себя. Сторис на сегодняшний день получил широкое распространение, и если такие крупные компании, как социальные сети, банки и сервисы доставки внедряют этот формат в свои приложения, это свидетельствует о его результативности.
WPStories является одним из лучших плагинов в своей категории. Его настройки просты, но в то же время эффективны. С этим инструментом может успешно работать не только вебмастер или программист, но даже обычный менеджер.
*Instagram признан экстремистской организацией и запрещен на территории РФ