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

Новый дизайн страницы оформления заказа в VamShop!

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

Посмотреть рабочий пример можно в онлайн демо-версии https://demo.vamshop.ru

Добавьте товар в корзину и перейдите на страницу оформления.

Вот как теперь выглядит оформление заказа:

Для гостя:

Для постоянного покупателя:

Правая часть «цепляется» к верхнему краю.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Уникальный результат VamShop 2 в тесте PageSpeed — 100 из 100 по всем тестам!

VamShop 2, онлайн-демо https://demo2.vamshop.ru показывает уникальный результат в тесте Google PageSpeed Insights.

100 баллов из 100 возможных в тесте как для мобилок, так и для компов.

Обычный хостинг, никаких специальных настроек.

Обычная копия VamShop 2, никаких специальных настроек.

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

Новая навигация в VamShop!

Начиная с VamShop 1.99.16 в админке добавлена новая навигация.

Посмотреть в работе можно в онлайн-демке http://demo.vamshop.ru

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

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 адрес фильтра.

Рубрики
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!

Начиная с версии 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 Гб.

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

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