Сверх популярный на западе компонент для организации интернет магазина на Joomla. Разработан французкими разработчиками.

И мы его решили его привести в России. Для начала создали сайт про HikaShop и уже сейчас он имеет самую актуальную информацию об нем.

Кстати да кто не верит о том, что HikaShop один из самых развивающихся интернет магазинов прочитайте объем нововведений в очередном обновлении HikaShop и сравните его с конкурентами. Я думаю, что все сразу становится понятным.

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

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

1. Человек обращает, сколько лайков накликано.
2. Человек не хочет просто так лайкать вашу страницу (собственно, зачем ему лайкать страницу интернет магазина в принципе с однотипным товаром).
3. Человек хочет скидку или какое-нибудь предложение, применительно к женскому покупателю, нужно оправдание покупки (дешево, красиво, необходимо, скидка).

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

В чем суть процесса.

Надо сделать условие при, котором человеку надо оставить лайк в социальной сети, чтоб получить скидку. С этим, как раз отлично справляется расширение JL Social Interlock, который с недавнего времени работает с такими популярными магазинами для Joomla, как JoomShopping и Virtuemart.

Суть работы проста мы пишем текст: Поставь лайк и получишь скидку 5% — 10% — 20%, скидка должна быть такова, чтоб достаточно быть ценной для покупателя (так как покупатель достаточно ленив, чтоб просто так кликать на всякие лайки) и при этом не влиять на прибыль. Но вот вопрос? Как дать скидку? И при этом еще и проконтролировать, что лайк действительно стоит? Тут нам поможет, как раз социальный замок для Joomla.

Алгоритм действий.

1. Создаем скидочный купон для магазина JoomShopping или Virtuemart.

2. Используя теги вставляем такую комбинацию:

{jllikelock}Ваш купон{/jllikelock}

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

3. Вставляете все это в товар, и остается только ждать.

Такие допустим результаты у нас на демо сайте:

При том, что за два месяца страницу просмотрело около 600 человек (которые перешли с сайта Joomline), на ней осталось более 100 лайков. То есть каждый пятый оставил лайк и после этого не удалил. Пример страницы.

Кто-то скажет, это лишь демо сайт :-) И люди там кликают, чтоб проверить, на это у нас есть другой пример. Страница социальных закладок, которую просмотрело почти 3000 человек, результат вы можете просмотреть сами.

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

Теперь посчитаем плюсы от использования социального замка, как инструмента для повышения продаж интернет магазина:

1. Вы даете покупателю выбор получить скидку или нет.
2. Вы даете возможность оправдать покупку.
3. Вы повышаете ценность скидки на товар. (То есть психологически, человек воспринимает, получение скидки не, как халяву, а как покупку скидки, собственно это одна из причин, почему всякие биглионы берут деньги за купоны, человек купивший скидку, куда как чаще пользуется ей, нежели человек, который просто получил ее).
4. Повышаете субъективную ценность товара у потенциальных клиентов, которые используют повседневно социальные сети.
5. Вы привлекаете через социальные сети новых клиентов.
6. Вы повышаете лояльность поисковых систем, улучшаете индексацию вашего магазина.

Собственно, наверное, и все. Под конец ссылки:

Описание JL Social Interlock

Ссылка на подписку JL Social Interlock

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

И так недавно мы выкатили новый сайт Joomline, призванный заменить сайт магазина joomline.net. До этого сайт работал на Joomla 1.5 и использовал Virtuemart, еще линейки 1.1.x.

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

Цели поставленные перед новым магазином:

1. Простота организации.
2. Система на типа подписки.
3. Платежные системы Robokassa и Paypal c возможностью расширения.
4. Joomla 2.5 c возможностью простого обновления до версии Joomla 3.x
5. Файловое хранилище.

На самом деле требований было на лист, но я перечисляю основные, которые были действительно важными.

Так как писать свое было достаточно долго и дорого, было предложено рассмотреть альтернативы, не важно платные или бесплатные.

Как не странно при разнообразии всех систем выбор был между 2-3 не более, но больше всего лично мне понравилось решение Akeeba.

Дело в том, что я давно присматривался к решению Akeeba Release System (расширение для организации файлового хранилища Joomla), а тут оказалось что у Николаса есть не только Release System, но и Akeeba Subscriptions. При этом они прекрасно интегрируются друг с другом и имеют все необходимое, даже больше чем я смел мечтать.

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

Собственно мы отлично поговорили с Николасом, когда общались с ним по поводу Akeeba Subscriptions и он даже пообещал написать плагин для Robokassa, что и сделал в релизе 2.5, за что ему огромное спасибо. После релиза компонента версии 2.5 мы собрали полностью сайт до конца и перевели на него Joomline.net.

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

Напомню, что rel=«canonical» позволяет указать предпочитаемый урл для индексации среди группы похожих/одинаковых страниц.

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

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

Чтобы исключить попадания в выдачу 2,3...10 страницы категории или производителя, нам потребуется дополнить 2 шаблона магазина.

1. /templates/ШАБЛОН/html/com_jshopping/category/category_default.php

<?php $document = JFactory::getDocument(); $docstart = JRequest::getInt('start',0); $docroute = rtrim(JURI::root(), '/').JRoute::_('index.php?option=com_jshopping&controller=category&task=view&category_id=' . $this->category->category_id . ''); if($docstart > 0) { $document->addHeadLink($docroute, 'canonical', 'rel', ''); }?>

