2016-12-14 5 views
1

私はPayPalの残りの統合を実装しました。今では支払いを作成できます。だから私は今、支払いの承認を有効にする必要があります。私が見ることができるようにExpress CheckoutとREST APIでカスタム(独自の)PayPalボタンを使用することは可能ですか?

https://developer.paypal.com/docs/integration/web/accept-paypal-payment/

approval_urlの使用Iレガシー方法(それは別のタブで承認ページを開きます):私は、このマニュアルを使用しました。しかし、現代の一つは、ここで説明:

https://developer.paypal.com/docs/integration/direct/express-checkout/integration-jsv4/advanced-integration/#set-up-your-client

checkout.jsライブラリスクリプトを使用してのPayPalボタンをレンダリングする必要がありません。自分のボタンを使用したいが、支払いの承認を行うために何を呼び出すべきか分からない。それが許されているかどうかは分かりません。どこでも良い答えが見つかりません。助けてください。

+0

こんにちは、このスクリプトを使用しての つの要件提供されているボタンを使用しています。 実際にボタンをiframeにレンダリングするので、将来的にアップグレードして顧客のためにカスタマイズし、エクスペリエンスやコンバージョンを改善することができます。また、特定のPayPalボタンセットのみを使用するというブランド要件もあります。 既存のボタンが機能しないユースケースがあるかどうか尋ねることはできますか?私たちが持っているボタンの範囲を改善する方法を見つけることができるように、例を持つことは良いことです。 – bluepnume

答えて

3

いいえ、簡単にそれは上記のカスタマイズリンクは、カスタマイズの貧弱な模倣ではありません。ほとんどの開発者のカスタマイズは、任意のボタンを選択し、APIをプログラムで使用して対話する機能を意味します。 paypalによって提供される貧弱なAPIは、現在、ボタンの色/サイズの選択のみを許可しています。また、負荷をかけたときにcheckout.jsを使用して、ユーザーを追跡できるようにします。私は可能ならばそれを避けるだろう。

は基本的に選択肢は次のようになります。彼らは提供および/限られたカスタマイズを追跡paypalsに提出checkout.jsと

  1. 利用エクスプレスチェックアウト。 Paypalマーケティングでは、完全に粘着性のあるPaypalブランドで最適化されたローディングボタンを使用してください。

  2. 基本的なチェックアウトを使用すると、リダイレクトが前後に必要です。古い学校の技術はまだ働いています。

  3. 限定されたcheckout.jsを回避し、背後にあるシークレットAPIを見つけてカスタマイズしたボタンを作成してください。

私はそうのように私のフォームを設定し、その後https://www.paypalobjects.com/api/checkout.jsを使用しています...私はこの作業を取得することができた発見したオプションの

を2

-1

はい、カスタムデザインを使用する可能性があります。私はPayPalオリジナルの参照を確認することをお勧めします。

チェック:https://developer.paypal.com/docs/integration/direct/express-checkout/integration-jsv4/customize-button/

+0

OPの質問をよく読んでください。 "私は自分のボタンを使っています.."あなたが提供したリンクは、単に既存のPayPalボタンをカスタマイズする方法を述べています。 – dsignr

1

を行ってきました:

paypal.checkout.setup('{{ $paypalMerchantID }}', { 
    environment: '{{ $paypalEnvironment }}', 
    container: 'paypal-payment-form', 
     buttons: [{ 
     container: 'paypal-payment-form', 
      type: 'checkout', 
       color: 'gold', 
       size: 'responsive', 
       shape: 'pill' 
     }] 
}); 

これは、コンテナ内のボタンを作成します...しかし、あなたはまた、ボタンを持つことができるのでよう、手の前にコンテナ内に存在します。

<button data-paypal-button="true">Pay via Paypal</button>

いくつかのテストの後で、必要なプロパティはdata-paypal-button="true"です。

醜いボタン非表示にするに進みます。はい

.paypal-button-widget { display: none; }

ハックをしかし、なぜそれが一生懸命ペイパル独自のボタンを使用することです:^)

関連する問題