Jump to content

Про быстрое и удобное оформление заказа в VamShop PWA!


Recommended Posts

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

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

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

1. Максимально не напрягать посетителя при оформлении заказа.

2. Привязать поля с данными о доставке не к общей форме, а к модулям доставки.

3. Всё работает на react + api, без перезагрузок страницы в браузере.

Например, я доставляю только по городу.

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

Я просто в форме оформления заказа отключаю все поля (через Админку —  Настройки — Оформление заказа), оставляю только 2 поля — Имя и Телефон.

Всё.

screencapture-vamhost-ru-checkout-2020-01-26-19_12_34.png

Дальше уже на выбор покупателя.

Если выбирает доставку по городу, то при выборе доставки появляются поле Адрес, Метро и т.д.

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

screencapture-vamhost-ru-checkout-2020-01-26-19_12_52.png

При выборе доставки почтой — появляются поля Адрес,Индекс.

screencapture-vamhost-ru-checkout-2020-01-26-19_13_03.png

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

Всё это настраивается в Админке — Настройки — Доставка.

screencapture-admin-vamhost-ru-settings-shipping-2020-01-26-19_14_43.png

В разделе Поля оформления заказа.

Вот пример для модуля курьерская доставка:

screencapture-admin-vamhost-ru-settings-shipping-5dadd22796976428b7903944-2020-01-26-19_14_52.png

Вот пример для модуля доставки почтой:

screencapture-admin-vamhost-ru-settings-shipping-5de1a7ae2ca88f41d10024ee-2020-01-26-19_15_02.png

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

В зависимости от суммы заказа, либо от веса заказа.

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

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

Всё быстро, просто и удобно.

Живой пример можно посмотреть в онлайн-демке:

https://vamhost.ru

https://admin.vamhost.ru

Читать заметку полностью

Link to post
Share on other sites

Интересно раскрывающийся выбор и тд, но разве ajax не решал подобные вещи? в чем + данного движка в отличии от vam and vam2

Link to post
Share on other sites
1 час назад, ZM сказал:

Интересно раскрывающийся выбор и тд, но разве ajax не решал подобные вещи? в чем + данного движка в отличии от vam and vam2

Это совершенно другой подход.

Не монолитный, как vamshop 1, 2, opencart, wordpress, shop-script и т.д.

А разделение на backend и frontend, всё крутится вокруг api, api центричное веб-приложение.

Если коротко, это намного интереснее и перспективнее чем любые монолитные движки.

 

Если сравнивать с jQuery, то jQuery как бы делает часть страницы динамической, если так можно выразиться, какой-то кусок.

А с react+api весь сайт целиком - динамическая страница.

Link to post
Share on other sites

И если у тебя движок монолит, то это бесполезно привязывать react к нему, api.

Он всё равно останется монолитом.

Все преимущества api-центричного подхода можно получить только с нуля написав и разделив backend и frontend, т.е. всё стоит на так называемых микросервисах, т.е. запросах к api.

Иначе получается просто скрещивание ужа с ежом.

т.е. не получишь всех преимуществе api центричного подхода и не избавишься от всех недостатков монолитности.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...