Рубрики
Заметки Новости Юзабилити

Новые адаптивные шаблоны писем в VamShop!

В VamShop по умолчанию теперь используются адаптивные шаблоны писем.

Так же добавлен вывод сопутствующих товаров прямо в письма клиентам.

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

Письма, приходящие клиентам из онлайн магазина на базе VamShop выглядят современно, письма хорошо и удобно выглядят на любых устройствах: смартфонах, планшетах, компьютерах.

Вот пример письма, которое получает клиент после оформления заказа

Аналогичный дизайн сделан для всех остальных писем в VamShop.

Кроме того, добавлен новый интересный модуль — Сопутствующие товары в письме.

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

Данный блок полностью автоматический.

Для каждого клиента строится автоматически свой блок рекомендуемых товаров.

Это аналог блока рекомендуемых товаров в магазине, на страницах карточек товаров, на странице в корзине.

Если Вы добавили сопутствующие товары — они будут видны теперь везде:

  1. На странице карточки товара.
  2. На странице корзины.
  3. В письме с заказом.

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

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

SEO Фильтры в VamShop

В VamShop по умолчанию добавлен новый модуль — SEO Фильтры

В онлайн демке http://demo.vamshop.ru уже работает, можно попробовать.

В разделе Планшеты — http://demo.vamshop.ru/tablets.html

Вместо вот такого адреса — /products_filter.php/cPath/2/f9/16 ГБ

будет вот такой адрес — http://demo.vamshop.ru/tablets/pamyat-16-gb.html

Модуль полностью автоматический, не надо вручную править фильтры, добавлять SEO тексты.

По умолчанию, если у Вас вывод фильтра сделан в виде ссылок, т.е. в настройках в  Админке — Спецификации, в настройках группы спецификаци в опции Показывать фильтр как выбрано значение Список ссылок

В этом случае все фильтры строятся с SEO URL адресом по умолчанию, ничего вручную заполнять не надо.

Берётся название спецификации и значение спецификации и получается SEO URL адрес вида http://ваш.магазин.ру/категория/фильтр-значение.html

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

Для этого есть опция — Задать уникальное SEO название спецификации: в настройках группы спецификаций.

Если задали своё значение — будет выводиться Ваше значение, если не задали значение, SEO URL адрес будет построен на основе названия спецификации и значения спецификации.

Примеры доступны в онлайн-демке http://demo.vamshop.ru/tablets.html

Учитывая все остальные возможности VamShop, SEO фильтры позволят Вашему магазину выглядеть лучше конкутентов в поисковых системах. Лучше представлять свой товар, делать удобную навигацию внутри категории.

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

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

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

2. Уникальные meta тэги (meta title, meta description. meta keywords) для страницы фильтра.

3. Cononical URL для страницы фильтра.

4. SEO адрес фильтра с ключевыми словами. В URL адресе выводится и название категории и название фильтра и значение фильтра, т.е. есть все возможности что б вставить ключевые слова в URL адрес фильтра.

Рубрики
Заметки Новости

Новый дизайн корзины в VamShop!

Новый дизайн страницы корзина в VamShop.

Попробуйте добавить товар в корзину в демке http://demo.vamshop.ru

и перейдите на страницу корзины http://demo.vamshop.ru/shopping_cart.php

Корзина теперь полностью на ajax.

Всё действия без перезагрузки страницы, на ajax:

1. Добавление, уменьшение количества кнопками + и —

2. Добавление, уменьшение количества вводом цифры в поле количество.

3. Удаление из корзины.

4. Добавление сопутствующих товаров, блок Рекомендуем.

Это сопутствующие товары, которые выводятся в корзине.

Точно так же, сопутствующие переносятся, добавляется в корзину через ajax, без перезагрузок страницы.

5. Группировка товара в корзине по разделам и по порядку сортировки.

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

Категории сортируются по порядку сортировки, который указывается при редактировании категорий в админке.

