Woocommerce как настроить корзину

Настройка страницы корзины в 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 и модификации соответствующей страницы на сайте, пишите в комментариях.

Источник

Корзина

В этой категории вы найдёте уроки как про обычную корзину WooCommerce, так и про мини-корзину – каждую из них вы можете изменить и настроить под себя, как захотите.

Как скрыть кнопку добавления в корзину для пользователей, если они уже покупали товар

Иногда бывает нужно ограничить продажу товара для тех пользователей, которые уже купили его однажды. Это например может быть товар с какой-то мега-скидкой или подписка на сайт.

Фрагменты корзины

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

Функция, возвращающая количество определённого товара в корзине

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

Отображаем цену со скидкой от купона и оригинальную цену в «Подытоге»

Рядом с надписью «Подытог» на странице корзины и странице оформления заказа у нас отображается общая сумма товаров в корзине. Как вы помните, купоны применяются именно к этой сумме, и уже не действуют на доставку. Тогда почему бы не показать сразу, как изменилась цена после применения купона?

Отображаем количество товаров в наличии в корзине

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

Как отключить форму ввода купона

В этом уроке я покажу вам несколько способов отключения формы «У вас есть купон?» в WooCommerce.

Источник

Woocommerce добавляем корзину в меню

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

В данной записи мы не будем рассматривать всякие плавающие корзины. Нам нужно чтобы всё было просто. Просто корзина с суммой и товарами. Просто в меню)

В общем решается этот вопрос довольно просто. Установкой плагина WooCommerce Menu Cart. Ссылка не него вот, или же без проблем можете его найти в каталоге плагинов вордпресс из админки вашего сайта. Мне для одного из проектов было достаточно бесплатного функционала плагина, но также у него есть и премиум версия. Чем она лучше – сказать не могу, т.к. не использовал.

Плагин нашли, установили, активировали.

В админе вашего сайта на wordress+woocommerce переходим в раздел woocommerce-woocommerce menu cart. Там мы попадаем в настройки данного плагина.

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

• Выбираем что наш магазин сделан на вукоммерс
• Выбираем меню, в котором мы хотим чтобы отображалась корзина (меню предварительно должно быть создано)
• Ставим галочку если хотим чтобы корзина отображалась даже когда пустая (я обычно это не делаю)
• Выбираем иконку для корзины
• Выбираем что показывать – позиции, сумму или и то и другое, а также положение корзины (в моём случае почему-то это не сработало, видимо от темы зависит)
• Таким образом мы добавили корзину в верхнее меню на woocommerce.

P.s. в последнее время много заказов и соответственно решённых проблем на базе этого плагина, так что в будущем есть мне чем с вами поделиться по данной теме, так что подписываемся на обновления моего блога по этой статьёй, но и не забываем делиться постом социальных сетях.

С уважением, фрилансер-вебмастер Александр Шульгинов

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

Также всегда можете обратиться ко мне за консультацией

e-mail: shonalex@yandex.ru

Skype: webojam

Viber, WhatsApp: +79043998634

Источник

WooCommerce корзина и плагины для увеличения продаж

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

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

WooCommerce корзина и плагины для увеличения продаж

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

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

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

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

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

WooCommerce корзина – Проверенные решения для успешного магазина

Для расширения любого функционала в магазине WooCommerce используются плагины, дополнения и расширения. WooCommerce мы выбрали, потому что мы доверяем этой платформе на все 100%. Я сам лично очень люблю WordPress, поскольку эта система сочетает в себе доступность, простоту, мощный функционал и достаточный уровень безопасности. Создать сайт на базе этой CMS можно буквально за 60 минут, и сделать это сможет любой желающий без каких-либо навыков и знаний программирования. Все упрощают шаблоны.

Так же как и с шаблонами, я советую использовать премиум плагины и по возможности отказаться от бесплатных плагинов (конечно, есть и свои исключения, например плагины WPML, bbPress и Jetpack). Выбрав платный плагин с положительными отзывами, высоким рейтингом и большим количеством пользователей, вы сможете чувствовать себя уверенно. Такой плагин избавит вас от лишней нервотрепки и проблем, связанных с надежностью и безопасностью работы. В отличие от бесплатных, премиум плагин точно не будет глючить и содержать вредоносного кода. Такие плагины тщательно проверяют. Премиум плагин – это действительно достойное решение, с которым ваш бизнес преобразится и выйдет на новый уровень.

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

WooCommerce корзина – Сделайте свой магазин эффективным с помощью премиум плагинов

YITH WooCommerce Recover Abandoned Cart – эффективный вывод корзины WooCommerce из состояния «брошенная»

По данным многочисленных исследований интернет-магазины недополучают около 4 триллионов долларов в год из-за корзин, брошенных покупателями. Причин этому множество: начиная отсутствием денег в конкретный момент времени, заканчивая банальным отвлечением внимания. 60% из таких корзин можно успешно превратить в полноценные покупки с помощью этого плагина от ребят из команды YITH. Делается это, к примеру, путем отправления напоминания на адрес электронной почты покупателя о недавно забытой им корзине с предложением талона со скидкой на покупку.

