Рубрики
vam shop Заметки Новости Обучение Продажи Юзабилити

404 страница в VamShop

В VamShop 2 изменена 404 страница по умолчанию, теперь 404 страница выглядит вот так:

Что сделано:

  1. Теперь управлять 404 страницей можно прямо из Админки. В разделе Информация добавлена страница 404.
  2. Сама 404 страница изменена, дизайн 404 страницы теперь общий с магазином.
  3. В отладочном режиме работы вместо 404 страницы выводится отладочная информация, в рабочем режиме отладочная информация не выводится.
  4. На самой странице добавлен пояснительный текст.
  5. В качестве примера добавлен вывод товаров со скидкой прямо на страницу 404.

Управление 404 страницей в админке выглядит так же как и любой другой страницей:

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

Всё прямо из админки, никакой правки файлов.

Рубрики
vam shop Заметки Новости Обучение Продажи

Максимально упрощаем оформление заказа в VamShop 2!

По умолчанию в VamShop 2 оформление заказа выглядит на смартфоне/десктопе вот так:
vamshop2-fast-checkout8   vamshop2-fast-checkout6

В данной заметке расскажу как сделать на смартфоне/десктопе вот так:
vamshop2-fast-checkout9   vamshop2-fast-checkout7

Максимально упростим оформление заказа в магазине, даже со смартфонов/планшетов можно быстро и удобно оформить заказ.

Что мы будем делать:
1. Уберём обязательное поле email, обязательными будут только Имя и Телефон.
2. Уберём все остальные лишние поля.
3, Из модулей доставки оставим только курьерскую доставку.
4. Из модулей оплаты оставим только оплату наличными курьеру.

Приступим:

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

Для этого в Админке — Расширения — Тэги выбираем тэг checkout.
vamshop2-fast-checkout1

Внизу страницы нажимаете кнопку — Создать микро шаблон из тэга.
vamshop2-fast-checkout2

На следующей странице создания микро шаблона в опции Псевдоним указываем название нашего нового шаблона, например my-checkout и нажимаем Продолжить.

vamshop2-fast-checkout3

Шаблон создан для страницы оформления заказа.

2. Теперь нам нужно указать, что б страница оформления заказа отрисовывалась нашим шаблоном my-checkout, а не шаблоном по умолчанию.

Для этого в Админке — Содержание — Страницы редактируем страницу Оформление и меняем {checkout} на {checkout template=’my-checkout’}

vamshop2-fast-checkout4

т.е. мы указали, что страница оформления заказа должна отрисовываться нашим шаблоном my-checkout.

Нажимаем кнопку Продолжить.

Всё, мы указали, что страница офомления заказа теперь отрисовывается нашим шаблоном my-checkout.

Осталось лишь отредактировать наш микро шаблон my-checkout и убрать всё лишнее.

3. Заходим в Админку — Оформление — Микро шаблоны и нажимаем на нашем шаблоне my-checkout, откроется страница редактирования шаблона.

vamshop2-fast-checkout5

Удаляем всё лишнее, в поле Шаблон должен остаться только вот этот код:

<script type="text/javascript">
$(function () {

  $("#contentform :input:text:visible:enabled:first").focus();

  $("form#contentform :input").change(function() {
    $("input[id='" + this.id + "']").addClass("modified");
    $("radio[id='" + this.id + "']").addClass("modified");
    $("select[id='" + this.id + "']").addClass("modified");
    $("checkbox[id='" + this.id + "']").addClass("modified");
    $("textarea[id='" + this.id + "']").addClass("modified");
  });
      	
$("label.shipping-method").click(function(){
$("label.shipping-method").parent().removeClass("selected");
$(this).parent().addClass("selected");
});

$("label.payment-method").click(function(){
$("label.payment-method").parent().removeClass("selected");
$(this).parent().addClass("selected");
});
	
  // validate form
  $("#contentform").validate({
    rules: {
      bill_name: {
        required: true,
        minlength: 2      
     },
      phone: {
        required: true,
        minlength: 10,
     },
    },
    messages: {
      bill_name: {
        required: "{lang}Required field{/lang}",
        minlength: "{lang}Required field{/lang}. {lang}Min length{/lang}: 2"
      },
      phone: {
        required: "{lang}Required field{/lang}",
        minlength: "{lang}Required field{/lang}. {lang}Min length{/lang}: 10"
      }
    }
  });

  });
