Как параметр CSS opacity приводит клиентов

Поговорим о том, как привлечь внимание посетителя сайта к определенному блоку контента на сайте. Покажу вам каким образом благодаря всего одному параметру CSS удалось привести клиентов в новый филиал компании, продвижением которой занимаюсь.

Сайт уже работает давно (оказание услуг). Клиенты идут. Но тут в ноябре 2014 владелец открыл еще один, третий в городе, филиал компании.

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

Но беда в том, что никак не хотели целый месяц обращаться клиенты именно в третий, вновь открытый филиал. При этом посещалово сайта 88% новых хостов.

Как итог - в декабре подсчитано клиентом, что доходы за первый месяц в минус, т.к. в день было 1-3 обращения. В текущей экономической ситуации РФ - это не айс.

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

Примерно так:

contacts
contacts
contacts

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

Что было сделано

Для старых филиалов был использован параметр css под названием opacity. По ссылке можете почитать о нем. А использовать очень просто:

.block {opacity: 0.7}

Нужному блоку задаем значение от 0.0 до 1.0. Единица - значит стандарт, прозрачности нет. Приближаясь к нулю - делаем полупрозрачным.

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

Привет. Меня зовут Виталик и я автор этого блога, а так же Магазина WordPress https://wp-r.ru/.

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 3 комментария
  1. Андрей (129 комм.) says:
    http://zarobitok.ru/

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

    • Виталий (1675 комм.) says:
      http://mojWP.ru/

      Приветствую.
      Да, есть такая статья. Только в ней ничего нового не найдут, т.к. и здесь указано как использовать opacity. А сами статьи по смыслу разные.

      • Андрей (129 комм.) says:
        http://zarobitok.ru/

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

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2016 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 13.71MB | MySQL:65 | 0,362sec
Премиальные плагины для CMS WordPress
Магазин WordPress WP-R.ru
Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube
Иван только что купил плагин ELT
https://wp-r.ru/plaginy/elt.html