Красивые градиентные Css кнопки для повышения конверсии сайта

Термином "Конверсия" в Интернет-маркетинге определяют соотношение двух групп посетителей сайта:
  1. Посетители, которые выполняют определённые действия
  2. Все остальные посетители
Красивые кнопки, привлекающие внимание читателей, могут значительно повысить конверсию сайта, стимулируя переходы по партнёрским ссылкам, прямые покупки и т.д.

Krasiviye Css knopki


Подробнее об этом можно прочитать в интересной переводной статье на блоге Лены Камской.


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

Сервис предлагает готовые цветовые решения и возможность ручного редактирования внешнего вида кнопки. Нажав на ссылку "Edit button", вы откроете окно с простым и понятным интерфейсом редактора.



Здесь можно изменять цвет и размер кнопки, шрифт и содержание текста (поддерживает кириллицу), радиус закругления углов и т.д.

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

Пример:


Пример кнопки, приносящей деньги - здесь

Доброй охоты всем нам!

Ваш Retliff

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.



2 комментария:

  1. Скажите, а после какого тега вставлять код кнопки?

    ОтветитьУдалить
  2. @Вячеслав Иванов Если кнопка должна быть в теле статьи - просто вставляете её код в нужном месте на вкладке HTML встроенного редактора. Если она будет видна в шаблоне (например в сайдбаре) заходим Дизайн -- Добавить гаджет -- HTML/JavaScript -- вставляем код -- сохранить. Не забывайте прописать адрес, куда эта кнопка должна привести!:)

    ОтветитьУдалить

Буду очень признателен за Ваши доброжелательные комментарии!
Любые попытки втянуть автора и читателей в дискуссию, а так же ссылки на посторонние ресурсы - будут удалены.
Всем любителям "конструктивной критики" рекомендую прочитать статью http://maxpastukhov.com/critics