Введение в WooCommerce: почему этот плагин нужен вашему сайту
WooCommerce — это самый популярный плагин для создания интернет-магазина на базе WordPress. Он позволяет быстро превратить любой сайт на WordPress в полноценный магазин с каталогом товаров, корзиной, оплатой и системой управления заказами. Благодаря огромному сообществу разработчиков и множеству расширений, WooCommerce подойдет как новичкам, так и опытным разработчикам.
Если вы хотите продавать товары или услуги онлайн, то установка и правильная настройка WooCommerce — первый шаг к успеху. В этой статье мы рассмотрим ключевые этапы установки, настройки и базовой кастомизации WooCommerce с примерами кода.
Как установить WooCommerce через админ-панель WordPress
Для начала работы с WooCommerce не нужно скачивать плагины с сайтов — достаточно использовать встроенный каталог плагинов WordPress:
- Перейдите в админ-панель WordPress в раздел
Плагины > Добавить новый. - В поле поиска введите WooCommerce.
- Найдите плагин WooCommerce от Automattic и нажмите
Установить. - После установки нажмите
Активировать.
Сразу после активации запустится мастер настройки WooCommerce, который поможет задать основные параметры магазина: валюта, география, способы оплаты и доставки.
Основные шаги мастера настройки WooCommerce
Мастер установки помогает выполнить базовые задачи:
- Выбор страны и региона магазина.
- Установка валюты и единиц измерения.
- Настройка способов оплаты — например, PayPal, банковские переводы.
- Выбор методов доставки и их стоимости.
Рекомендуется пройти этот мастер, чтобы сразу получить рабочий магазин с базовыми настройками.
Настройка WooCommerce: важные параметры и их влияние на магазин
После установки WooCommerce откройте раздел WooCommerce > Настройки. Здесь вы найдете несколько вкладок с параметрами:
Общие настройки
В разделе Общие задайте адрес магазина, валюту и опции налогообложения. Например, правильная валюта важна для корректного отображения цен и расчетов.
Товары
Вкладка Товары позволяет управлять отображением каталога, единицами измерения веса и размера, а также включать опции управления запасами.
Налоги
Если ваш магазин работает с налогами, перейдите в раздел Налоги и настройте налоговые ставки и правила их применения.
Оплата
В разделе Оплата активируйте нужные платежные шлюзы и настройте их параметры. Например, для PayPal потребуется ввести адрес PayPal аккаунта.
Доставка
Здесь задаются зоны доставки и стоимость. Можно настроить бесплатную доставку, фиксированную цену или расчет стоимости по весу заказа.
Добавление товаров в WooCommerce с помощью кода и админ-панели
Самый простой способ — добавить товар через административную панель в разделе Товары > Добавить новый. Заполните название, описание, цену и загрузите изображения.
Но иногда нужно добавить товар программно, например, из внешней базы или по API. Ниже пример функции для добавления простого товара через код:
function wpmy_add_simple_product($title, $price, $sku) {
$post_id = wp_insert_post(array(
'post_title' => $title,
'post_content' => '',
'post_status' => 'publish',
'post_type' => 'product',
));
if (!$post_id) return false;
// Установим тип продукта
wp_set_object_terms($post_id, 'simple', 'product_type');
// Установим цену
update_post_meta($post_id, '_regular_price', $price);
update_post_meta($post_id, '_price', $price);
// Установим артикул
if ($sku) {
update_post_meta($post_id, '_sku', $sku);
}
return $post_id;
}Эту функцию можно вызвать из плагина или темы, передав название, цену и SKU товара.
Кастомизация вывода WooCommerce с помощью хуков и фильтров
WooCommerce построен на системе хуков WordPress, что позволяет гибко менять вывод без правки ядра плагина.
Изменение текста кнопки «Добавить в корзину»
Например, поменяем текст кнопки "Добавить в корзину" на "Купить сейчас" для простых товаров:
add_filter('woocommerce_product_single_add_to_cart_text', 'wpmy_custom_add_to_cart_text');
function wpmy_custom_add_to_cart_text() {
return 'Купить сейчас';
}Удаление описания товара из страницы
Если нужно убрать стандартное описание товара на странице, можно использовать хук:
remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20);Добавление кастомного блока после цены
Чтобы добавить произвольный HTML после цены на странице товара, используйте такой код:
add_action('woocommerce_single_product_summary', 'wpmy_add_custom_html_after_price', 25);
function wpmy_add_custom_html_after_price() {
echo '<div class="custom-info">Бесплатная доставка при заказе от 5000 рублей</div>';
}Оптимизация производительности WooCommerce: базовые советы
Интернет-магазины обычно более ресурсоемкие, поэтому важно оптимизировать WooCommerce:
- Кэширование страниц — используйте плагины кэширования, совместимые с WooCommerce (например, WP Rocket, LiteSpeed Cache).
- Оптимизация изображений — сжимайте фотографии товаров для ускорения загрузки.
- Индексация поиском — отключите индексацию корзины и страниц оформления заказа в поисковых системах.
- Минимизация плагинов — используйте только необходимые расширения.
Это простые шаги, которые помогут избежать тормозов и сбоев при большом трафике.
Популярные плагины для расширения функционала WooCommerce
Для повышения возможностей магазина можно добавить следующие расширения:
- WooCommerce Subscriptions — для организации подписок и регулярных платежей.
- WooCommerce Bookings — для бронирования услуг и встреч.
- WooCommerce PDF Invoices & Packing Slips — генерация счетов и документов для клиентов.
- YITH WooCommerce Wishlist — добавление списка желаемых товаров.
Каждый из этих плагинов расширяет возможности WooCommerce и поможет создать магазин, соответствующий вашим бизнес-задачам.