WooCommerce

Введение

В документе описан процесс установки и настройки плагина Мокка для CMS WooCommerce, который значительно упрощает для партнёра процесс интеграции с сервисом Мокка.

Установка

Плагин можно установить через панель администратора вручную, с помощью переноса файлов модуля на сервер. Загрузите плагин Мокка для WooCommerce перед началом выполнения инструкции.

Войдите в административный интерфейс вашего сайта.

1. Пройдите в меню «Плагины» -> «Добавить новый».
2. В левом верхнем углу нажмите «Загрузить плагин».
   
3. В появившемся окне нажмите «Выберите файл» и загрузите архив с модулем.
   
4. После того как архив загрузится, нажмите «Установить».
   
5. После того как плагин успешно установится, нажмите кнопку «Активировать плагин».
   
6. Плагин появится по пути: «Woocommerce»-> «Плагины»-> «Оплата Мокка».
   

Настройка

1. Перейдите в меню «WooCommerce» –> «Оплата Мокка».
2. У вас откроется вкладка «Настройки API», после чего введите параметры API:
   • Статус — состояние модуля.
   • Тестовый режим — активировать только на период тестирования и отладки. При боевом запуске снять.
   • ID магазина и Секретный ключ — выдаётся сотрудником Мокка.
   • Базовый URL адрес — необходимо указать базовый адрес для обмена с Мокка.
   • ID магазина и Секретный ключ (тестовый режим) — выдаётся сотрудником Мокка для проведения предварительных тестов. Требуется, если активирован тестовый режим.
   • Базовый URL адрес (тестовый режим) — необходимо указать тестовый адрес для обмена с Мокка.
   • Страница заказов — ссылка на страницу заказов в панели администрирования. Генерируется автоматически и не предполагает редактирования.
3. Перейдите во вкладку «Настройки магазина»
   • Минимальная сумма заказ — проставляется в соответствии с вашим тарифом.
   • Максимальная сумма заказа — проставляется в соответствии с вашим тарифом.
   • Максимальный процент — процент суммы, которую клиент сможет оплатить с помощью Мокка (по умолчанию, 100%).
   • Валидно до — проставить такое же время, как и на сервере, на котором находится сайт.
   • Создать счет после того, как Мокка принял платеж — настройка отвечающая за формирование чека, после одобрения аванса Мокка для клиента.
   • Показать для всех доставок — настройка отвечающая за отображения способа оплаты Мокка при оформлении заказа.
   • Опциональные параметры:

• Сортировка — позиция способа оплаты на странице заказа.
• Показывать для всех доставок — включение оплаты в рассрочку Mokka для всех методов доставки.
• Методы доставки — выбор способов доставки, для которых доступна оплата через Mokka.
• 
• Перейдите во вкладку «Статусы»
  • Отмененный заказ — статус заказа, который отправляет в сервис Мокка информацию об отмене заказа.
  • Финализированный заказ — статус заказа, при котором в сервис Мокка будет передана информация о финализации заказа. Обычно это статус, который проставляется после отгрузки или доставки заказа клиенту.
  • Новый заказ — статус заказа, применяемый к заказу после оформления, по которому еще не пришло решение Мокка, или клиент не закончил оформление.
  • Возвращенный заказ — статус заказа, который отправляет в сервис Мокка информацию о возврате заказа.
  • Одобренный заказ — статус применяемый к заказу после положительного ответа от платежной системы. Заказ уже совершён, но ещё не финализирован.
  • Отклоненный заказ — статус применяемый к заказу после отрицательного ответа от платежной системы.
• Перейдите на вкладку «Корзина», чтобы настроить внешний вид оформления заказа. Вы можете пропустить этот шаг, тогда корзина будет оформлена по умолчанию.
  • Тип отображения виджета — выбор типа изображения, которое будет отображаться при оформлении заказа.
  • Загруженное изображение — загрузка логотипа с вашего компьютера.
  • Изображение по ссылке — загрузка логотипа с URL-адреса в качестве внешнего ресурса.
  • Заголовок метода оплаты — название способа оплаты, отображаемое на странице оформления заказа. Значение по умолчанию — «Мокка — оплата авансом».
  • Цвет заголовка метода оплаты — цвет заголовка в корзине.
  • Текст неактивного способа оплаты — текст, который будет отображаться во всплывающем окне, если сумма рассрочки не подходит по параметрам.
    