6. Кнопка оформить заказ видна справа, на самом видном месте. Без прокрутки.

7. Вся страница целиком адаптивная, подстараивается под размер экрана смартфона, планшета, компьютера.

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

9. Внизу выводится блок Недавно просмотренных товаров. Товары из данного блока можно сразу добавить в корзину, без перезагрузки страницы, через ajax.

10. В popup окне после добавления товара в корзину на первом месте кнопка — Перейти в корзину.

Что б переходили посетители на страницу корзины и видели:

Сопутствующие товары.

Недавно просмотренные товары.

и тут же могли их добавить в корзину.

Это так называемые рекомендательные блоки, которые помогают увеличить средний чек в онлайн-магазине.

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

Рубрики
vam shop Заметки Обучение Шаблоны Юзабилити

Автоматическое выравнивание высоты колонок!

В VamShop 1.99.14 добавлено выравнивание высоты колонок, плиток с информацией о товарах.

Растягивается не сама картинка, а блок, в которой сидит картинка + блок с заголовком названия товара.

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

Нет скачущих плиток, когда у одного товара название выше, у друго ниже, у одного цена выше, у другого ниже.

Сейчас всё должно быть ровно, в одну линию.

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

Вот наглядный пример, что я имею в виду.

Screenshot from 2020-03-02 10-49-23.png

т.е. если у товара очень длинное название, например на три строки.

У товара картинка отличается пропорциями, вытянута не вниз, а вбок, узкая.

Нет отзывов, нет спец. цены.

и всё равно ряды получаются ровные.

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

Screenshot from 2020-03-02 10-49-23.png

А вот как было до этой правки, что б наглядно было видно, о чём речь.

Screenshot from 2020-03-02 10-57-48.png

Попробуйте провести линию по картинкам, по названию, либо по цене.

Не получится, всё скачет вверх, вниз.

Рубрики
Заметки Новости Обучение

Анимация корзины!

В VamShop по умолчанию добавлена CSS анимация корзины.

Смотрите пример на http://demo.vamshop.ru

Добавьте товар в корзину.

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

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

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

Либо оформить заказ, либо удалить из корзины.

Но и не сильно надоедать при этом всякими текстами, popup окнами, подсказками и т.д.

А вот, к примеру, как можно обратить внимание посетителя на голосовой поиск.

Рубрики
vam shop

Поиск товаров прямо в браузере!

В VamShop по умолчанию сделана семантическая разметка поиска.

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

Как это выглядит.

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

Повышаем доверие к интернет-магазину через отзывы!

В VamShop, в отзывах добавлен бейджик — Реальный покупатель.

Screenshot from 2020-01-15 13-58-51.png

Что это значит?!

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

Если человек оформил заказ, затем оставил отзыв под своим именем, паролем, т.е. авторизованный пользователь оставил отзыв…

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

Если был, то ставится метка — Реальный покупатель.

Если отзыв оставил гость, неавторизованный, либо авторизованный, но у которого не было заказов данного товара, то данный бейджик не ставится.

По идее, такой бейджик должен повысить доверие к отзывам.

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

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

Ещё скрины.

Screenshot from 2020-01-15 13-58-13.png
Screenshot from 2020-01-15 13-58-24.png
Screenshot from 2020-01-15 13-58-34.png
Screenshot from 2020-01-15 13-58-44.png
Рубрики
vam shop Заметки Новости Юзабилити

Корректировка юзабилити (удобства) фильтров в VamShop!

Улучшено так называемое юзибилити, т.е. удобство фильтров в VamShop 2.

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

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

Удобная вещь.

Вот рабочий пример можно посмотреть в онлайн демке — http://demo2.vamshop.ru/category/tablets.html

Выбрав слева фильтр.

Но это только для фильтров типа чекбокс, радио кнопки и select поля.

Для других типов фильтров там всё-таки нужна кнопка Применить.

Спасибо SergeuI

 

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

Модуль Купить за 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