</script>
<div id="checkout">
<form action="{$checkout_form_action}" method="post" id="contentform" class="form-horizontal">
  <div id="bill_information">
    <div>
      <h3>{lang}Billing Information{/lang}</h3>
    </div>
	<div class="form-group">
		<label class="col-sm-3 control-label" for="bill_name">{lang}Name{/lang}:</label>
		<div class="col-sm-9">
			<input type="text" class="form-control" name="bill_name" id="bill_name" value="{if $customer.AddressBook.ship_name}{$customer.AddressBook.ship_name}{else}{$order.bill_name}{/if}"/>
		</div>
	</div>
	<div class="form-group">
		<label class="col-sm-3 control-label" for="phone">{lang}Phone{/lang}:</label>
		<div class="col-sm-9">
			<input type="text" class="form-control" name="phone" id="phone" value="{if $customer.AddressBook.phone}{$customer.AddressBook.phone}{else}{$order.phone}{/if}" />
		</div>
	</div>
  </div>
  <div id="shipping_method">
    <div>
      <h3>{lang}Shipping Method{/lang}</h3>
    </div>  
  <div class="clearfix">
	<ul class="shipping-methods">
    {foreach from=$ship_methods item=ship_method}
		<li class="item col-sm-6 col-md-4{if $ship_method.id == $order.shipping_method_id} selected{/if}">
      <label class="shipping-method">
      <span class="title">
        <input type="radio" name="shipping_method_id" value="{$ship_method.id}" id="ship_{$ship_method.id}" 
        {if $ship_method.id == $order.shipping_method_id}
          checked="checked"
         {/if}
        />
		<span class="name">{lang}{$ship_method.name}{/lang}</span>
		</span>
		<span class="image text-center">
				{if $ship_method.icon}<img src="{base_path}/img/icons/shipping/{$ship_method.icon}" alt="{$ship_method.name}" title="{$ship_method.name}" /> {/if}
		</span>
		{if $ship_method.cost_plain > 0}<span class="description">{$ship_method.cost}</span>{/if}
		{if $ship_method.description}<span class="description">{$ship_method.description}</span>{/if}
		</label>	
		</li>
    {/foreach}
	</ul>
	</div>
  </div>

  <div id="payment_method">
    <div>
      <h3>{lang}Payment Method{/lang}</h3>
    </div>    

  <div class="clearfix">
	<ul class="payment-methods">
    {foreach from=$payment_methods item=payment_method}
		<li class="item col-sm-6 col-md-4{if $payment_method.id == $order.payment_method_id} selected{/if}">
      <label class="payment-method">
      <span class="title">
        <input type="radio" name="payment_method_id" value="{$payment_method.id}" id="payment_{$payment_method.id}" 
        {if $payment_method.id == $order.payment_method_id}
          checked="checked"
         {/if}        
        />
		<span class="name">{lang}{$payment_method.name}{/lang}</span>
		</span>
		<span class="image text-center">
				{if $payment_method.icon}<img class="text-center" src="{base_path}/img/icons/payment/{$payment_method.icon}" alt="{$payment_method.name}" title="{$payment_method.name}" /> {/if}
		</span>
		{if $payment_method.description}<span class="description">{$payment_method.description}</span>{/if}
		</label>	
		</li>
    {/foreach}
	</ul>
  </div>
	    
  </div>

	<div class="form-group">
	  <div class="col-sm-offset-3 col-sm-9">
	    <button class="btn btn-warning" type="submit" value="{lang}Continue{/lang}"><i class="fa fa-check"></i> {lang}Continue{/lang}</button>
	  </div>
	</div>
</form>
</div>

Сохраняем наш микро шаблон my-checkout.

Теперь наше оформление заказа в магазине максимально простое.

Нужно лишь заполнить поля Имя и Телефон, больше никаких лишних данных, кучи форм, полей, кликов.

vamshop2-fast-checkout9   vamshop2-fast-checkout7

Обратите внимание, что нам не пришлось копаться в php коде, подключаться по ftp, скачивать файлы и прочее-прочее, всё делается прямо в админке, никаких лишних программ, нет лишней траты времени, всё удобно и легко.

Спасибо за внимание.

Рубрики
vam shop Новости Продажи

Новый модуль — Акции

Новый модуль — Акция.

Позволяет проводить рекламные акции в магазине, указывая на товары специальные цены.

В каталоге акционный товар выводится с указанием:
1. Специальной цены.
2. Старой цены.
3. Экономии в номинальном и процентном соотношении.
4. Добавляется ярлык с размером скидки рядом с картинкой товара.

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

vamshop2-specials1

Аналогичным образом выводится стоимость и на странице карточки товара:

vamshop2-specials2

Таким же образом выводится специальная цена и по всему магазину.

В Админке специальная цена задаётся при редактировании товара в Админке — Содержание — Категории и товары, в закладке Акция.

vamshop2-specials3

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

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

К примеру, можно организовать акцию со специальными ценами в какой-то определённый промежуток времени, либо праздник: новый год, 8 марта и т.д.
Можно создавать различные предложения в своём магазине со специальными ценами, что-то вроде «неделя низких цен» и т.д. и т.п.

