Ваша домашняя страница плагина неэффективна? Узнайте, как украсить его

Опубликовано: 2016-07-06

Не имеет значения, является ли ваш последний плагин WordPress лучшим после нарезанного хлеба — если ваша домашняя страница не работает , никто не захочет ее скачивать.

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

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

1. Четкий, лаконичный слоган

Первый шаг к созданию эффективной домашней страницы для вашего плагина — это четкий и лаконичный слоган, в котором кратко поясняется следующее:

  • Что делает ваш плагин
  • Как это улучшает сайты WordPress
  • Зачем это нужно вашим посетителям

Ключевое слово здесь кратко . Не заполняйте всю страницу текстом. Слоган должен состоять не более чем из одного абзаца, а в идеале — даже из одного предложения.

Думайте об этом как о супер-уменьшенном лифте.

Первый шаг к эффективной домашней странице плагина — броский и краткий слоган.Tweet

Пример: гравитационные формы

Gravity Forms — прекрасный пример принципа слогана. Если вы посмотрите на их домашнюю страницу, вы сразу заметите один фрагмент текста, это их слоган.

Clear-Tagline-Gravity-Forms

Короткий слоган гласит: «Gravity Forms — это самый простой инструмент для создания расширенных форм для вашего веб-сайта на базе WordPress» .

Он отвечает на все три вопроса, которые мы обсуждали выше:

  • Что делает плагин — «Создание расширенных форм»
  • Как это улучшает веб-сайты WordPress — «Расширенные формы для вашего веб-сайта на базе WordPress»
  • Зачем это нужно посетителям — «Самый простой инструмент»

2. Немедленная ссылка/призыв к действию

Следующий элемент, который должен быть на вашей домашней странице, — это непосредственная ссылка на дополнительную информацию о плагине или призыв к действию, чтобы узнать больше или приобрести плагин. Эта ссылка/призыв к действию должны быть в верхней части страницы (чтобы посетители увидели ее, как только зайдут на вашу домашнюю страницу) или, по крайней мере , на следующей странице вниз.

Непосредственная ссылка/призыв к действию выполняет две задачи.

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

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

Пример: Акисмет

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

Immediate-Link-CTA-Akismet

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

3. Продемонстрируйте свой плагин

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

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

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

Очевидно, вам действительно придется подойти к этому элементу с помощью вашей А-игры. Если ваша витрина будет некачественной или плохо продуманной, это создаст в сознании посетителей только негативное впечатление.

Пример: OptinMonster

OptinMonster отлично справляется с размещением своего продукта на своей домашней странице.

Плагин-витрина-OptinMonster

На домашней странице используется комбинация снимков экрана, изображений в формате GIF и текстовых пояснений некоторых функций OM, чтобы сообщить посетителю о функциях плагина. Обратите внимание, что страница также не выходит за рамки и не заваливает нас большими связками изображений одно за другим. Вместо этого OM делает его простым, чистым и минимальным.

4. Социальное доказательство

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

Учитывая контекст домашней страницы плагина WP, вот три простых способа создать социальное доказательство:

  1. Отображение логотипов различных публикаций WordPress, в которых был представлен ваш плагин.
  2. Особенности отзывы от клиентов
  3. Покажите положительные отзывы о вашем плагине от уважаемых разработчиков/компаний WordPress.

Пример: WP Ракета

WP Rocket использует социальное доказательство несколькими изящными способами. Во-первых, они показывают живой счетчик клиентов, уже использующих плагин.

Social-Proof-Number-Customers-WP-Rocket

Во-вторых, они отображают несколько логотипов некоторых из своих самых известных пользователей, таких как CoSchedule, ThemeIsle и SeedProd.

Social-Proof-Customers-Logos-WP-Rocket

Наконец, у них есть отзыв от одного из их клиентов, а также ссылка на «Стену астронавтов» (всплывающее окно, которое отображает больше отзывов).

Social-Proof-Testimonial-WP-Rocket

Все эти социальные доказательства создают имидж бренда WP Rocket и вызывают доверие к разработчикам.

5. Список функций

И последнее, но не менее важное: у нас есть список функций. Список функций — это именно то, что подразумевает его название: краткий каталог функциональных возможностей вашего плагина.

Еще раз, ключ здесь должен быть кратким. Вы не хотите перечислять каждую функцию, на которую способен ваш плагин. Например, большинство недавно созданных плагинов уже готовы к переводу, поэтому подобная общая функция не обязательно будет тем, что вы хотели бы перечислить здесь.

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

Пример: ManageWP

ManageWP превосходно включает список функций на свою домашнюю страницу, который подчеркивает функциональность их панели управления WordPress.

Список функций ManageWP

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

Они также позаботились о том, чтобы список был визуально привлекательным благодаря структурированному дизайну и тонкому (и изящно анимированному) набору значков, который идеально сочетается с остальным языком дизайна веб-сайта.

БОНУС: создание эффективной кнопки «Купить» для привлечения платных пользователей

Если вы хотите, чтобы ваши посетители превращались в платных пользователей, то кнопка «Купить» является абсолютной необходимостью.

Хорошая кнопка покупки имеет следующие характеристики:

  1. Очень четко выделяется на странице.
  2. Содержит эффективный призыв к действию.

Вернемся к WP-Rocket, потому что на их домашней странице также есть отличный пример кнопки «Купить». Кнопка находится прямо на главной странице и в верхней части страницы, поэтому посетители могут сразу ее увидеть и принять меры.

Купить-Кнопка-WP-Ракета

Gravity Forms также хорошо реализует кнопку покупки. Они используют такие тексты, как «Всего 39 долларов» и «Мгновенная загрузка» в призыве к действию, чтобы посетители чувствовали, что получают выгодную сделку.

Gravity-Forms-Buy-Button

Если вы действительно хотите вывести кнопку «Купить» на новый уровень, вам следует рассмотреть Freemius Checkout. Одна из функций продукта превращает кнопку покупки в ссылку, которая запускает всплывающее окно, из которого посетители могут напрямую приобрести премиум-версию вашего плагина.

Вы можете продемонстрировать эту кнопку покупки на этой странице .

Freemius-касса

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

Резюме: как создать эффективную домашнюю страницу плагина

Давайте быстро напомним пять важнейших компонентов, необходимых для продуктивной домашней страницы, которую мы только что обсуждали:

  1. Четкий , лаконичный слоган , который в нескольких предложениях объясняет, что представляет собой ваш продукт, чем он полезен и почему посетителям следует его загрузить.
  2. Немедленная ссылка/призыв к действию после вашего слогана, чтобы посетители могли перейти непосредственно на страницы с дополнительной информацией/загрузкой.
  3. Демонстрация вашего плагина , демонстрирующая некоторые его функции.
  4. Очевидное социальное доказательство , чтобы завоевать доверие.
  5. Краткий список функций , чтобы выделить наиболее важные возможности вашего плагина.

Теперь, когда вы знаете все элементы, из которых он состоит, у вас нет оправдания, чтобы не создать потрясающую страницу загрузки продукта для вашего плагина WordPress. Приступайте к созданию!

Вам слово: как вы планируете использовать эту информацию для улучшения домашней страницы вашего плагина? Какие еще элементы вы используете на своем сайте? Поделитесь своими мыслями в комментариях ниже!