Даже небольшой бизнес теперь может выделяться из числа конкурентов, выглядеть авторитетно и заслужить лояльность, создав свой собственный маркетплейс.
Сайты интернет-коммерции – это самые динамичные ресурсы, после запуска сайта разработка не прекращается и их развитие идёт постоянно. Многие бизнесмены просто не могут продавать свои товары без помощи программистов.
В данной статье мы рассмотрим популярный плагин WooCommerce и покажем, как эффективно работать с ним в CodeLobster IDE. С помощью данного расширения можно построить свой WEB-магазин с нуля или превратить уже существующий WordPress-блог в сайт для электронной коммерции.
Если у вас уже есть навыки программирования на PHP и понимание принципов WordPress, но ещё не приходилось работать с WooCommerce, то эта статья обеспечит вам быстрый старт.
Используем WordPress и WooCommerce для интернет-магазина
Вы, наверное, уже читали много кейсов об успешном создании интернет-магазинов на WordPress. Можно смело выбирать её как платформу для онлайн торговли. Это достаточно защищённая система для построения ресурсов такого типа.
Каждая современная IDE в первую очередь внедряет хорошую поддержку WordPress, в CodeLobster легко развернуть новый проект на WP.
Можно использовать готовый код или установить CMS с помощью мастера, потребуется только ввести данные администратора и адрес сервера для подключения к MySQL.
WordPress пользуется огромной популярностью среди программистов. Основной код системы – это хороший код, он логичный и понятный. А в отличие от посетителей сайта, разработчику не всё равно, на каком коде работает бакенд.
Кроме того, есть полноценная и удобная админка, чувствуется продуманность и завершённость, вот некоторые её преимущества:
- Лёгкое интуитивное управление контентом – создан отличный интерфейс для администратора и владельца сайта;
- Интегрированный поиск и быстрая установка дополнительных плагинов или тем оформления;
- Автоматизированное обновление ядра системы и всех установленных дополнений.
WooCommerce поставляется в виде плагина, это надстройка над основной системой, её функциональность может быть расширена с помощью других плагинов.
WC мгновенно добавляет все те компоненты, которые и превращают обычный сайт в онлайн магазин: страницы товаров, корзину и способы оплаты.
С WordPress ваши возможности ничем не ограничены – продолжайте развивать свой корпоративный блог, публикуйте обзоры новинок, анонсируйте акции и другие мероприятия. Возможности по работе с контентом помогут вам вести эффективные маркетинговые кампании.
В свою очередь, WooCommerce помогает избежать распространённых сложностей при торговле через интернет:
- Есть плагины для ускорения и упрощения процесса покупки, например, возможность оплатить не покидая страницу товара, это поможет избавиться от проблемы брошенных корзин;
- Облегчение поиска товаров и быстрое предложение альтернатив при отсутствии товара на складе;
- Разнообразные способы оплаты, владелец магазина может легко настроить и предложить своим клиентам простой и быстрый процесс оформления заказа.
WooCommerce позволяет продавать физические или цифровые товары и заниматься любым видом коммерции, независимо от вашей целевой аудитории. В том числе, можно принимать платежи и оказывать услуги на основе подписки.
Использование функций и перехватов WooCommerce
Разработчик, хорошо знакомый с концепцией WordPress, быстро разберётся с кастомизацией WooCommerce, так как плагин легко настраивается, а его код полностью расширяемый.
PHP-программист может использовать функции и классы WooCommerce. Благодаря им вы будете получать доступ к глобальным переменным, настройкам и ко всем остальным ресурсам, с которыми взаимодействует WC.
Применяйте автокомплит при работе с этими функциями, жмите Ctrl + Space при вводе имени функции или Shift + Ctrl + Space для получения подсказки по параметрам.
Для примера мы продемонстрировали следующий код:
//Get WC_Order object by order ID $order_id = 55; $order = wc_get_order( $order_id ); //Get customer ID $customer_id = $order->get_user_id();
wc_get_order() применяется для получения объекта заказа “WC_Order”, из которого уже можно извлечь любые данные самого заказа, например, узнать ID покупателя.
Вы можете мгновенно переместиться к определению функции, если кликните по её имени, удерживая нажатой клавишу Ctrl. Такой подход поможет вам детально разобраться, как работают функции в WC.
Когда же нужно быстро вспомнить о назначении любого метода и уточнить, какие параметры ему передавать, обратите внимание на всплывающие подсказки, которые появляются, если навести курсор на элемент в коде.
В WC широко используются перехваты, такие как Действия и Фильтры. Точки перехвата уже добавлены в исходный код плагина.
Если выделить “do_action” или “apply_filters” в файле, то редактор подсветит все совпадения, это те самые хуки, которые специалисты-разработчики повсеместно использовали в своём коде.
Действия и Фильтры избавляют нас от необходимости непосредственно править базовый код, так что, после выполнения своей работы можно безопасно обновить расширение.
Действия можно применять для вывода дополнительной разметки, достаточно выяснить их расположение в файлах, отвечающих за отображение фронтенда. Фильтры предназначены для обработки или анализа данных, например, когда нужно изменить массив или объект перед тем, как его использовать.
Создание собственного плагина – самый лучший способ для кастомизации WooCommerce. Это можно сделать буквально за пару минут, например, воспользовавшись удобным расширением “Pluginception”.
Напишите собственную функцию и зарегистрируйте её с помощью метода add_action():
Необходимую функциональность можно аналогичным способом добавить в файл “functions.php” собственной темы оформления.
Вы сэкономите массу времени, если будете использовать динамическую систему помощи, когда работаете с WordPress и WooCommerce в CodeLobster IDE.
Как только вы начинаете вводить свой код, IDE автоматически подбирает ссылки на официальную документацию по всем функциям и объектам.
Зайдите во вкладку “Dynamic Help” на правой панели программы и кликните по нужной ссылке, чтобы начать изучать документацию в браузере.
Перезаписываем файлы шаблонов в WooCommerce
В WC имеется собственная шаблонная система – множество нужных нам файлов находятся в папке “wp-content/plugins/woocommerce/templates/”.
Чтобы начать работу с шаблонами, создайте в директории со своей темой папку “woocommerce”. Теперь в ней можно размещать шаблоны, сохраняя при этом структуру каталога “templates” из оригинального модуля.
В файлы шаблонов можно непосредственно вставлять HTML, простой текст или PHP-код, заключив его в теги “<?php ?>”.
В этом примере мы взяли файл “wp-content/plugins/woocommerce/templates/cart/cart.php” и разместили его в теме, с которой планируем работать, по пути “wp-content/themes/storefront-business/woocommerce/cart/cart.php”.
Теперь стандартный шаблон для отображения страницы с корзиной перезаписан и будут учитываться все внесённые нами изменения.
Подведём итог
Чтобы быстро внедрять новые цифровые решения на WordPress, вам нужна надёжная и функциональная IDE. Codelobster комплексно поддерживает эту систему и другие популярные CMS под все бизнес-задачи: Joomla, Drupal и Magento.
Все мы видели, с какими вызовами столкнулись предприниматели во время пандемии COVID-19. Основные проблемы были связаны с резким изменением спроса на различные категории товаров, а также с недостатками в логистике.
Те, кто был готов к внезапному росту количества онлайн заказов, получили неожиданно высокие прибыли. И теперь все владельцы сайтов прекрасно понимают, что онлайн направление их бизнеса продолжит успешно работать и после окончания карантина.
Бизнес бросится усиливать онлайн-продажи, автоматизировать рутинные процессы, максимально использовать облачные технологии и менять модель взаимодействия не только с клиентами, но и с собственными сотрудниками.
WEB-разработчикам придётся решить большую часть предстоящих задач, будьте готовы к серьёзной работе и к скорому появлению множества интересных проектов.