Как добавить автоматическое сохранение заказов в WordPress без WooCommerce

В современных проектах на WordPress часто возникает необходимость вести учет заказов без использования WooCommerce. Например, для легковесных решений, самописных магазинов или сервисов заказов услуг. В таких случаях важно обеспечить надежное и автоматическое сохранение данных заказов, чтобы минимизировать риск потери информации при сбоях или случайных ошибках пользователей.

Почему важно автоматическое сохранение заказов

Если вы разрабатываете собственную систему заказов на WordPress без WooCommerce, пользователь может начать заполнять форму, но случайно закрыть страницу или потерять интернет-соединение. Без автосохранения все введенные данные пропадут. Автоматическое сохранение позволяет сохранять промежуточные данные заказа в базу или сессию, что значительно улучшает UX и снижает количество потерянных заказов.

Кроме того, автосохранение облегчает доработку и интеграцию с CRM, так как всегда можно будет получить актуальную информацию даже на промежуточных этапах оформления.

Способы организации автосохранения заказов в WordPress

1. Использование AJAX для периоденной отправки данных

Самый распространенный подход — через JavaScript и AJAX посылать данные формы на сервер без перезагрузки страницы. Например, каждые 30 секунд или при изменении ключевых полей.

Пример функции JavaScript для отправки данных:

function wporders_autosave_order(formData) {
  jQuery.ajax({
    url: wporders_ajax_object.ajax_url,
    method: 'POST',
    data: {
      action: 'wporders_autosave_order',
      order_data: formData,
      security: wporders_ajax_object.nonce
    },
    success: function(response) {
      console.log('Автосохранение прошло успешно');
    },
    error: function() {
      console.log('Ошибка автосохранения');
    }
  });
}

Вызывать эту функцию можно с помощью события input или через таймер с функцией setInterval.

2. Сохранение данных в пользовательские метаполя или отдельную таблицу

На стороне сервера стоит создать обработчик AJAX-запроса, который сохранит данные в базе. Для этого можно создать кастомный тип записей wporders_order или использовать метаполя пользователя, если заказы привязаны к нему.

add_action('wp_ajax_wporders_autosave_order', 'wporders_handle_autosave_order');
add_action('wp_ajax_nopriv_wporders_autosave_order', 'wporders_handle_autosave_order');

function wporders_handle_autosave_order() {
  check_ajax_referer('wporders_nonce', 'security');

  $order_data = isset($_POST['order_data']) ? $_POST['order_data'] : '';
  $user_id = get_current_user_id();

  if (!$user_id || empty($order_data)) {
    wp_send_json_error('Недостаточно данных');
  }

  // Сохраняем данные в метаполе пользователя
  update_user_meta($user_id, 'wporders_autosave_order', wp_unslash($order_data));
  wp_send_json_success('Заказ сохранен');
}

Если требуется более сложная структура, можно создавать записи в отдельном кастомном типе и обновлять их по user_id или session_id.

Пример интеграции с плагином Clearfy Pro для оптимизации автосохранений

Плагин Clearfy Pro помогает оптимизировать работу WordPress и его AJAX-запросы. Например, с его помощью можно отключить лишние скрипты на страницах с заказами, что ускорит работу автосохранения и снизит нагрузку на сервер.

Рекомендуется комбинировать автосохранение с оптимизацией плагинов и сжатиями, которые Clearfy Pro предлагает, чтобы добиться максимального результата.

Как реализовать восстановление данных заказа при загрузке страницы

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

jQuery(document).ready(function($) {
  $.ajax({
    url: wporders_ajax_object.ajax_url,
    method: 'POST',
    data: {
      action: 'wporders_get_autosave_order',
      security: wporders_ajax_object.nonce
    },
    success: function(response) {
      if (response.success && response.data) {
        // Заполняем поля формы
        $('#order-name').val(response.data.name);
        $('#order-email').val(response.data.email);
        // и так далее
      }
    }
  });
});

На PHP нужно реализовать обработчик:

add_action('wp_ajax_wporders_get_autosave_order', 'wporders_get_autosave_order');
add_action('wp_ajax_nopriv_wporders_get_autosave_order', 'wporders_get_autosave_order');

function wporders_get_autosave_order() {
  check_ajax_referer('wporders_nonce', 'security');
  $user_id = get_current_user_id();
  if (!$user_id) {
    wp_send_json_error('Пользователь не авторизован');
  }
  $data = get_user_meta($user_id, 'wporders_autosave_order', true);
  if ($data) {
    wp_send_json_success(json_decode($data, true));
  } else {
    wp_send_json_error('Данные не найдены');
  }
}

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

1. Обязательно используйте nonce для защиты AJAX-запросов от CSRF-атак.

2. Ограничивайте частоту автосохранений, чтобы не перегружать сервер и не создавать лишних записей.

3. Храните данные в сжатом виде или JSON, чтобы минимизировать объем хранимой информации.

4. В случае сохранения в метаполя учитывайте, что у пользователей может быть ограничение на объем пользовательских метаданных.

Выводы

Автоматическое сохранение заказов без WooCommerce в WordPress — это полезный и технически реализуемый функционал, который значительно улучшает качество пользовательского опыта и надежность системы заказов. Используя AJAX, кастомные метаполя и обработчики, вы можете построить гибкую и удобную систему автосохранения. Для оптимизации и безопасности стоит задействовать плагины вроде Clearfy Pro и строго соблюдать рекомендации по безопасности.

Для более удобной работы с заказами и дополнительными возможностями рекомендуем изучить решения на сайте WPSHOP.

Автоматическое сохранение заказов в WordPress без WooCommerce