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

VamShop набирает 100 баллов из 100 возможных в тесте Microsoft PWABuilder!

Есть инструмент от Microsoft, называется PWABuilder — https://pwabuilder.com/

Указываете свой адрес и получаете рекомендации PWA (Progressive Web Application), т.е. насколько Ваш сайт соответствует правилам PWA веб-приложений.

VamShop, официальный сайт https://vamshop.ru и онлайн-демка https://demo.vamshop.ru набирают 100 баллов из 100 возможных.

Это важно. Проверьте свой магазин.

Скорость и пользовательский опыт — очень важные вещи.

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

Всё это влияет на конверсию и Ваши продажи.

Скрины:

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

Про простое, быстрое и удобное оформление заказа в онлайн магазине!

Небольшая демонстрация реально работающего магазина на базе VamShop PWA.

Движок, CMS для создания онлайн магазинов на базе React + NodeJS + MongoDB.

https://plasha.ru

PWA онлайн магазин, никакого PHP, MySQL, никаких монолитов.

Полное разделение frontend и backend.

100% на JavaScript: и Frontend (React + API), и Backend (NodeJS).

API-центричное веб-приложение на микросервисах.

Современный дизайн на базе Figma.

Обратите внимание, как быстро работает сайт.

Например попробуйте фильтр по цене на странице — https://plasha.ru/kategoriya-3

Попробуйте подгрузить больше товаров кнопкой Показать ещё на странице.

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

В отличии от монолитов типа WordPress, OpenCart, нет лишних запросов и прорисовок.

Через API получаем «сырые» данные в JSON формате и отрисовываем их в React.

Попробуйте поиск товара.

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

Какие задачи были решены:

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

Оцениваем эффективность PWA функциональности VamShop!

VamShop по умолчанию теперь является PWA web-приложением, поддерживаются на данный момент следующие возможности:

1. Offline режим.

2. Service Worker.

3. A2HS — добавление иконки на рабочий стол.

4. Приложение в Play Market.

5. Голосовой поиск.

В данной заметке покажу как можно собирать статистику по PWA функциональности сайта, онлайн магазина с помощью Google Analytics.

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

Мобильное приложение VamShop

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

Что такое PWA приложения и причём здесь VamShop?!

Цитата из wikipedia:

Прогрессивное веб-приложение (англ. — progressive web app, PWA) — технология в веб-разработке, которая добавляет сайтам возможности приложений для мобильных устройств. В частности, PWA обладают такими признаками:

  • Устанавливаются на смартфоны или планшеты пользователей.
  • Работают в режиме офлайн благодаря кэшированию контента.
  • Доставляют пользователям пуш-уведомления.

Если совсем коротко — PWA приложение — это обычный веб-сайт, с адаптивным шаблоном, например как наш официальный сайт https://vamshop.ru

Что это значит для пользователей VamShop?!

Это значит, что Вы можете увеличить аудиторию своих интернет-магазинов, работающих на базе VamShop за счёт размещения своего интернет-магазина в виде приложения в магазине приложений Google Play.

Сразу покажу пример, как это выглядит на практике, на примере VamShop.

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

VamShop показывает 100 баллов из 100 возможных в тестах PWA (Progressive Web App) от Google!

VamShop набирает 100 из 100 баллов в PWA (Progressive Web App) тестах в браузере Chrome, все тесты полностью пройдены.

Небольшая демонстрация реально работающего магазина на базе VamShop PWA.

Движок, CMS для создания онлайн магазинов на базе React + NodeJS + MongoDB.

https://plasha.ru

PWA онлайн магазин, никакого PHP, MySQL, никаких монолитов.

Полное разделение frontend и backend.

100% на JavaScript: и Frontend (React + API), и Backend (NodeJS).

API-центричное веб-приложение на микросервисах.

Современный дизайн на базе Figma.

Обратите внимание, как быстро работает сайт.

Например попробуйте фильтр по цене на странице — https://plasha.ru/kategoriya-3

Попробуйте подгрузить больше товаров кнопкой Показать ещё на странице.

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

В отличии от монолитов типа WordPress, OpenCart, нет лишних запросов и прорисовок.

Через API получаем «сырые» данные в JSON формате и отрисовываем их в React.

Попробуйте поиск товара.