Перейти к содержимому


Шаблон Сияние. Конверсия +9.07%


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 40

#1 support

support

    Активный участник

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 05 Ноябрь 2011 - 18:36

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

Обновление шаблона Сияние - рост конверсии +9.07%
Обновление заключается в изменении кода в разделе "Сайт" > "Редактор тем", в шаблоне "Товар" с:
<a class="more-link goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Cравнить</a>
						<a class="more-link goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Не сравнивать</a>

На:
<a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a>
						<a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Убрать из сравнения</a>

А так же добавили стиль в шаблон main.csstemplate:
.goodsDataCompareButton {
  display: block;
  font-size: 12px;
  text-align:center;
  width: 150px;
}

Скриншоты:
1-original.jpg 2.jpg

Статистика:
Всего протестировано 23 043 пользователя
Цель																			 Оригинал	   Вместо кнопки - ссылка
Протестировано 																	  11519			11552
Действие (Пользователь кликнул куда-нибудь, а не просто закрыл страницу)		  35.97%		   36.96% (+2.74%)
Перешёл в корзину																 3.88%			4.23%  (+9.07%)
Оформление шаг 1. Контакты														2.53%			2.80%  (+10.64%)

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

Данный код уже внедрён в новые шаблоны. Для обновления магазинов можно использовать несколько вариантов обновления:
1) Просто переустановить тему в разделе "Сайт" > "Редактор тем"
2) Создать бэкап шаблона в разделе "Сайт" > "Редактор тем", затем переустановить тему, скопировать код шаблона "Товар" и код файла main.csstemplate, затем восстановить тему из бэкапа, и заменить в ней файлы на скопированные
3) Вставить код в шаблоны самостоятельно, как описано выше.


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

#2 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 06 Ноябрь 2011 - 13:49

А, если у меня как на скриншоте, что мне надо изменить, только надпись сравнить > добавить к сравнению

А
.goodsDataCompareButton {
  display: block;
  font-size: 12px;
  text-align:center;
  width: 150px;
}

надо добавить?

Прикрепленные изображения

  • 1.jpg


#3 support

support

    Активный участник

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 06 Ноябрь 2011 - 14:51

Просмотр сообщенияvelena168 (06 Ноябрь 2011 - 13:49) писал:

А, если у меня как на скриншоте, что мне надо изменить, только надпись сравнить > добавить к сравнению

А
.goodsDataCompareButton {
  display: block;
  font-size: 12px;
  text-align:center;
  width: 150px;
}

надо добавить?
Да, совершенно верно.

P.S. текст надписи "сравнить > добавить к сравнению", как нам сказали, не сильно влияет на конверсию, просто надпись "добавить к сравнению" более понятна пользователям

#4 deckmaster

deckmaster

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений

Отправлено 19 Ноябрь 2011 - 12:10

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

Ждем с нетерпением - время уже подошло.

#5 Flor@@@

Flor@@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 04 Декабрь 2011 - 03:56

а если у меня стоит:
<td class="goodsDataFormSubmitButton">
<a class="more-link"  onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину" href="#">Купить</a><br /><br />

Мне что на что поменять нужно будет?

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Декабрь 2011 - 18:02

В данной теме говориться о кнопке "Cравнить", а не о "В корзину" (у вас "Купить") Если у вас уже сделано то что предлагалось, то вам больше делать ничего не нужно.

#7 Flor@@@

Flor@@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 06 Декабрь 2011 - 02:41

то есть мне просто нужно заменить надпись "сравнить", на "добавить к сравнению"?

Ну так бы и сказали сразу :lol: , ничего личного, но мы же больше пользователи здесь, а не программисты и конверсия понимания данной ветки и уменьшения вопросов и траты вашего (а в общем-то и нашего) времени как команды для ответов на них лежит в том, чтобы просто добавить к вашему первому посту фразу: "замените надпись "..." на "..."".

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

Что мне необходимо поменять или добавить и где :rolleyes: ?

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 06 Декабрь 2011 - 18:48

У вас должен быть подобный код в шаблоне "Товар"

<a href="#" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" class="more-link goodsDataCompareButton add">Cравнить</a>


#9 Flor@@@

Flor@@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 07 Декабрь 2011 - 02:44

нашла!!! только у меня он вот такой:


<a class="more-link goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Cравнить</a>



при изменении на

<a class="more-link goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a>

получается, смотрите скрин:



скрин

#10 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 07 Декабрь 2011 - 17:53

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

#11 Flor@@@

Flor@@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 07 Декабрь 2011 - 23:56

да, текст больше изображения кнопки.

Пока что ничего не стала изменять.





