✅ Новости WEB и WordPress, темы, плагины. Здесь мы делимся советами и лучшими решениями для веб-сайтов.

Как легко настроить тестовый режим WooCommerce для вашего магазина

481

Важнейшим компонентом для владельцев онлайн-бизнеса является упрощение платежей. Без него нет покупателя и нет покупки.

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

Узнайте больше о тестовом режиме WooCommerce в этой статье, созданной нашей командой в wpDataTables.

5 шагов для настройки платежного теста WooCommerce

1 Переведите свой магазин в тестовый режим

Как легко настроить тестовый режим WooCommerce для вашего магазина

Для запуска теста LIVE store лучше всего использовать бесплатное расширение WooCommerce Stripe.

Установите и настройте расширение Stripe и включите тестовый режим WooCommerce. Теперь можно протестировать процесс оформления заказа. Используйте тестовую кредитную карту Stripe, чтобы имитировать покупку без реальной оплаты.

Чтобы активировать платеж Stripe, убедитесь, что тестовый режим настроен правильно. Чтобы получить доступ к конфигурации Stripe, перейдите в WooCommerce — Настройки — Платежи — Stripe.

Выберите опцию «Активировать тестовый режим» и сохраните изменения. Раздел платежей автоматически перейдет в тестовый режим.

Затем скопируйте и вставьте новый Test Publishable Key и Test Secret Key в настройки WooCommerce Stripe. Нажмите «Сохранить изменения».

Обратите внимание: другие способы оплаты, такие как PayPal, будут рассмотрены в другой статье. Изменения, внесенные здесь, не повлияют на PayPal и дополнительные способы оплаты.

2 Как найти доступный для публикации тест и секретные ключи

Как легко настроить тестовый режим WooCommerce для вашего магазина

Начните с входа в свой бизнес-аккаунт Stripe.

В меню выберите Разработчики > Ключи API. Найдите кнопку доступа в верхнем углу, которая включает тестовый режим или режим реального времени.

В вашей учетной записи будет два набора ключей API — Live и Test. Чтобы получить доступ к обоим, используйте тумблер в левом меню. Выберите «Просмотр тестовых данных». Тестовые ключи будут иметь «тестовый текст» в названии.

Скопируйте и вставьте номер ключей вашей учетной записи Stripe в соответствующее поле WooCommerce. Не забудьте оставить тестовый режим включенным и нажать «Сохранить».

3 Имитация платежа с использованием тестовой кредитной карты в тестовом режиме WooCommerce

Как легко настроить тестовый режим WooCommerce для вашего магазина

Теперь вы можете совершить тестовую покупку, используя тестовый аккаунт покупателя. Все доступные для просмотра экраны, такие как депозиты, транзакции и споры, будут отображаться только в тестовом режиме.

Чтобы использовать тестовую карту для имитации платежа Stripe:

  • Перейдите на общедоступный URL-адрес вашего магазина, например, sitename.com/shop/, или на страницу конкретного продукта.
  • Добавьте товар в корзину.
  • Предварительно просмотрите свою корзину (если используете AJAX или продукты).
  • Нажмите → «Перейти к оплате».
  • Введите платежные реквизиты. Заполните все обязательные поля, например, адрес доставки. В целях тестирования подойдут любые допустимые данные.
  • Введите следующие данные карты в поле «Номер кредитной карты»: 4242424242424242.
  • Дата истечения срока действия карты (ММ / ГГ): убедитесь, что дата действительна и не просрочена.
  • Код карты (CVC): введите действительное трехзначное число.
  • Нажмите → «Оформить заказ».
  • Проверка WooCommerce с помощью тестовой кредитной карты.

Поздравляем! Если настройки верны, вы только что сделали пробный платеж. Заказ будет подтвержден, и транзакция будет завершена.

4 Как протестировать кредитные карты для других платежных систем

Как легко настроить тестовый режим WooCommerce для вашего магазина

Поскольку тестовая карта действительна только для использования с Stripe, все же необходимо протестировать другие платежные шлюзы, такие как PayPal. Это возможно с помощью фиктивных номеров кредитных карт или генератора номеров кредитных карт.

Ниже приведены номера кредитных карт и параметры песочницы/тестового режима для использования в целях тестирования. Они были предоставлены некоторыми из самых популярных платежных систем WooCommerce.

Число Марка карты
4142 4142 4142 4142 Виза
4000 0544 5444 5444 Виза (дебет)
5555 3333 3333 3333 Мастеркард
5105 5105 5105 5105 Мастеркард (предоплата)
3456 7890 1234 005 American Express
6000 1111 2222 3333 Обнаружить

5 Срок действия и CVC

В тестовом режиме введите текущую или будущую дату в поле истечения срока действия (пример: 01/04). Для CVC попробуйте любое допустимое трехзначное число (пример: 444).

Имейте в виду, что, в отличие от большинства кредитных карт, для American Express требуется 4-значный CVC.

Чтобы проверить точные коды ошибок, предоставьте информацию, которая недействительна или неверна. Ниже приведены примеры, которые приводят к появлению кодов ошибок:

  • Использование неверного месяца (например, 15)
  • Использование года в прошлом (например, 1980)
  • Использование двузначного числа (например, 98)

