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