• Перейдите во вкладку «Виджет & Поп-ап»
  • Отображение виджета — определяет, где именно показывать виджет.
  • Максимальное кол-во месяцев рассрочки — проставляется в соответствии с вашим тарифом.
  • Минимальное кол-во месяцев рассрочки — проставляется в соответствии с вашим тарифом.
  • Тип отображаемого виджета — позволяет выбрать шаблон отображения виджета сервиса Mokka.
  • Опциональные параметры:
    • Содержимое виджета — используется для изменения HTML-кода виджета. Виджет поддерживает теги HTML.
    • Содержимое поп-ап — используется для изменения всплывающего HTML. Всплывающее окно также поддерживает теги HTML
• После чего опуститесь вниз экрана и нажмите «Сохранить настройки»

Маркетинговые коммуникации

Баннер Мокка на главной странице

1. Выбрать из доступных шаблонов  баннер с максимальным сроком выплаты аванса по вашему тарифу. Например, если ваш тариф подразумевает авансы на 3 и 6 месяцев, то нужно выбрать баннер со значением 6 месяцев (максимальный срок можно уточнить у вашего менеджера).
2. Выделить выбранный баннер и нажать кнопку «Export» в правом верхнем углу экрана.
3. В открывшемся окне выбрать подходящий формат и размер баннера.
4. Нажать кнопку «Export».
5. Баннер должен быть размещен на главной странице вашего сайта. При щелчке на баннер необходимо реализовать переход по ссылке на лендинг. 

Размещение логотипа Мокка в платежных системах

1. Скачать логотип Мокка по ссылке.
2. Выбрать подходящий шаблон отображения логотипов платежных систем.
3. Вставить в шаблон следующий код (может быть изменен в зависимости от реализации верстки):

   <img class="mokka" src="ПУТЬ К ЛОГОТИПУ">

4. В результате логотип Мокка будет отображен среди доступных платежных систем.

Размещение описания Мокка в Способах оплаты

Описание сервиса Мокка должно присутствовать в разделе «Доставка и оплата» и «FAQ» (если такие разделы есть) для того, чтобы посетители сайта имели возможность ознакомиться с сервисом. Текст описания должен быть взят из прототипа.

Тестирование

Оформления заказа

1. Соберите корзину на минимальную сумму.
2. Перейдите в корзину.
3. В способах оплаты выберите «Мокка – оплата авансом».
4. Нажмите «Оформить заказ».
5. На экране откроется форма ввода данных. Заполните все поля формы. Номер телефона для одобрения на тестовой среде должен соответствовать маске +7 8881xxxxxx.
6. Нажмите «Оформить» и введите код подтверждения (на тестовой среде всегда 1111).
7. Выберите интересующий вас график платежей и нажмите кнопку “Оплатить авансом”.

Выполнен

1. Перейдите в раздел «Заказы» в административной панели WordPress.
2. Выберите оформленный ранее заказ, проставив галочку напротив нужного заказа.
3. В меню «Действия» выберете статус «Выполнено».
4. Нажмите «Применить».

В результате заказ будет выполнен.

Отмена

1. Перейдите в раздел «Заказы» в административной панели WordPress.
2. Выберете оформленный ранее заказ, проставив галочку напротив нужного заказа.
3. В меню «Действия» выберете статус «Отменен».
4. Нажмите «Применить».

В результате заказ будет отменен.

Возврат

1. Перейдите в раздел «Заказы» в административной панели WordPress.
2. Откройте оформленный ранее заказ нажатием на его ID.
3. Переведите заказ в статус «Возвращен».
4. Нажмите «Обновить»

В результате заказ будет возвращен.

Активация

После успешной установки модуля и отладки на тестовых данных, активируйте плагин, чтобы команда Мокка могла протестировать работоспособность и активировать сервис. Для активации следуйте инструкции:

1. Снимите галочку «Тестовый режим».
2. Выберете статус «Включено».
3. Нажмите «Сохранить настройки».

В результате способ оплаты «Мокка – оплата авансом» станет доступен для посетителей вашего сайта.

Свяжитесь с командой интеграции Мокка в integration@mokka.ru или с вашим менеджером. Для активации мы проверим все функции и размещенную коммуникацию на соответствие стандартам сервиса.

Удаление

1. Чтобы удалить плагин перейдите во вкладку «Плагины»-> «Установленные».
   
2. Найдите плагин Мокка в списке и нажмите «Деактивировать».
   
3. Затем нажмите «Удалить».