2./templates/ШАБЛОН/html/com_jshopping/manufacturer/products.php

<?php $document = JFactory::getDocument(); $docstart = JRequest::getInt('start',0); $docroute = rtrim(JURI::root(), '/').JRoute::_('index.php?option=com_jshopping&controller=manufacturer&task=view&manufacturer_id=' . $this->manufacturer->manufacturer_id . '');  if($docstart > 0) { $document->addHeadLink($docroute, 'canonical', 'rel', ''); }?>

Проверьте чтобы в исходном коде появился тег <link> 

Таким образом, на всех страницах с пагинацией, вроде /category?start=24, /category?start=48, будет установлен атрибут rel=«canonical», который будет указывать на главную страницу категории /category и только она будет участвовать в ранжировании.

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

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

Итак, приступим к пошаговой реализации:

1. Загружаем fancybox  (ссылка прямая!)

2. Из архива достаем:   

• jquery.fancybox.pack.js кидаем в /templates/ваш_шаблон/js/     
• jquery.fancybox.css и картинки (blank.gif, fancybox_loading.gif, fancybox_sprite.png) в /templates/ваш_шаблон/css/  

(в принципе кидать вы можете куда угодно, хоть в корень, только помните про пути :-))

3. Если шаблоны Joomshoppinga не переопределены, то переопределяем.

Папку /components/com_jshopping/templates/default/ переименовать в com_jshopping  и положить в /templates/ваш_шаблон/html/* (это требуется сделать, чтобы после обновления компонента не потерять наши правки в шаблонах)

4. Создаем файл js.js, с таким содержимым

jQuery(document).ready(function(){ var ajlinks = jQuery('.vip-module a'); jQuery(ajlinks).each(function(idx,el){ var oldhref = jQuery(el).attr('href'); jQuery(el).attr('href', oldhref+'?ajcom=shop'); }); jQuery(ajlinks).fancybox({ maxWidth: 800, maxHeight: 600, fitToView: false, width: '70%', height: '70%', autoSize: false, closeClick: false, openEffect: 'none', closeEffect: 'none' }); }); 

5.  Теперь идем в index.php вашего шаблона, подключаем скрипты в <head></head>

<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/jquery.fancybox.pack.js" type="text/javascript"></script> <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/js.js" type="text/javascript"></script> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/jquery.fancybox.css" type="text/css" />  

После закрывающегося тега </head> вставляем

<?php  if (JRequest::getVar('ajcom')) { ?>    <jdoc:include type="message" />    <jdoc:include type="component" /> <?php } else { ?> 

В самом конце перед </html>

<?php } ?> 

На этом работу с index.php закончили.

6. Идем в /templates/шаблон/html/com_jshopping/product/product_default.php и в самом начале пишем условие

<?php  $tmpl = JRequest::getVar("ajcom");        if ($tmpl =="shop") { ?> /* здесь вы можете вынести только картинку, цену, описание, "купить" или на ваш выбор - что необходимо показать во всплывающем окне */ <?php } else { ?> /*тут вся страница товара как обычно */ <?php } ?>

Идем в /templates/шаблон/html/com_jshopping/list_products/product.php и в удобное место вставляем

<div class="vip-module">   <a href="<?php print $product->product_link?>" class="ajlinks" data-fancybox-type="iframe">Быстрый просмотр</a> </div>

На этом все. Вам лишь останется стилизовать ссылку «Быстрый просмотр», может быть сделать ее кнопкой — все это уже на ваш вкус.

Результат в дефолтном исполнении - 

Этот способ немного отличается от ранее предложенного на форуме, тем что не будет ссылок с окончание ?tmpl=component в теле документа, которые являются дублями карточки товара.

Также выпущен плагин «Быстрый просмотр» для Joomshopping. О всех возможностях и условиях покупки можно ознакомиться здесь - http://joomext.ru/plugin-joomshopping-product-quick-view

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

Для этого откроем шаблон товара /templates/Ваш_шаблон/html/com_jshopping/product/product_default.php (если его нет по этому адресу, то возьмите отсюда — /com_jshopping/templates/default/product/*) и начнем внедрять микроразметку формата schema.org

Во-первых весь шаблон нужно обернуть в такой див:

<div itemscope itemtype="http://schema.org/Product"></div>

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

<span itemprop="name">
<h1><?php print $this->product->name?><?php if ($this->config->show_product_code){?> <span class="jshop_code_prod">(<?php print _JSHOP_EAN?>: <span id="product_code"><?php print $this->product->getEan();?></span>)</span><?php }?></h1>
</span>    

<div itemprop="aggregateRating"
     itemscope itemtype="http://schema.org/AggregateRating">
 <?php if ($this->allow_review || $this->config->show_hits){?>
 <div class="raiting">
<?php if ($this->config->show_hits){?> 
<?php print _JSHOP_HITS?>:
<?php print $this->product->hits;?> 
<?php } ?>
<?php if ($this->allow_review && $this->config->show_hits){?> 
 |
<?php } ?> 
<?php if ($this->allow_review){?>
<?php print showMarkStar($this->product->average_rating);?>
<?php } ?>
</div>
<?php } ?>
<div class="none">
<span itemprop="ratingValue"><?php print $this->product->average_rating;?></span>
<span itemprop="bestRating">10</span>
<span itemprop="reviewCount"><?php print $this->product->reviews_count;?></span>
</div>
</div>

.none {display:none;}