Как протестировать платежи с помощью песочницы PayPal

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

Перейти на страницу разработчика PayPal

Учетные записи песочницы требуют учетных данных для входа. Чтобы получить их, войдите на страницу разработчика PayPal, используя свое имя пользователя и пароль PayPal. В Личном кабинете разработчика → «Песочница» — «Учетные записи».

Создание тестовых учетных записей PayPal Sandbox

Как легко настроить тестовый режим WooCommerce для вашего магазина

Создайте два тестовых аккаунта:

  • тестовый продавец (мерчант аккаунт)
  • пробный покупатель (заказчик)

Нажмите → Создать учетную запись

Создайте поддельное электронное письмо для тестовых целей. Что-то вроде продавца@sitename.com будет служить напоминанием о том, что это учетная запись продавца. Добавьте имя для учетной записи продавца, так как позже оно будет отображаться на странице оплаты.

Эй, а вы знали, что данные тоже могут быть красивыми?

wpDataTables может сделать это таким образом. Есть веская причина, по которой это плагин WordPress №1 для создания адаптивных таблиц и диаграмм.

Как легко настроить тестовый режим WooCommerce для вашего магазина

Фактический пример wpDataTables в дикой природе

И очень легко сделать что-то вроде этого:

  1. Вы предоставляете данные таблицы
  2. Настройте и настройте его
  3. Опубликовать в посте или на странице

И это не только красиво, но и практично. Вы можете создавать большие таблицы, содержащие до миллионов строк, или вы можете использовать расширенные фильтры и поиск, или вы можете сделать их редактируемыми.

«Да, но я просто слишком люблю Excel, а на веб-сайтах ничего подобного нет». Да, есть. Вы можете использовать условное форматирование, как в Excel или Google Sheets.

Я говорил вам, что вы тоже можете создавать диаграммы с вашими данными? И это только малая часть. Есть много других функций для вас.

Как настроить параметры WooCommerce PayPal

Как легко настроить тестовый режим WooCommerce для вашего магазина

Вернитесь в свой магазин WooCommerce, чтобы проверить покупку. В панели управления WordPress нажмите WooCommerce → Настройки → Платежные шлюзы → PayPal. Настройте его следующим образом:

  • Установите флажок «Включить стандарт PayPal» и подтвердите
  • Введите фиктивный адрес электронной почты продавца в поле электронной почты PayPal & Receiver.
  • Установите флажок «Включить песочницу PayPal».

Тестовый режим PayPal теперь активен, и он будет обрабатывать только тестовые платежи. Если реальная покупка будет совершена при активном тестовом режиме, покупка будет отклонена.

Примечание. Если активны другие платежные системы, такие как банковский перевод или Authorize.net, они будут обрабатывать реальные платежи.

Как протестировать покупку

Как легко настроить тестовый режим WooCommerce для вашего магазина

На этом этапе не забудьте использовать тестовую учетную запись, созданную для покупателя. В другом браузере зайдите в свой магазин, нажмите на продукт и нажмите кнопку «Оформить заказ». Вы будете автоматически перенаправлены в песочницу PayPal для обработки платежа.

Важно: для подтверждения тестового статуса в названии магазина появятся слова «тестовый магазин», а URL-адрес будет sandbox.paypal.com. PayPal может добавить метку Test Site в верхнюю или нижнюю часть страницы.

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

Другие тестовые режимы WooCommerce

Проверка возврата средств

Как легко настроить тестовый режим WooCommerce для вашего магазина

Если вы хотите сделать тест возврата:

  • Оплатить заказ
  • Теперь в WP Admin перейдите в WooCommerce > Заказы.
  • Нажмите на идентификатор заказа созданного ранее заказа.
  • Нажмите на ссылку «Возврат».
  • Добавьте сумму возврата и, при желании, причину возврата.
  • Затем нажмите кнопку возврата через WooCommerce Payments.
  • Затем перейдите в «Платежи» > «Транзакции» и подтвердите, что транзакция возврата находится там.

Тестирование ручного захвата

Как легко настроить тестовый режим WooCommerce для вашего магазина

Вы можете протестировать авторизацию платежа по карте с помощью ручного захвата:

  • Перейдите в Платежи > Настройки.
  • Включите захват вручную.
  • Купите предмет для тестирования.
  • Затем перейдите в WooCommerce > Заказы.
  • Нажмите на идентификатор заказа, созданного ранее.
  • Убедитесь, что в заказе есть текст: «Платеж на сумму $xx.xx был авторизован с помощью WooCommerce Payments».
  • Выберите действие → Зафиксировать платеж → Обновить. В заказе должно быть примечание: «Платеж в размере 39,00 долларов США был успешно получен с помощью платежей WooCommerce».
  • Наконец, перейдите в «Платежи»> «Транзакции» и проверьте, есть ли транзакция с указанным типом «списания».

Если вам понравилось читать эту статью о том, как настроить тестовый режим WooCommerce, вам следует ознакомиться с этой статьей о том, как настроить продукты, связанные с WooCommerce.

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

Источник записи: wpdatatables.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее