Как сделать корзину woocommerce

10 лучших плагинов для создания корзины покупок на WordPress

Современные плагины для создания корзины для сайта — это не просто пассивный инструмент, с помощью которого можно дать пользователям возможность « отложить » товары до принятия окончательного решения о покупке. Они обладают сложными, продвинутыми функциями. В этой статье мы собрали десять лучших плагинов корзины покупок, которые легко интегрируются с WordPress :

Что требуется от плагина корзины покупок?

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

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

10 лучших плагинов для создания корзины на WordPress

1. WooCommerce

Как сделать корзину woocommerce

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

Ключевые особенности плагина:

Цена : Бесплатно | Дополнительная информация

2. eCommerce Shopping Cart

Как сделать корзину woocommerce

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

Хотя скачать плагин можно бесплатно, вам все-таки придется приобрести лицензию ( от 50 долларов США за сайт ).

3. Cart66

Как сделать корзину woocommerce

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

Ключевые особенности плагина:

4. Ecwid Ecommerce Shopping Cart

Как сделать корзину woocommerce

5. PayPal Shopping Cart

Как сделать корзину woocommerce

Цена : Бесплатно | Дополнительная информация

6. WordPress Simple PayPal Shopping Cart

Как сделать корзину woocommerce

WordPress Simple PayPal Shopping Cart является бесплатным, но при оплате товаров взимается определенная комиссия.

Цена : Бесплатно | Дополнительная информация

7. Ecommerce WD

Как сделать корзину woocommerce

Ecommerce WD имеет как бесплатную, так и премиум версию, предлагающую дополнительную поддержку темы и другие преимущества.

Ключевые особенности этой корзины товаров для сайта :

8. Selz eCommerce Shopping Cart

Как сделать корзину woocommerce

Плагин Selz eCommerce Shopping Cart бесплатный, хотя за совершаемые транзакции взимается комиссия.

Цена : Бесплатно | Дополнительная информация

9. Easy Digital Downloads

Как сделать корзину woocommerce

Цена : Бесплатно | Дополнительная информация

10. Jigoshop

Как сделать корзину woocommerce

У плагина Jigoshop есть большое количество расширений, которые помогут усовершенствовать магазин. Сам плагин является бесплатным, хотя некоторые расширения поставляются на платной основе.

Цена : Бесплатно | Дополнительная информация

Заключение

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

Источник

Настройка страницы корзины в WooCommerce

Как сделать корзину woocommerceИзначально планировал написать про внедрение одного хака на странице корзины WooCommerce, однако позже решил рассказать сразу о нескольких фишках для ее модификации. Хочу заметить, что в данном блоге есть специальный раздел про WooCommerce корзину, т.к. этот вопрос включает в себя множество нюансов. Сегодня статья будет посвящена больше внешнему виду и отображению информации на сайте. Начнем с настроек самого модуля, потом рассмотрим вопрос удаления доставки и заодно изменение шаблона корзины. Думаю, пост пригодится не только новичкам.

На одном из начальных шагов разработки интернет-магазина на WooCommerce система создает несколько ключевых страниц (корзину в том числе). Если посмотрите в редакторе ее содержимое, то увидите шорткод [woocommerce_cart].

Как сделать корзину woocommerce

Здесь же можете изменить название и добавить немного своего текста на страницу. Также задаете МЕТА тег описания и тайтл с помощью модуля SEO Yoast.

Настройки корзины в WooCommerce

В настройках модуля есть разные параметры для управления корзиной. Некоторые из них найдете во вкладке «Доставка» — «Варианты доставки».

Как сделать корзину woocommerce

В опции «Расчеты» можно:

При включенном расчете доставки на странице WooCommerce корзины появится соответствующая ссылка. При клике на нее пользователь увидит поля для ввода адреса.

Как сделать корзину woocommerce

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

Как удалить доставку со страницы корзины

Собственно, наша следующая задача — удалить на этапе формирования заказа все лишнее, что не касается выбора товаров и их количества. По-умолчанию в настройках плагина, как видите, это не предусмотрено, но в этом есть определенный смысл. Чем меньше разных отвлекающих и запутывающих пользователя факторов будет в вашем интернет-магазине, тем больше вероятность, что покупатель сможет завершить оформление заказа.

Для решения задачи нам понадобится разместить в файле функций вашей темы (custom-function.php или function.php) следующий хак:

Шаблон корзины WooCommerce

Все основные файлы шаблона для страницы корзины в WooCommerce находятся в папке cart. Напоминаю, что редактировать шаблон WooCommerce нужно после того как скопируете папку templates в свою дочернюю тему. По умолчанию директория содержит нескольких файлов:

Каждый из них отвечает за определенные функции, например, в файле cross-sells.php задается отображение кросс продаж, в cart-empty.php — выполняется обработка пустой корзины и т.п. Вы можете изменить вывод всех элементов страницы так, как вам это нужно. Хотя некоторые правки принято делать через хаки/сниппеты как например в посте про обновление Ajax корзины.

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

Как сделать корзину woocommerce

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

С помощью утилиты WinGrep можете найти где именно используется эта функция либо подсмотреть информацию в интернете. Оказывается она задает отображение двух элементов — кросс продаж и блока итого (который виден на скриншоте выше). Соответствующий код размещен в /includes/wc-template-hooks.php:

add_action( ‘woocommerce_cart_collaterals’, ‘woocommerce_cross_sell_display’ ); add_action( ‘woocommerce_cart_collaterals’, ‘woocommerce_cart_totals’, 10 );

Теперь, по сути, у вас есть 3 варианта чтобы все это скрыть:

После внедрения любого из этих способов будет скрыт не только блок итоговый цены, но и ссылка на оплату заказа. Поэтому вам нужно вернуть на страницу корзины WooCommerce соответствующую кнопку. Добавляете ее в cart.php после формы:

Как сделать корзину woocommerce

Это лишь один из примеров работы с шаблоном, надеюсь, суть вы уловили. В принципе, есть 2 варианта его модификации — в файлах напрямую (легче и нагляднее), либо работа через хуки и функции remove_action / add_action (вроде как, считается правильнее и более гибко). Какой бы вариант вы не выбрали, помните, что правки нужно вносить в копию макета магазина в дочерней теме.

Хак для купонов

Если вы используете промокоды в магазине то можно добавить отображение новой цены напротив каждой позиции. Найденный сниппет имеет вид:

Если код вам не совсем понятен загляните в статью про WooCommerce купоны скидок, где я описал его чуть подробнее (в самом конце заметки).

Если будут еще какие-то вопросы / дополнения по настройке корзины WooCommerce и модификации соответствующей страницы на сайте, пишите в комментариях.

Источник

Добавить комментарий

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