Вордпресс как настроить корзину

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

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

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

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

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

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

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

• включить в корзине калькулятор доставки;
• спрятать отображение ее стоимости, если еще не заполнен адрес.

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

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

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

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

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

function delshipping_calc_in_cart( $show_shipping ) < if( is_cart() ) < return false; >return $show_shipping; > add_filter( ‘woocommerce_cart_ready_to_calc_shipping’, ‘delshipping_calc_in_cart’, 99 );

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

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

• php
• cart-totals.php
• cross-sells.php
• cart-empty.php
• cart-item-data.php
• cart-shipping.php
• mini-cart.php
• proceed-to-checkout-button.php
• shipping-calculator.php

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

Давайте рассмотрим один пример дабы немного прояснить логику работы. После внедрения хака с предыдущего шага настройки 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 варианта чтобы все это скрыть:

• закомментировать строку с do_action в cart.php;
• использовать функцию remove_action в custom-function.php (или function.php);
• подправить файлы cross-sells.php и cart-totals.php, которые непосредственно вызываются данными функциями.

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

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

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

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

add_filter( ‘woocommerce_cart_item_subtotal’, ‘bbloomer_if_coupon_slash_item_subtotal’, 99, 3 ); function bbloomer_if_coupon_slash_item_subtotal( $subtotal, $cart_item, $cart_item_key )< global $woocommerce; // Note: use your own coupon code here $coupon_code = 'barmada'; if ( $woocommerce->cart->has_discount( $coupon_code )) < // Note: apply your own coupon discount multiplier here // In this case, it's a 99% discount, hence I multiply by 0.01 $newsubtotal = wc_price( $cart_item['data']->get_price() * 0.01 ); $subtotal = sprintf( ‘%s %s’, $subtotal, $newsubtotal ); > return $subtotal; >

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

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

Источник

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

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

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

Плагины корзины покупок в WordPress — это способ продажи через WordPress-сайт . Требования, предъявляемые к ним:

• Простой в использовании интерфейс;
• Поддержка ведущих платежных систем;
• Удобная настройка;
• Совместимость с выбранной темой.

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

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

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

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

1. WooCommerce

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

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

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

• Позволяет продавать как цифровые, так и физические товары;
• Предлагает ряд бесплатных и премиум-модулей для расширения функционала;
• Предлагает вариант для доставки по всему миру;
• Поддерживает банковские переводы, оплату наложенным платежом и PayPal.

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

2. eCommerce Shopping Cart

Усовершенствованный плагин для создания корзины покупок на сайте, который легко интегрируется с WordPress . Он похож на WooCommerce , поскольку позволяет продавать как цифровые, так и физические товары, а также поддерживает подарочные сертификаты.

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

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

• Поддерживает популярные платежные сервисы;
• Предлагает многоуровневую систему ценообразования, цены B2B , рекомендованные продукты и многое другое;
• Поддерживает доставку по всему миру;
• Включает в себя маркетинговые и рекламные инструменты;
• Позволяет осуществлять отслеживание конверсий электронной коммерции;
• Возможность совместного использования.

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

3. Cart66

Самый безопасный вариант для электронной коммерции на WordPress . Плагин помогает обеспечить соответствие интернет-магазина требованиям PCI . Он поддерживает продажу цифровых и физических товаров, позволяет клиентам создавать учетные записи при покупке.

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

Cart66 предлагает 14-дневную бесплатную пробную версию скрипта корзины для сайта . Стоимость использования составляет от 9,99 долларов в месяц.

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

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

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

4. Ecwid Ecommerce Shopping Cart

Плагин используется более чем миллионом продавцов по всему миру. Поддерживает более 40 вариантов оплаты и 45 различных языков.

Этот плагин хранит все данные в облаке с автоматическим обновлением и резервным копированием. Он также предлагает бесплатные мобильные приложения для iOS и Android , которые позволяют превратить ваше устройство в пункт продажи ( POS ).

• Позволяет хранить данные в облаке;
• Бесплатные приложения для iOS и Android ;
• Поддержка интеграции с Facebook ;
• Проверка HTTPS и более 40 вариантов оплаты.

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

5. PayPal Shopping Cart

Позволяет размещать кнопки PayPal с надписью « Добавить в корзину » и « Просмотр корзины » в любом месте сайта. Платежи обрабатываются PayPal с помощью кредитной или дебетовой карты.

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

• Функцию создания кнопок быстрого доступа;
• Поддерживает 25 валют и 18 языков;
• Включает в себя два стиля кнопок, а также выбор URL-адресов магазинов и платежей.

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

6. WordPress Simple PayPal Shopping Cart

Плагин предлагает простую, минималистичную корзину для сайта. Он легко интегрируется в любую страницу, запись или боковую панель WordPress-сайта . Позволяет продавать как физические, так и цифровые товары, включая аудиофайлы, PDF-файлы , фотографии, видео и многое другое.

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

• Позволяет вставить кнопку « Добавить в корзину » с различными вариантами оформления;
• Минималистичный подход – облегчает работу с кодом и помогает сократить время загрузки до минимума.

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

7. Ecommerce WD

Обеспечивает удобную настройку в сочетании с некоторыми расширенными функциями, в том числе: интеллектуальную сортировку, фильтрацию и поиск продуктов. Работает с PayPal и позволяет рассчитывать налоги и стоимость доставки по группам, а не по отдельным товарам. Плагин также предлагает интеграцию с социальными сетями.

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

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

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

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

8. Selz eCommerce Shopping Cart

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

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

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

• Предлагает безопасные варианты загрузки цифровых продуктов;
• Поддерживает разнообразные варианты доставки физических товаров;
• Предоставляет различные приложения для расширения функционала магазина;
• Функция продажи и размещения ссылки в Twitter , Pinterest и Facebook в один клик;
• Скрипт корзины для сайта HTML включает в себя специальный шаблон для магазина в Facebook .

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

9. Easy Digital Downloads

Плагин электронной коммерции, предназначенный для продажи цифровых товаров. Это минимализм в лучшем его проявлении!

Amazon , PayPal и тестовые платежи поддерживаются по умолчанию. Также существует множество премиум-расширений, которые помогут улучшить магазин. Easy Digital Downloads полностью бесплатен — это означает, что плата за проводимые транзакции не распространяется на ваши продажи.

• Функция тестовой оплаты;
• Предоставляет пользователям полную историю покупок, а также возможность повторно скачивать купленные товары;
• Позволяет устанавливать различные варианты цены для каждого продукта;
• Экспорта данных в формате CSV и PDF ;
• Включает надежную систему промо-кодов.

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

10. Jigoshop

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

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

• Позволяет продавать как цифровые, так и физические товары;
• Функция группировки товаров;
• Предлагает поддержку аффилированных товаров;
• Управление запасами и расширенные отчеты;
• Предлагает более 100 расширений, и каждый месяц появляются новые.

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

Заключение

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

Пожалуйста, опубликуйте ваши комментарии по текущей теме материала. Мы очень благодарим вас за ваши комментарии, отклики, лайки, подписки, дизлайки!

Источник