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

Автологин в VamShop!

Начиная с версии 1.99.13 в VamShop по умолчанию добавлен новый интересный модуль — Автологин.

Автологин запоминает авторизованного покупателя и содержимое корзины. Не надо каждый раз заходить со своим паролем, не надо вспоминать свой пароль, email для входа. Один раз зашли и — всё, всё сохраняется. Включается/отключается в Админке — Настройки — Сессии — Автологин. 

Всё работает в связке с автологином.

Быстрое оформление заказа + автологин.

Авторизация через социальные сети + автологин.

Регистрация + автологин.

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

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

Посетителю не надо помнить свой email, пароль, всё автоматически запомнилось в браузере.

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

Все товары в корзине так же будут сохранены.

Рубрики
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 Заметки Новости Обучение Юзабилити

Добавляем OpenGraph разметку в VamShop!

Семантическая микро-разметка по умолчанию уже есть в VamShop.

Подробнее — http://blog.vamshop.ru/2014/02/03/микроразметка-семантическая-размет/

В данной заметке добавим OpenGraph разметку.

Что такое OpenGraph разметка?!

Open Graph – протокол, который позволяет сформировать необходимое превью при публикации ссылки в социальных сетях.

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

На сегодняшний день Open Graph используется в Facebook, Вконтакте, Google+, Twitter, Linkedin, Pinterest. Например, Яндекс использует Open Graph для формирования заголовка сниппета и передачи данных в сервис Яндекс Видео.

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

Новый модуль — Варианты фильтров

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

Это аналог используемых ссылок на фильтры в ситилинке.

Смотрите скриншот.

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

2 ядра, 4 ядра и т.д.

Ссылки для быстрой навигации внутри категории товаров, т.е. упрощённый фильтр.

Тоже самое добавлено по умолчанию в VamShop, вот смотрите как это выглядит в онлайн-демке: http://demo2.vamshop.ru/category/smartphones.html

Либо на скриншоте:

Для управления данными ссылками-фильтрами в админке при настройке атрибутов категории/товара добавлена новая колонка Ссылка на фильтры.

При редактировании в админке категории, в закладке Атрибуты видна новая колонка Ссылка на фильтры.

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

Этот блок над списком товара добавлен в дополнение к блоку Фильтр слева.

В чём разница между блоком фильтр слева и блоком фильтр над списком товара по центру:

  1. Слева блок Фильтр сделан в виде формы и не индексируется поисковиками.
  2. Слева блок Фильтр поддерживает мультивыбор, т.е. можно выбирать сразу несколько фильтров.
  3. По центру фильтры сделаны в виде обычных ссылок и индексируются поисковыми роботами.
  4. По центру можно выбрать только один фильтр, без мультивыбора.

Кроме того, в h1 заголовок, meta title, meta description, meta keywords заголовки страницы добавляется название выбранного фильтра.

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

К примеру, у Вас в поисковой выдачи будут страницы:

Планшеты — Страница со списком всех плашнетов в категории.

Планшеты 16 Гб — Страница со списком только планшетов в памятью 16 Гб.

Планшеты 32 Гб -Страница со списком только планшетов в памятью 32 Гб.

Это очень важно для более правильного и полного представления ассортимента Вашего интернет-магазина в поисковых системах.

+ этот новый блок делает проще, понятнее и удобнее навигацию внутри Вашего магазина.

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

VamShop набирает 100 баллов из 100 возможных в тестах SEO и Accessibility в браузере Google Chrome!

VamShop набирает 100 баллов из 100 возможных в тестах SEO и Accessibility в браузере Google Chrome!

Проверялась онлайн-демо версия по адресу http://demo2.vamshop.ru

Стандартная копия VamShop, без каких-либо правок.

Вы можете проверить и свой интернет-магазин, сколько баллов Ваш магазин наберёт в тестах от Google.

Для этого в браузере Google Chrome открываете консоль кнопкой F12 и в закладке Audit можно запустить тесты.

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

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

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

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

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

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

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

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

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

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

Спасибо SergeuI

 

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

Юзабилити формы оформления заказа в VamShop!

Добавлен jQuery Chosen — https://harvesthq.github.io/chosen/

На страницу оформления заказа, адресной книги для полей Страна и Регион.

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

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

Можно искать по любой части слова.

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

В поиске не обязательно писать «Став…» и т.д., а можно например писать «край», т.е. получается очень удобная вещь.

Смотрите скрины, а так же можно проверить в действии на онлайн-демке http://demo2.vamshop.ru

Так же в админке был добавлен на страницу в Админке — Содержание — Категории и товары.

Кроме того, в админке в паре мест он уже давно используется, в импорте/экспорте, в фильтрах товара.

 

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

Навигация и юзабилити в админке VamShop!

Небольшой анонс изменений в VamShop 2, которые будут сделаны при выходе следующей версии VamShop 2.5.

Что именилось:

1. Упрощён шаблон в админке. Убрано всё лишнее, теперь под контент отдано максимально возможное количество места.

2. Изменён подход к навигации в админке VamShop 2.

3. Адаптация навигации к десктопу, планшету, смартфону.

4. Добавлена возможность настройки навигации в админке самим посетителем.

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

Вывод результатов поиска товаров через ajax прямо в строке поиска!

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

Без перезагрузки страницы, через ajax.

Вот как это будет выглядеть, смотрите скриншоты:

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

Как это сделать?!

Рубрики
vam shop Заметки Юзабилити

Новый сервис оценки сайтов от google — Test Your Mobile Speed and Performance

Google представил новый сервис для оценки скорости открытия сайта на мобильных устройствах — https://testmysite.withgoogle.com

VamShop проходит его без проблем.