А как же в другом шаблоне решается эта проблема? ведь по идее исправить надо, чтобы увеличить конверсию.



#12 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Декабрь 2011 - 20:58

В других шаблонах данный вопрос решается аналогично.

#13 Flor@@@

Flor@@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 26 Февраль 2012 - 22:58

как увеличить-таки размер кнопки?

И еще хотелось бы под этими кнопками разместить еще одну: "таблица сравнений". ведущую на страницу сравнения. а то покупатели не понимают где искать сравниваемые товары, ссылка на данный момент расположена далеко и неудобно.



#14 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 27 Февраль 2012 - 15:23

Цитата

как увеличить-таки размер кнопки?

Изменив само изображение read_more.jpg в графическом редакторе.

Цитата

И еще хотелось бы под этими кнопками разместить еще одну: "таблица сравнений". ведущую на страницу сравнения. а то покупатели не понимают где искать сравниваемые товары, ссылка на данный момент расположена далеко и неудобно.

Вам необходимо вставить кнопку с ссылкой на http://otdyh-i-son.ru/compare

Например

<a href="http://otdyh-i-son.ru/compare" title="Таблица сравнения" class="more-link"Таблица сравнения</a>


#15 Flor@@@

Flor@@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 27 Февраль 2012 - 16:11

добавила ссылку: <a href="http://otdyh-i-son.ru/compare" title="Таблица сравнения" class="more-link"Таблица сравнения</a>, появилось 2 лишних кнопки, обе ведут к таблице сравнения и ни одна не подписана ((.

#16 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 28 Февраль 2012 - 18:11

Прошу прощения, заметила опечатку (не закрыт тег) используйте

<a href="http://otdyh-i-son.ru/compare" title="Таблица сравнения" class="more-link">Таблица сравнения</a>


#17 Flor@@@

Flor@@@

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 822 сообщений
  • Городмосква

Отправлено 28 Февраль 2012 - 19:16

спасибо большое. правда кнопки немного сливаюются все равно.






#18 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 29 Февраль 2012 - 20:10

Добавьте после вашей кнопкой <br /><br /> т.е получиться так

<a href="http://otdyh-i-son.ru/compare" title="Таблица сравнения" class="more-link">Таблица сравнения</a>
<br /><br />


#19 ogonek7777

ogonek7777

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 109 сообщений
  • ГородМосква

Отправлено 14 Апрель 2012 - 12:10

Просмотр сообщенияsupport (05 Ноябрь 2011 - 18:36) писал:

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

Обновление шаблона Сияние - рост конверсии +9.07%
Обновление заключается в изменении кода в разделе "Сайт" > "Редактор тем", в шаблоне "Товар" с:
<a class="more-link goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Cравнить</a>
						<a class="more-link goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Не сравнивать</a>

На:
<a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить &laquo;{GOODS_NAME}&raquo; к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a>
						<a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами" href="#" >Убрать из сравнения</a>

А так же добавили стиль в шаблон main.csstemplate:
.goodsDataCompareButton {
  display: block;
  font-size: 12px;
  text-align:center;
  width: 150px;
}

Скриншоты:
Прикрепленный файл 1-original.jpgПрикрепленный файл 2.jpg

Статистика:
Всего протестировано 23 043 пользователя
Цель																		 	Оригинал   	Вместо кнопки - ссылка
Протестировано																   	11519			11552
Действие (Пользователь кликнул куда-нибудь, а не просто закрыл страницу)		  35.97%	   	36.96% (+2.74%)
Перешёл в корзину															 	3.88%			4.23%  (+9.07%)
Оформление шаг 1. Контакты														2.53%			2.80%  (+10.64%)

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

Данный код уже внедрён в новые шаблоны. Для обновления магазинов можно использовать несколько вариантов обновления:
1) Просто переустановить тему в разделе "Сайт" > "Редактор тем"
2) Создать бэкап шаблона в разделе "Сайт" > "Редактор тем", затем переустановить тему, скопировать код шаблона "Товар" и код файла main.csstemplate, затем восстановить тему из бэкапа, и заменить в ней файлы на скопированные
3) Вставить код в шаблоны самостоятельно, как описано выше.


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

Не могу понять, "Добавить к сравнению" эффективнее сделать ссылкой или кнопкой?

#20 support

support

    Активный участник

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 17 Апрель 2012 - 19:10

Просмотр сообщенияogonek7777 (14 Апрель 2012 - 12:10) писал:

Не могу понять, "Добавить к сравнению" эффективнее сделать ссылкой или кнопкой?
Эффективнее когда уход пользователя на сравнение выглядит как ссылка, а в корзину - кнопка.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных