Подтверждение номера телефона через OTP в WooCommerce: практическое руководство

Почему важно использовать OTP для подтверждения номера телефона в WooCommerce

Подтверждение номера телефона через одноразовый пароль (OTP) помогает снизить количество мошеннических заказов и повысить доверие к вашему интернет-магазину. Особенно это актуально при продаже цифровых товаров или услуг, где доставка физической продукции отсутствует, а риск мошенничества выше.

Диагностика проблемы: как понять, что нужна OTP-подтверждение

Если вы замечаете следующие признаки, стоит задуматься о внедрении OTP:

• Много отмененных заказов из-за некорректных данных покупателей.
• Высокий процент возвратов и спорных транзакций.
• Частые жалобы на мошенничество или дублирование заказов.
• Отсутствие проверки контактных данных клиентов при оформлении заказа.

Шаг 1. Добавление поля для телефона с валидацией в WooCommerce

По умолчанию WooCommerce уже содержит поле для телефона, но для надежности его лучше расширить и добавить строгую валидацию.

add_filter('woocommerce_checkout_fields', 'custom_validate_phone_field');
function custom_validate_phone_field($fields) {
    $fields['billing']['billing_phone']['required'] = true;
    $fields['billing']['billing_phone']['validate'] = array('phone');
    return $fields;
}

add_action('woocommerce_checkout_process', 'custom_phone_validation_process');
function custom_phone_validation_process() {
    if (empty($_POST['billing_phone']) || !preg_match('/^\+?[0-9]{10,15}$/', $_POST['billing_phone'])) {
        wc_add_notice(__('Пожалуйста, введите корректный номер телефона в международном формате.'), 'error');
    }
}

Шаг 2. Внедрение отправки OTP с помощью SMS-сервиса

Для отправки OTP можно использовать популярные SMS API, например, Twilio, Nexmo или российские сервисы. Ниже приведен пример интеграции с Twilio.

use Twilio\Rest\Client;

add_action('woocommerce_checkout_update_order_meta', 'send_otp_to_customer');
function send_otp_to_customer($order_id) {
    $order = wc_get_order($order_id);
    $phone = $order->get_billing_phone();

    $otp = rand(100000, 999999);
    update_post_meta($order_id, '_order_otp', $otp);

    $sid = 'TWILIO_SID';
    $token = 'TWILIO_AUTH_TOKEN';
    $twilio_number = '+1234567890';

    $client = new Client($sid, $token);

    try {
        $client->messages->create(
            $phone,
            ['from' => $twilio_number, 'body' => "Ваш код подтверждения заказа: $otp"]
        );
    } catch (Exception $e) {
        wc_add_notice(__('Ошибка отправки SMS: ') . $e->getMessage(), 'error');
    }
}

Шаг 3. Добавление поля для ввода OTP на странице оформления заказа

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

add_action('woocommerce_after_order_notes', 'add_otp_field_checkout');
function add_otp_field_checkout($checkout) {
    echo '<div id="otp_field">';
    woocommerce_form_field('order_otp', array(
        'type'          => 'text',
        'class'         => array('form-row-wide'),
        'label'         => __('Код подтверждения (OTP)'),
        'required'      => true,
        'placeholder'   => __('Введите код из SMS')
    ), $checkout->get_value('order_otp'));
    echo '</div>';
}

Шаг 4. Проверка введенного OTP перед завершением заказа

На этапе валидации проверим, совпадает ли введенный код с сохраненным в метаданных заказа.

add_action('woocommerce_checkout_process', 'validate_order_otp');
function validate_order_otp() {
    $order_otp = isset($_POST['order_otp']) ? sanitize_text_field($_POST['order_otp']) : '';
    // Получаем последний заказ пользователя (либо другой способ связывания)
    $last_order = wc_get_customer_last_order(get_current_user_id(), 'pending');
    if (!$last_order) {
        wc_add_notice(__('Не найден заказ для проверки OTP.'), 'error');
        return;
    }
    $saved_otp = get_post_meta($last_order->get_id(), '_order_otp', true);

    if ($order_otp !== $saved_otp) {
        wc_add_notice(__('Неверный код подтверждения. Пожалуйста, проверьте SMS и введите правильный код.'), 'error');
    }
}

Проверка результата после внедрения OTP

• Оформите тестовый заказ с использованием номера телефона, на который вы сможете получить SMS.
• Убедитесь, что после ввода телефона приходит SMS с кодом.
• Ввод кода OTP проходит без ошибок — заказ успешно создается.
• Если ввести неверный код, появится ошибка, блокирующая оформление заказа.

Частые ошибки и их исправление

• Ошибка отправки SMS: Проверьте правильность SID, токена и номера отправителя в настройках Twilio. Используйте логирование для отладки.
• OTP не сохраняется в метаданных: Убедитесь, что update_post_meta вызывается после создания заказа, а не до.
• Пользователь не видит поле для ввода OTP: Проверьте, что хук woocommerce_after_order_notes не конфликтует с другими плагинами или темой.
• Валидация не срабатывает: Проверьте, что woocommerce_checkout_process добавлен без ошибок и что данные из POST доступны.

Практические советы по безопасности и производительности

• Храните OTP в базе с ограничением времени жизни (например, 5 минут), после чего удаляйте или инвалидируйте код.
• Используйте nonce и проверяйте права доступа, чтобы избежать CSRF-атак при отправке и проверке OTP.
• Ограничьте количество попыток ввода OTP, чтобы предотвратить перебор кодов.
• Кэширование отключайте на странице оформления заказа, чтобы данные OTP были актуальными.
• Для повышения стабильности используйте асинхронную очередь для отправки SMS или специальные сервисы, например, RabbitMQ или CRON.

Сравнение вариантов реализации OTP в WooCommerce