Рубрики
Новости Продажи

Модуль Купить за 1 клик в VamShop 2!

В VamShop 2 добавлен новый модуль — Купить за 1 клик.

Скачать модуль Купить за 1 клик
Попробовать модуль на нашей онлайн демо-версии — http://demo2.vamshop.ru/product/samsung-gear-2-wild-orange.html

one_click_buy_ru_1
one_click_buy_ru_2
one_click_buy_ru_3

Рубрики
vam shop Новости Продажи

Модуль Брошенные корзины в VamShop!

В VamShop 2 доработан модуль Брошенные корзины (Незавершённые заказы).

Анализ брошенных корзин (незавершённых заказов) — очень важный и полезный инструмент, позволяет удерживать клиентов в интернет-магазине, если они по каким-то причинам не смогли оформить заказ до конца.

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

Что было сделано в новой версии модуля брошенных корзин:

1. В Админке — Заказы — Брошенные корзины добавлен вывод дополнительной информации: контактной информации клиентов (email и телефон), если она была указана при оформлении, сумма заказа, имя покупателя, отправлялось ли уже уведомление о незавершённом заказе данному клиенту.

abandoned-cart-1

2. Добавлена возможность массового удаления незавершённых заказов.

abandoned-cart-2

3. Добавлена возможность email уведомлений покупателей. Кроме email уведомлений клиентов, которые не до конца заказы оформлили, можно переносить заказы из незавершённых в завершённые, для этого нужно просто статус заказа поменять в окне уведомлений. Это на случай, если клиент захочет оформить заказ до конца после отправки ему ведомления о незавершённом заказе. Что б ему не пришлось заново заказ набивать. Опять же, через это окно всё можно массово делать, т.е. отмечаете «птичками» и сразу для всех заказов меняете статусы, рассылаете уведомления. Удобно.

abandoned-cart-3

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

abandoned-cart-4

5. Добавлен новый шаблон письма для брошенных корзин в Админке — Настройки — Шаблоны писем.

abandoned-cart-5

Кроме того, этот модуль включён по умолчанию. Если у Вас выключен, то включается в Админке — Расширения — Модули.
Папка /app/Plugins/ModuleAbandonedCarts. Что б взять текущую версию модуля, удалите модуль в админке у себя, скачайте архив http://vamshop.ru/vamshop2.zip и перепишите из архиве к себе в магазин папку /app/Plugin/ModuleAbandonedCarts, затем установите модуль в Админке — Расширения — Модули. После установки появится новый пункт в меню — Админка — Заказы — Брошенные корзины.

Рубрики
vam shop Заметки Продажи

Увеличиваем продажи интернет-магазина VamShop с помощью Google Analytics

В данной статье я немного расскажу про VamShop и работу с целями в Google Analytics.

Статья готовилась долго, все советы, описанные в статье, были опробованы более года назад, что позволило сравнить показатель конверсии апреля 2010 г. и апреля 2011 г.

Google Analytics — популярнейший и незаменимый инструмент в оценке эффективности всех аспектов работы Вашего интернет-магазина.

Я лишь покажу одну из сотен, а то и тысяч возможностей Google Analytics для оценки и улучшения показаталей продаж Вашего интернет-магазина.

Рубрики
vam shop Заметки Продажи

Увеличиваем продажи интернет-магазина VamShop с помощью Google Analytics. Часть I.

В данной статье я немного расскажу про VamShop и работу с целями в Google Analytics.

Статья готовилась долго, все советы, описанные в статье, были опробованы более года назад, что позволило сравнить показатель конверсии апреля 2010 г. и апреля 2011 г.

Google Analytics — популярнейший и незаменимый инструмент в оценке эффективности всех аспектов работы Вашего интернет-магазина.

Я лишь покажу одну из сотен, а то и тысяч возможностей Google Analytics для оценки и улучшения показаталей продаж Вашего интернет-магазина.

Исходим из того, что Вы уже подключены к Google Analytics (включён модуль в Админке — Настройки — Google Analytics и Вы зарегистрированы в системе) и в общих чертах в курсе, что такое цели и где они создаются.

Будем рассматривать цели, а конкретно, процедуру оформления заказа в VamShop.

План работы:

1. Получить данные за месяц работы магазина (апрель 2010 г.).
2. Сделать выводы по собранным показателям.
3. Предложить варианты улучшения показателей.
4. Сравнить показатели за месяц работы магазина через год (апрель 2011 г.).

Рубрики
vam shop Заметки Продажи

Настройка VamShop и Яндекс Метрики в режиме электронной торговли

Читайте новую статью на сайте поддержки пользователей VamShop: Настройка VamShop и Яндекс Метрики в режиме электронной торговли