Добавить кнопку PayPal с перенаправлением на определенную страницу после завершения.

Вопрос или проблема

Я создал новую страницу на своем сайте WordPress, чтобы протестировать процесс оплаты через PayPal. У меня есть продукты на основе подписки. Приложенный код предназначен для кнопки подписки PayPal.

 <div id="paypal-button-container-P-91F08612M1573283BMIUWMOA"></div>
<script src="https://www.paypal.com/sdk/js?client-id=AfGWAPJxdGbCj7b51a2mpoZQYI5y63txxxxxxxxIe1UDh2Vxcr05AFJxxxxNSCNDf8y-xopaJ6&vault=true&intent=subscription" data-sdk-integration-source="button-factory"></script>
<script>
  paypal.Buttons({
      style: {
          shape: 'rect',
          color: 'gold',
          layout: 'vertical',
          label: 'subscribe'
      },
      createSubscription: function(data, actions) {
        return actions.subscription.create({
          /* Создает подписку */
          plan_id: 'P-91xxxxxxxxxxxxxxx'
        });
      },
      onApprove: function(data, actions) {
        alert(data.subscriptionID); // Вы можете добавить дополнительное сообщение об успехе для подписчика здесь
      }
  }).render('#paypal-button-container-P-91F08612M1573283BMIUWMOA'); // Отображает кнопку PayPal
</script>

Мой результат оказался успешным, и он показывает это сообщение. Нажмите здесь для изображения

По завершении я просто вижу всплывающее окно с номером заказа, и затем остаюсь на той же странице. (посмотрите изображение) Что я хочу сейчас, так это перенаправить пользователя на конкретную страницу после успешной оплаты. Я уже установил URL-адрес для автоматического возврата из PayPal, но это не работает. Посмотрите на мою конфигурацию PayPal на изображении ниже. Конфигурация Paypal

Как я могу перенаправить пользователя, отредактировав код? Смогу ли я внести это изменение?

https://www.paypal.com/us/smarthelp/article/how-do-i-use-paypal’s-auto-return-feature-to-redirect-customers-back-to-my-website-faq3651

PayPal предоставляет автоматическое перенаправление для продавца, пожалуйста, попробуйте снова, возможно, оно сработает.

Это перенаправит вас на конкретную страницу

 onApprove: function(data, actions) {
        actions.redirect('https://gutsycreatives.com/'); // Вы можете добавить дополнительное сообщение об успехе для подписчика здесь

Ответ или решение

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

Настройка перенаправления после успешной подписки

Для начала ориентируемся на вашу текущую реализацию PayPal кнопки. Ваша основная задача — изменить действие в методе onApprove, чтобы после успешной подписки пользователь перенаправлялся на нужную страницу.

Шаг 1: Модификация кода

Вот обновленный фрагмент вашего кода, который включает перенаправление:

<div id="paypal-button-container-P-91F08612M1573283BMIUWMOA"></div>
<script src="https://www.paypal.com/sdk/js?client-id=AfGWAPJxdGbCj7b51a2mpoZQYI5y63txxxxxxxxIe1UDh2Vxcr05AFJxxxxNSCNDf8y-xopaJ6&vault=true&intent=subscription" data-sdk-integration-source="button-factory"></script>
<script>
  paypal.Buttons({
      style: {
          shape: 'rect',
          color: 'gold',
          layout: 'vertical',
          label: 'subscribe'
      },
      createSubscription: function(data, actions) {
        return actions.subscription.create({
          /* Создание подписки */
          plan_id: 'P-91xxxxxxxxxxxxxxx'
        });
      },
      onApprove: function(data, actions) {
        // Здесь происходит перенаправление на нужную страницу
        window.location.href = 'https://www.yourwebsite.com/success-page'; // Укажите ваш URL
      }
  }).render('#paypal-button-container-P-91F08612M1573283BMIUWMOA'); // Отрисовка кнопки PayPal
</script>

Шаг 2: Проверка настроек PayPal

Убедитесь, что вы правильно настроили параметры в вашем аккаунте PayPal. Основные моменты, которые нужно проверить:

  1. Auto Return: Убедитесь, что в настройках вашего аккаунта PayPal включена функция автоматического возврата. Это можно сделать в разделе "My Selling Tools" в вашем PayPal аккаунте.

  2. Return URL: Проверьте правильность указания Return URL в настройках PayPal. Это URL, на который вас должен перенаправить PayPal после успешного завершения транзакции.

  3. Состояние подписки: Убедитесь, что все настройки вашего плана и подписки актуальны и доступны.

Шаг 3: Тестирование функционала

После внесения всех необходимых изменений выполните тестовые подписки для проверки корректности работы редиректа. Убедитесь, что переход на указанный вами URL происходит именно после успешной обработки операции.

Обратите внимание

Обязательно протестируйте изменения на тестовом сервере перед развертыванием на основном сайте. Это позволит избежать возможных проблем с пользователями.

С этими изменениями вы сможете эффективно управлять перенаправлениями после оформления подписки в PayPal и оптимизировать покупательский опыт на вашем сайте. Если у вас возникнут дополнительные вопросы, не стесняйтесь обращаться за помощью.

Оцените материал
Добавить комментарий

Капча загружается...