Ключевые возможности плагина Recover Abandoned Cart:

— сохранение корзин посетителей сайта и конверсия их в покупателей;
— восстановление корзин определенных пользователей;
— шаблоны писем для упрощения реализации конверсионной стратегии;
— прикрепление к письму скидочных купонов;
— возможность планирования отправки писем по времени;
— поддержка автоматического отправления электронных писем на разных языках благодаря поддержке плагина многоязычности WPML (c определением местоположения посетителя сайта);
— возможность отслеживания отправленных писем (с отображением даты отправления и порядкового номера «заброшенной» корзины);
— получение уведомлений на электронную почту при покупке из восстановленной корзины;
— отчеты и статистика брошенных и восстановленных корзин, конверсии и так далее.

Это один из самых эффективных инструментов, с которым привлекать «потерянных» клиентов будет очень просто. Доверьтесь проверенному решению, стоимость которого вполне доступна (79$) и окупится с ближайшими продажами.

YITH WooCommerce Checkout Deals – плагин спец. предложений перед покупкой товара

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

Основные возможности плагина Checkout Deals:

— отображение специального предложения во всплывающем окне;
— привязка предложений к определенным товарам;
— предложения зависят от общей суммы товаров в корзине;
— возможность настройки периода действия акции.

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

YITH WooCommerce Added to Cart Popup – плавающая корзина WooCommerce

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

Основные возможности плагина:

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

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

WooCart Pro – WooCommerce корзина с полноценным функционалом

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

Основные возможности плагина:

— WooCommerce корзина в меню (удобное расположение для многих покупателей);
— «липкий» виджет корзины WooCommerce (корзина в фиксированном положении);
— WooCommerce шорткод корзины;
— возможность убрать просмотр корзины WooCommerce, когда она пустая;
— быстрое добавление и удаление товаров из корзины;
— когда нажимается WooCommerce кнопка «Добавить в корзину», появляется всплывающее окно, в котором отображаются похожие или рекомендуемые товары (для перекрестных продаж);
— настройка текста и иконок в корзине;
— 11 стандартных иконок с возможностью добавление своих иконок;
— отображение количества товаров в корзине в виде значка;
— отображение корзины в боковой панели в виде списка товаров;
— выпадающий список товаров при наведении курсора или клике на товар;
— выбор страницы, на которой будет отображаться корзина.

Это далеко не весь список возможностей плагина WooCart Pro. Если он вас заинтересовал, и вы хотите узнать о нем больше, испытав в действии, смелей нажмите кнопку ниже.

Fly to Cart Effect + AJAX Cart – дополнение для добавления в корзину со специальным эффектом

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

Что вы получите от этого плагина:

— потрясающий настраиваемый визуальный эффект;
— невероятный пользовательский опыт;
— AJAX-кнопка «Добавить в корзину» в каталоге и на странице товара (работает и с вариативными товарами);
— особенная функция, которой точно нет у ваших конкурентов;
— отличная поддержка.

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

Чтобы в магазине WooCommerce убрать кнопку «Добавить в корзину» (то есть сделать магазин WooCommerce без корзины), рекомендуем использовать специальные плагины WooCommerce каталог.

БОНУС – Премиум темы со встроенным функционалом корзины

Рекомендуем вам присмотреться к крутым темам, с которыми вы легко создадите качественный сайт с полноценным функционалом корзины. Каждая из них имеет высокие показатели продаж, рейтинг выше 4,5 на Themeforest (специализированная площадка шаблонов от компании Envato), адаптированный под мобильные устройства современный дизайн и высококлассную поддержку.

Zella – шаблон WooCommerce c Ajax

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

Woody – тема WP WooCommerce для мебельного магазина с функцией корзины

Woody — впечатляющая тема WooCommerce для мебельного магазина. Woody имеет простой в освоении интерфейс, заслуживающий доверия дизайн, а также чистый и профессиональный код. В комплекте с этой темой идут 10 готовых к использованию домашних страниц, которые вы можете легко редактировать. Также вы можете создать свои собственные страницы с помощью набора шорткодов и плагина WPBakery Page Builder. Простой в использовании визуальный редактор является важной частью темы. Множество грамотно расположенных опций и функция предварительного просмотра могут сэкономить ваше время при создании собственного сайта.

Diassy – тема для магазина модных товаров

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

Flatsome – универсальный отзывчивый шаблон магазина с быстрой загрузкой страниц

Shopkeeper – eCommerce тема с возможностями WooCommerce убрать корзину и включить режим каталога

Sober – тема магазина со стильным дизайном с поддержкой функции WooCommerce мини корзина

Другие темы WooCommerce в готовых подборках вы можете найти на нашем сайте в разделе «WooCommerce шаблоны».

Теперь вы знаете, какие решения WooCommerce корзина стоит использовать, чтобы прокачать свой магазин по полной, повысив при этом продажи, привлекая новых и удерживая старых клиентов. Удачи!

Источник