Amasty AJAX Shopping Cart для Magento 2 и 1
Ранее мы писали о модуле AJAX Cart Pro производства AheadWorks, сегодня же мы поговорим о его ближайшем аналоге – AJAX Shopping Cart от команды Amasty. Данный модуль содержит полезный функционал, которого на данный момент нет в стандартной версии платформы Magento. Чтобы максимально упростить пользователям шопинг на просторах вашего магазина, разработчики Amasty создали инструмент, позволяющий максимально модернизировать функционал существующих покупательских корзин. Заботясь об улучшении пользовательского опыта, вы автоматически мотивируете ваших клиентов вновь и вновь возвращаться за покупками на ваш сайт. Ниже мы детальней опишем особенности этого модуля.
Установив на вашем сайте модуль Amasty AJAX Shopping Cart для Magento 2 и 1, вы обеспечите ваших клиентов возможностью самостоятельно настраивать свои корзины и редактировать выбранные товары в одном месте, благодаря чему они не будут тратить свое время на многократное обновление страниц. Кроме удобного шопинга модуль также предоставляет систему стильных всплывающих окон, окон подтверждения, а также способов отображения похожих товаров на сайте – все на основе технологии AJAX. Также данный модуль поддерживает различные персонализированные опции и настраиваемые товары.
Чтобы обеспечить улучшенный пользовательский опыт, модуль Amasty AJAX Shopping Cart снабжен несколькими важными функциями. Прежде всего, это AJAX окно ‘Add to…’, которое подтверждает совершение покупки и позволяет выбирать товары, отправлять их в корзину и изменять их прямо со страницы категорий сайта. В результате пользователям больше не придется переходить по многочисленным ссылкам, чтобы выбрать товар и оформить заказ.
Модуль AJAX Shopping Cart поддерживает несколько цепких визуальных эффектов, среди которых – эффект, позволяющий изображениям товаров «летать» по странице. Например, когда пользователь добавляет товар к себе в корзину, товарное изображение будет автоматически переноситься в соответствующую область страницы.
Другим важным улучшением, которое делает совершение покупок на сайте более привлекательным, является наличие удобного предпросмотра содержимого корзины. С его помощью пользователи смогут узнать следующую информацию:
- количество товаров в корзине;
- общая стоимость всех товаров;
- названия товаров;
- похожие товары.
Таким образом, эта функция позволяет просматривать свои покупки наиболее удобным для клиента способом.
Среди гибких возможностей модуля можно выделить специальный кастомизируемый блок, в котором содержатся похожие товары, различные опции отображения элементов и др. Amasty AJAX Shopping Cart позволяет продвигать товары, похожие на те, которые были добавлены в чью-то корзину. Например, если пользователь собирается приобрести у вас смартфон, вы можете настроить для него окно с похожими товарами, в котором будет предлагаться приобрести чехол в качестве дополнения к основной покупке. Есть большая вероятность того, что в результате клиент купит и смартфон, и чехол.
Кроме того, вы можете скрыть модуль на страницах описаний товаров, а также решить, куда должна вести пользователя кнопка ‘Continue’ – на страницу категорий или страницу другого товара. Также вы можете настроить положение для всплывающего окна ‘Add to cart’. Вы можете поэкспериментировать с положением этого блока, пока не добьетесь оптимального варианта. Среди доступных позиций для всплывающего окна вы можете выбрать следующие:
- Left and top left;
- Right and top right;
- Center;
- Top.
Также важно сказать пару слов о настраиваемых товарах и кастомных опциях. Модуль Amasty AJAX Shipping Cart позволяет не только редактировать информацию о товарах с настраиваемыми элементами, но и выбирать персонализированные опции для страницы категорий вашего сайта.
Прежде чем мы опишем процесс работы с модулем на серверной стороне, давайте взглянем на отзывы о нем на официальном сайте Magento. В первую очередь, пользователи отмечают бесперебойную работу модуля в целом – даже при наличии большого количества других сторонних плагинов AJAX Shipping Cart работает без ошибок. Более того, модуль действительно помогает интернет-магазинам оптимизировать продажи и ускорить процесс оформления заказа, благодаря чему многие владельцы Magento сайтов продолжают работать с этим решением на протяжении нескольких лет. Наконец, любой конфликт между модулем Amasty и любым другим сторонним модулем решается за считанные минуты командой поддержки, доступной 24 часа в сутки, 7 дней в неделю.
Backend-управление
Чтобы приступить к настройке модуля, перейдите в Stores > Settings > Configuration > Amasty Extensions > Ajax Shopping Cart. Перед вами появится 4 блока настроек:
- General;
- Display Settings;
- Selling Options;
- Visual Options.
В блоке ‘General’ вы можете:
- включить/отключить сам модуль;
- указать время отображения диалогового окна;
- включить/отключить действие модуля на страницах описаний товаров;
- выбрать одно из двух действий для кнопки ‘Continue’, отображаемой на странице просмотра товаров: ‘Go to Category Page’ или ‘Stay on Product View Page’;
- установить один из двух режимов отображения персонализированных опций: ‘Only Required Options’ или ‘All Custom Options’.
В блоке ‘Display Settings’ вы можете активировать тот самый «летающий» визуальный эффект для товарных изображений, указать позицию диалогового окна (в центре, сверху, сверху слева, сверху справа, слева, справа), а также активировать такие параметры как:
- Display Product Image in Dialog / Отображать изображение товара в диалоговом окне;
- Display Total Count of Products in Cart / Отображать общее количество товаров в корзине;
- Display Total Amount in Cart / Отображать общую сумму заказа корзины;
- Display ‘Go to Checkout’ Button / Отображать кнопку ‘Go to Checkout’.
Блок ‘Selling Options’ позволяет включить или отключить отображение списка похожих товаров в диалоговом окне подтверждения заказа.
Наконец, в блоке ‘Visual Options’ вы найдете различные опции по цветовой настройке диалоговых окон:
- Background Color / Цвет фона;
- Header Background Color / Фоновый цвет заголовка;
- Text Color / Цвет текста;
- Button Text Color / Цвет текста кнопки;
- Left Button Color / Цвет левой кнопки;
- Right Button Color / Цвет правой кнопки.
Здесь вы сможете персонализировать модуль в том виде, в котором он будет виден пользователям вашего сайта.
Пользовательский интерфейс
Проведите курсор по изображению товара и нажмите на кнопку ‘Add to cart’.
По нажатию кнопки изображение переместится в верхнюю часть страницы к иконке покупательской корзины.
В появившемся всплывающем окне выберите цвет, размер и количество единиц выбранного вами товара. Затем нажмите на кнопку ‘Add to cart’.
Перед вами появится новое окно. В нем содержится следующая информация:
- имя добавленного товара;
- количество товаров в корзине;
- общая сумма заказа.
Ниже расположен блок с похожими товарами. Далее вы можете либо просмотреть содержимое своей корзины, либо продолжить покупки (окно исчезнет самостоятельно по истечении 10 секунд ; интервал отображения окна можно изменить в настройках модуля).
Заключение
Стандартный функционал покупательских корзин Magento все еще оставляет желать лучшего, поэтому так важно иметь в своем арсенале такой полезный инструмент как Amasty AJAX Shopping Cart. Модуль работает без перебоев и в перспективе может значительно улучшить клиентский опыт на вашем сайте. Стоимость модуля для Magento 1 составляет 119 долларов, a для Magento 2 – 199.