Что такое WooCommerce? Обзор плюс инструкция по настройке интеграций
WooCommerce позволяет создавать магазины без помощи программистов. Это удобная и недорогая, но в тоже время гибкая и функциональная платформа. Все перечисленное делает ее хорошим инструментом для малого и среднего бизнеса, владельцы которого не готовы тратить крупные суммы на разработку магазинов с нуля.
Эта статья познакомит вас с главными особенностями WooCommerce, а также поможет интегрировать ее с внешними сервисами.
Содержание:
1. WooCommerce — это расширение для WordPress
2. Базовые возможности WooCommerce
3. Установка и настройка WooCommerce
4. Плагины для WooCommerce
5. Интеграции WooCommerce с внешними сервисами
6. Настройка интеграции: на примере WooCommerce и amoCRM
7. Тарифы WooCommerce
8. Заключение: кратко о WooCommerce
WooCommerce — это расширение для WordPress
Чтобы не путаться, прежде всего давайте разберемся с понятиями.
Начнем с движка WordPress. Это платформа, которая позволяет быстро создавать самые разные типы сайтов. Кроме того, WordPress поддерживает плагины. Так называют модули, которые устанавливаются в движок и добавляют в него новые функции.
Базовых возможностей WordPress недостаточно для создания продающих сайтов. Поэтому разработчики платформы придумали WooCommerce — плагин, который добавляет в движок функции для запуска полноценных магазинов.
Таким образом, готовая к работе система представляет собой WordPress с установленным расширением WooCommerce. После инсталляции плагина в панели администратора WordPress появляется вкладка WooCommerce со всем необходимым для создания и управления магазином.
Базовые возможности WooCommerce
Продающие страницы «ВуКомерс». Платформа позволяет создать интернет-магазин с отдельными страницами для общего каталога товаров, категорий и конкретных товаров. Платформа также добавляет на сайт страницы для оформления заказа, кабинета покупателя, корзины и так далее. Кроме того, вы можете создавать любые дополнительные разделы с контентом, будь то описание магазина, контакты или статьи.
![WooCommerce: обзор плюс инструкция по интеграции | Витрина магазина WooCommerce: обзор плюс инструкция по интеграции | Витрина магазина](/media/blogimg/w720/ru/8c41477934a33c070598ff14ff6283f8.jpg)
Возможности оплаты. По умолчанию WooCommerce позволяет принимать платежи через PayPal или банковский перевод. Но во встроенном магазине расширений доступны модули для подключения других платежных систем со всего мира.
![WooCommerce: обзор плюс инструкция по интеграции | Настройка оплаты WooCommerce: обзор плюс инструкция по интеграции | Настройка оплаты ](/media/blogimg/w720/ru/e05efeb9199f93b080987caf159ff5f3.jpg)
Управление заказами и товарами WooCommerce. Вы можете редактировать каталог товаров: добавлять описания, изображения, цены, скидки, количество и прочую информацию. Кроме того, WooCommerce отображает список покупателей, а также позволяет управлять полученными заказами. Фактически вы получаете встроенную CRM.
![WooCommerce: обзор плюс инструкция по интеграции | Управление заказами WooCommerce: обзор плюс инструкция по интеграции | Управление заказами](/media/blogimg/w720/ru/94b45a1eae3530a87c9bbe32446b063b.jpg)
Аналитика. WooCommerce предлагает встроенные инструменты аналитики. В системе отображается статистика по заказам, платежам, количеству товаров, налогам и другим данным. Все показатели считаются автоматически. Часть информации представлена в виде наглядных графиков.
![WooCommerce: обзор плюс инструкция по интеграции | Аналитика WooCommerce: обзор плюс инструкция по интеграции | Аналитика](/media/blogimg/w720/ru/176bfe0b1e4ef865e3271e94fe5f58bc.jpg)
Шаблоны «ВуКомерс» и кастомизация. Пользователи WooCommerce получают почти неограниченную свободу для настройки внешнего вида магазина. Вы можете выбрать один из множества шаблонов (они же темы «ВуКомерс») и с легкостью изменить его облик для своих нужд с помощью визуального редактора. Система даже позволяет создавать собственные шаблоны с нуля. Но для этого понадобится изучить документацию WordPress и разобраться в языке разметки HTML.
![WooCommerce: обзор плюс инструкция по интеграции | Темы WooCommerce WooCommerce: обзор плюс инструкция по интеграции | Темы WooCommerce](/media/blogimg/w720/ru/fc584444a3f3e9ef4705f078ee23fac5.jpg)
Установка и настройка WooCommerce
Как мы уже выяснили, для начала нужно установить WordPress. Это можно сделать двумя способами: на стандартный сервер, предложенный компанией WordPress, или же на сервер стороннего хостинг-провайдера. В первом случае все предельно просто. Вы регистрируетесь на сайте WordPress.com и просто следуете подсказкам системы. Во втором нужно найти инструкцию по установке WordPress на сайте выбранного хостинг-провайдера.
Установка WooCommerce проходит всегда одинаково, независимо от предыдущего выбора. Нужно войти в панель администратора WordPress, открыть каталог плагинов и нажать на кнопку установки рядом с WooCommerce.
![WooCommerce: обзор плюс инструкция по интеграции | Установка WooCommerce WooCommerce: обзор плюс инструкция по интеграции | Установка WooCommerce](/media/blogimg/w720/ru/bb8c0198dfbaecdb2174c6484289cd1b.jpg)
После установки появится мастер настройки, который поможет быстро выбрать все основные параметры WooCommerce для запуска магазина. Эти и другие настройки в любой момент можно изменить в панели администратора.
Плагины для WooCommerce
Мы упоминали, что функциональность WordPress можно расширять с помощью плагинов. И, хотя WooCommerce, один из них, у него есть собственные расширения. Они доступны в отдельном каталоге, который можно найти на панели администратора под вкладкой WooCommerce.
![WooCommerce: обзор плюс инструкция по интеграции | Плагины ВуКомерс WooCommerce: обзор плюс инструкция по интеграции | Плагины ВуКомерс](/media/blogimg/w720/ru/bab3a75efe89420d0cb746134d5598fb.jpg)
Если плагины для WordPress добавляют в движок возможности для самых разных задач, расширения WooCommerce более специализированные: все они так или иначе расширяют возможности магазина. Одни добавляют на сайт различные виджеты вроде списка похожих товаров. Другие улучшают панель администратора — к примеру, дают возможность настраивать email-рассылки с подтверждением заказов. Третьи позволяют интегрировать WooCommerce со сторонними сервисами: от платежных сервисов до систем аналитики. И так далее.
Масштабируемость, которую дают плагины, — одна из ключевых особенностей WooCommerce. С ее помощью вы можете адаптировать систему для своих бизнес-процессов.
Интеграции WooCommerce с внешними сервисами
Хотя плагины предлагают возможности для интеграции WooCommerce, в каталоге может отсутствовать расширение для нужного вам сервиса. К примеру, подключить к магазину retailCRM стандартными средствами не выйдет, потому что такого плагина нет в каталоге.
К счастью, решить подобные проблемы можно с помощью онлайн-коннектора ApiX-Drive. Это простой инструмент, предназначенный для быстрого создания интеграций без программирования. Благодаря ему вы сможете подключать к WooCommerce огромное количество дополнительных систем и настраивать между ними автоматическую передачу данных.
Перечислим самые типичные сервисы, с которыми можно интегрировать WooCommerce через ApiX-Drive:
- CRM. Подключите WooCommerce к amoCRM, «МойСклад», «Битрикс24», retailCRM, «Клиентикс», U-ON.Travel, GetCourse, YClients, Intrum, Odoo или Creatio — и коннектор будут автоматически передавать заказы из магазина в выбранную CRM.
- Мессенджеры. По умолчанию WooCommerce позволяет настроить автоматические уведомления о новых заказах и других важных событиях по email. Но с помощью коннектора можно настроить отправку уведомлений прямо в мессенджер, что удобнее. ApiX-Drive поддерживает Viber, Telegram и Slack.
- Сервисы SMS-рассылок. Хотите, чтобы система автоматически информировала клиентов о статусах заказов через SMS? Тогда подключите к магазину один из сервисов рассылок. Коннектор поддерживает Intel Telecom, AlphaSMS, TurboSMS, SMS.BY, SMS Club и другие подобные системы.
- Электронные таблицы. Иногда возникает потребность выгрузить товары в онлайн-таблицу. К примеру, чтобы быстро считать показатели с помощью математических функций. Коннектор может пригодиться и здесь: он позволяет интегрировать магазин с Google Sheets для автоматической передачи заказов в табличные листы.
Стоит отметить, коннектор позволяет создавать множество интеграций. В каждой из них может быть один источник, но множество приемников. Другими словами, вы можете подключать WooCommerce сразу к нескольким сервисам. В таком случае данные будут поступать из магазина по очереди в каждый из них.
Настройка интеграции: на примере WooCommerce и amoCRM
Настройка проходит на сайте коннектора и занимает около 15 минут. Ничего сложного: система помогает встроенными в интерфейс подсказками.
![YouTube](/landing/images/yt_icon.png)
![Подключение Plutio Подключение Plutio](https://img.youtube.com/vi/rI5YVjWSF44/maxresdefault.jpg)
![Как настроить выгрузку лидов из Вконтакте в Unisender? Как настроить выгрузку лидов из Вконтакте в Unisender?](https://img.youtube.com/vi/2-Tc42udRfs/maxresdefault.jpg)
Чтобы вам было проще разобраться, опишем настройку по шагам. В качестве примера будет подключать WooCommerce к amoCRM. В результате интеграции коннектор будет автоматически передавать все новые заказы из магазина в CRM.
Для начала регистрируемся на сайте ApiX-Drive. Заходим в личный кабинет и нажимаем «Создать связь». После этого приступаем к настройке интеграции.
![WooCommerce: обзор плюс инструкция по интеграции | Создаем новую интеграцию WooCommerce: обзор плюс инструкция по интеграции | Создаем новую интеграцию](/media/blogimg/w720/ru/a001772dd0c40cd5d0032bd39880dd35.jpg)
1. Подключение и настройка «ВуКомерс»
Выбираем WooCommerce в качестве источника данных.
![WooCommerce: обзор плюс инструкция по интеграции | Выбираем источник WooCommerce: обзор плюс инструкция по интеграции | Выбираем источник](/media/blogimg/w720/ru/9e01222d3112b752be7b2026ad68c4c5.jpg)
Чтобы коннектор загружал заказы из магазина, выбираем действие «Принять данные».
![WooCommerce: обзор плюс инструкция по интеграции | Настраиваем коннектор для загрузки заказов WooCommerce: обзор плюс инструкция по интеграции | Настраиваем коннектор для загрузки заказов](/media/blogimg/w720/ru/88afdf2380667dcd3f7b145e931a6cd6.jpg)
Кликаем «Подключить аккаунт «WooCommerce».
![WooCommerce: обзор плюс инструкция по интеграции | Подключаем ВуКомерс WooCommerce: обзор плюс инструкция по интеграции | Подключаем ВуКомерс](/media/blogimg/w720/ru/6280d6aa3f6f408aa40d8a5eb0cd81d2.jpg)
Копируем URL, который понадобится для подключения.
![WooCommerce: обзор плюс инструкция по интеграции | Копируем ссылку WooCommerce: обзор плюс инструкция по интеграции | Копируем ссылку](/media/blogimg/w720/ru/26467028323416d1d2efbf6a603c4e59.jpg)
Открываем в новой вкладке панель администратора WordPress. Переходим в раздел WooCommerce — «Настройки» — «Дополнительно» — «Перехватчики». Вводим имя ApiX-Drive, затем выбираем статус «Активно», топик «Заказ создан», после чего вставляем ранее скопированный URL. Не забываем сохранить изменения.
![WooCommerce: обзор плюс инструкция по интеграции | Вставляем ранее скопированный URL WooCommerce: обзор плюс инструкция по интеграции | Вставляем ранее скопированный URL](/media/blogimg/w720/ru/fc58ab76cee50edf8f93aa9515ef05b3.jpg)
Открываем сайт магазина и оформляем заказ на любой товар, заполняя поля любыми данными. Это понадобится для теста.
![WooCommerce: обзор плюс инструкция по интеграции | Отправляем тестовые данные WooCommerce: обзор плюс инструкция по интеграции | Отправляем тестовые данные](/media/blogimg/w720/ru/e8ab64d18a5dad035eca216467e14270.jpg)
Возвращаемся к сайту ApiX-Drive. При необходимости добавляем условия фильтрации.
![WooCommerce: обзор плюс инструкция по интеграции | Настраиваем фильтр WooCommerce: обзор плюс инструкция по интеграции | Настраиваем фильтр](/media/blogimg/w720/ru/8015d3528d9529cae0c2eace6eb7b5c7.jpg)
На экране должны появиться тестовые данные, которые мы отправили через форму. Просто переходим к следующему этапу.
![WooCommerce: обзор плюс инструкция по интеграции | Проверяем загруженные данные по тестовому заказу WooCommerce: обзор плюс инструкция по интеграции | Проверяем загруженные данные по тестовому заказу](/media/blogimg/w720/ru/f7c897f49065dfac499a538ccffbea20.jpg)
2. Подключение и настройка amoCRM
Нажимаем «Начать настройку Приема Данных».
![WooCommerce: обзор плюс инструкция по интеграции | Переходим к приему данных WooCommerce: обзор плюс инструкция по интеграции | Переходим к приему данных](/media/blogimg/w720/ru/a331195d9e7052f63e9fbd452e4251f5.jpg)
Выбираем amoCRM как систему приема данных.
![WooCommerce: обзор плюс инструкция по интеграции | Выбираем приемник WooCommerce: обзор плюс инструкция по интеграции | Выбираем приемник](/media/blogimg/w720/ru/7ca74d1667589a5a3634338d6c6b61bc.jpg)
Чтобы коннектор загружал заказы в amoCRM, выбираем действие «Отправка сделок».
![WooCommerce: обзор плюс инструкция по интеграции | Настраиваем коннектор для передачи заказов WooCommerce: обзор плюс инструкция по интеграции | Настраиваем коннектор для передачи заказов](/media/blogimg/w720/ru/cce671c110e4fb0698f420951062b7ae.jpg)
Подключаем аккаунт amoCRM.
![WooCommerce: обзор плюс инструкция по интеграции | Подключаем амоСРМ WooCommerce: обзор плюс инструкция по интеграции | Подключаем амоСРМ](/media/blogimg/w720/ru/6fba7a9b197177745a276effd8aef3ca.jpg)
Указываем воронку, в которую должны копироваться заказы. После этого выбираем, какие именно данные должны передаваться по каждому заказу: бюджет, название контакта и так далее. Для этого кликаем по нужным полям и выбираем подходящие данные.
![WooCommerce: обзор плюс инструкция по интеграции | Настраиваем параметры передачи заказов WooCommerce: обзор плюс инструкция по интеграции | Настраиваем параметры передачи заказов](/media/blogimg/w720/ru/9235d1f8d90245e585d512a5eca009d9.jpg)
Проверяем пример данных, которые будут передаваться. Если что-то не так, кликаем «Редактировать» и вносим правки. Если все хорошо, идем дальше.
![WooCommerce: обзор плюс инструкция по интеграции | Проверяем пример передаваемых данных WooCommerce: обзор плюс инструкция по интеграции | Проверяем пример передаваемых данных](/media/blogimg/w720/ru/110ced89ac73566ac3b6a3fb2db70f0e.jpg)
![WooCommerce: обзор плюс инструкция по интеграции | При необходимости вносим правки WooCommerce: обзор плюс инструкция по интеграции | При необходимости вносим правки](/media/blogimg/w720/ru/e1b41db8b2c94bb8080059f66a3aedb3.jpg)
Кликаем «Включить обновление», чтобы запустить передачу данных.
![WooCommerce: обзор плюс инструкция по интеграции | Включаем обновление WooCommerce: обзор плюс инструкция по интеграции | Включаем обновление](/media/blogimg/w720/ru/3434a816a6d3c691f4b3bb331f02ffdb.jpg)
Примерно так заказы будут выглядеть в CRM:
![WooCommerce: обзор плюс инструкция по интеграции | Пример заказа в CRM WooCommerce: обзор плюс инструкция по интеграции | Пример заказа в CRM](/media/blogimg/w720/ru/c12ddf0b05a7bd71af63a581dfb0ffce.jpg)
Вот и все! После этого ApiX-Drive начнет передавать заказы из WooCommerce в amoCRM в соответствии с заданными параметрами. Как видите, все довольно просто.
Тарифы WooCommerce
Для размещения магазина на сервере, который предлагает сайт WordPress.com, вам потребуется оплачивать один из тарифных планов. Стоимость начинается от 25 долларов в месяц. В нее входят оплата хостинга и первый год аренды домена. Чем дороже подписка, тем больше облачного пространства для хранения данных вы получаете. Напомним, на сайте WordPress.com все устанавливается в автоматическом режиме.
Если разместить магазин на сервере стороннего провайдера, это позволит использовать WordPress и WooCommerce бесплатно. Но хостинг и домен все же придется оплачивать отдельно. При этом установка будет проходить в ручном или автоматическом режиме — в зависимости от выбранного провайдера.
Кроме того, при любом варианте установки множество шаблонов и плагинов будут платными — их нужно покупать за дополнительную плату.
Заключение: кратко о WooCommerce
- WooCommerce — это удобная и недорогая платформа для быстрого создания интернет-магазинов.
- Система предлагает гибкие инструменты для редактирования сайта, функции управления товарами и заказами, а также возможности для анализа различных показателей.
- WooCommerce представляет собой расширение для платформы WordPress. Поэтому, чтобы получить доступ к функциям создания интернет-магазина, сначала нужно установить WordPress, а потом инсталлировать плагин.
- WooCommerce поддерживает собственные расширения, которые добавляют в систему различные функции: от различных виджетов до интеграций с другими сервисами.
- WooCommerce можно использовать бесплатно, оплачивая только домен и хостинг. Но многие плагины и темы будут доступны только в качестве отдельных покупок.
- Если плагины не позволяют подключить WooCommerce к нужной вам внешней системе, поможет ApiX-Drive. Это простой, но мощный инструмент для быстрого создания интеграций между сотнями разных сервисов.