How to Create an Embedded Payment F

How to Create an Embedded Payment Flow Using Adaptive Payments

An embedded payment flow enables users to pay without appearing to leave your site or app.

An embedded payment flow can be used for simple, parallel, and chained payments. For more information, see the "Embedded Payments" section of Introducing Adaptive Payments.

Options for an Embedded Payment Flow

As shown in the examples at Introducing Adaptive Payments, an embedded payment flow can be implemented in two ways:

The lightbox option provides the embedded payment flow as an overlay.
The mini-browser option provides the embedded payment flow in a mini-browser window.

Implementing the Lightbox Option

Lightbox functionality requires the following steps. For information about digital goods payments, see the "Payments for Digital Goods" section in the Pay API reference documentation.

Step 1: Obtain a Pay Key

Use the Pay operation to set up a simple, parallel, or chained payment. The Pay response contains a payKey value. The following document shows an example:

How to Make a Basic Chained Payment Using Adaptive Payments
Step 2: Create an HTML Form for Initiating the Lightbox

Create a new HTML file and paste the following code into the file.
The sample above shows the functionality for a final payment page (checkout page). This sample includes a reference to the necessary javascript (https://www.paypalobjects.com/js/external/dg.js).

Your implementation will vary.

For passing the payKey value to the PayPal sandbox, the form-action handler is set, as follows:
When the user clicks the button on the form, the PAYPAL.apps.DGFlow object is created, because you attached it as a trigger to the button:
The expType variable is set to light, so a test user will use a lightbox to complete authorization in the PayPal sandbox at https://www.sandbox.paypal.com/webapps/adaptivepayment/flow/pay.

Step 3: Insert a Pay Key into the HTML Form

For the payKey input value, replace insert_pay_key with a payKey value that you recently obtained using a Pay call, and save the HTML file.

Step 4: Test the HTML Form

Open the HTML file in a browser and click Pay Now to test the lightbox:
Next steps

Please see Going Live with Your Application regarding the review process for applications that include adaptive payments or other advanced functionality.


Implementing the Mini-Browser Option

Mini-browser functionality requires the following steps. For information about digital goods payments, see the "Payments for Digital Goods" section in the Pay API reference documentation.

Step 1: Obtain a Pay Key

Use the Pay operation to set up a simple, parallel, or chained payment. The Pay response contains a payKey value. The following document shows an example:

How to Make a Basic Chained Payment Using Adaptive Payments
Step 2: Create an HTML Form for Initiating the Mini-Browser

Create a new HTML file and paste the following code into the file.

The previous sample shows the functionality for a final payment page (checkout page). This sample includes a reference to the necessary javascript (https://www.paypalobjects.com/js/external/apdg.js).

Your implementation will vary.

For passing the payKey value to the PayPal sandbox, the form-action handler is set, as follows:
When the user clicks the button on the form, the PAYPAL.apps.DGFlowMini object is created, because you attached it as a trigger to the button. The variable used for the PAYPAL.apps.DGFlowMini object must be named dgFlowMini:
The expType variable is set to mini, so a test user will use a mini-browser to complete authorization in the PayPal sandbox at https://www.sandbox.paypal.com/webapps/adaptivepayment/flow/pay.

Step 3: Insert a Pay Key into the HTML Form

For the payKey input value, replace insert_pay_key with a payKey value that you recently obtained using a Pay call, and save the HTML file.

Step 4: Test the HTML Form

As a test, open the HTML file in a browser and click Pay Now:
Next steps

For information about the review process for applications that include adaptive payments or other advanced functionality, see Going Live with Your Application.

Kết quả (Việt) 1:

Làm thế nào để tạo ra một dòng chảy nhúng thanh toán bằng cách sử dụng thích nghi các khoản thanh toánMột dòng chảy nhúng thanh toán cho phép người dùng trả tiền mà không xuất hiện để rời khỏi trang web hoặc ứng dụng của bạn.Một dòng chảy nhúng thanh toán có thể được sử dụng cho các thanh toán đơn giản, song song và chuỗi. Để biết thêm chi tiết, hãy xem phần "Nhúng thanh toán" giới thiệu về phương thức thanh toán thích nghi.Các tùy chọn thanh toán nhúng chảyNhư minh hoạ trong ví dụ lúc giới thiệu Adaptive khoản thanh toán, một dòng chảy nhúng thanh toán có thể được thực hiện theo hai cách:Các tùy chọn lightbox cung cấp dòng chảy nhúng thanh toán như một lớp phủ.Tùy chọn mini-trình duyệt cung cấp các dòng chảy nhúng thanh toán trong một cửa sổ trình duyệt mini.Triển khai thực hiện các tùy chọn LightboxLightbox chức năng yêu cầu các bước sau đây. Thông tin về các khoản thanh toán hàng hóa kỹ thuật số, xem phần "Các khoản thanh toán cho hàng hóa kỹ thuật số" trong các tài liệu tham khảo API trả tiền.Bước 1: Lấy một khoá phải trả tiềnSử dụng chiến dịch trả tiền để thiết lập một thanh toán đơn giản, song song hoặc xích. Các phản ứng trả chứa một giá trị payKey. Các tài liệu sau đây cho thấy một ví dụ:Làm thế nào để làm cho một cơ bản Chained thanh toán bằng cách sử dụng thích nghi các khoản thanh toánBước 2: Tạo ra một hình thức HTML cho việc khởi xướng LightboxTạo một tệp HTML mới và dán đoạn mã sau vào tập tin.Các mẫu ở trên cho thấy các chức năng cho một trang thanh toán cuối cùng (kiểm trang). Mẫu này bao gồm một tham chiếu đến các javascript cần thiết (https://www.paypalobjects.com/js/external/dg.js).Thực hiện của bạn sẽ khác nhau.Cho đi các giá trị payKey PayPal sandbox, bộ xử lý hình thức hành động được thiết lập, như sau:Khi người dùng nhấp vào nút trong biểu mẫu, các đối tượng PAYPAL.apps.DGFlow được tạo ra, bởi vì bạn gắn vào nó như là một kích hoạt nút:Biến expType được thiết lập ánh sáng, do đó, một người dùng kiểm tra sẽ sử dụng một lightbox để hoàn thành các ủy quyền trong sandbox PayPal tại https://www.sandbox.paypal.com/webapps/adaptivepayment/flow/pay.Bước 3: Chèn một khóa trả vào biểu mẫuĐối với giá trị đầu vào payKey, thay thế insert_pay_key với giá trị payKey bạn mới thu được bằng cách sử dụng cuộc gọi trả tiền, và lưu các tập tin HTML.Bước 4: Kiểm tra các biểu mẫuMở tệp HTML trong trình duyệt và nhấn trả bây giờ để kiểm tra lightbox:Bước tiếp theoXin vui lòng xem sẽ sống với bạn ứng dụng liên quan đến quá trình xem xét cho các ứng dụng bao gồm các thích ứng các khoản thanh toán hoặc chức năng nâng cao khác.Triển khai thực hiện các tùy chọn trình duyệt miniChức năng mini-trình duyệt yêu cầu các bước sau đây. Thông tin về các khoản thanh toán hàng hóa kỹ thuật số, xem phần "Các khoản thanh toán cho hàng hóa kỹ thuật số" trong các tài liệu tham khảo API trả tiền.Bước 1: Lấy một khoá phải trả tiềnSử dụng chiến dịch trả tiền để thiết lập một thanh toán đơn giản, song song hoặc xích. Các phản ứng trả chứa một giá trị payKey. Các tài liệu sau đây cho thấy một ví dụ:Làm thế nào để làm cho một cơ bản Chained thanh toán bằng cách sử dụng thích nghi các khoản thanh toánBước 2: Tạo ra một hình thức HTML để khởi động trình duyệt miniTạo một tệp HTML mới và dán đoạn mã sau vào tập tin.Mẫu trước đây cho thấy các chức năng cho một trang thanh toán cuối cùng (kiểm trang). Mẫu này bao gồm một tham chiếu đến các javascript cần thiết (https://www.paypalobjects.com/js/external/apdg.js).Thực hiện của bạn sẽ khác nhau.Cho đi các giá trị payKey PayPal sandbox, bộ xử lý hình thức hành động được thiết lập, như sau:Khi người dùng nhấp vào nút trong biểu mẫu, các đối tượng PAYPAL.apps.DGFlowMini được tạo ra, bởi vì bạn gắn vào nó như là một kích hoạt nút. Biến được sử dụng cho các đối tượng PAYPAL.apps.DGFlowMini phải được đặt tên là dgFlowMini:Biến expType được thiết lập để mini, do đó, người dùng thử nghiệm sẽ sử dụng một trình duyệt mini để hoàn thành các ủy quyền trong sandbox PayPal tại https://www.sandbox.paypal.com/webapps/adaptivepayment/flow/pay.Bước 3: Chèn một khóa trả vào biểu mẫuĐối với giá trị đầu vào payKey, thay thế insert_pay_key với giá trị payKey bạn mới thu được bằng cách sử dụng cuộc gọi trả tiền, và lưu các tập tin HTML.Bước 4: Kiểm tra các biểu mẫuNhư là một thử nghiệm, mở tập tin HTML trong một trình duyệt và bấm vào trả tiền bây giờ:Bước tiếp theoThông tin về quá trình xem xét cho các ứng dụng bao gồm các thích ứng các khoản thanh toán hoặc chức năng nâng cao khác, xem sẽ sống với ứng dụng của bạn.

Kết quả (Việt) 2:

Làm thế nào để tạo ra một dòng chảy thanh toán nhúng Sử dụng thanh toán thích nghi Một dòng chảy thanh toán nhúng cho phép người dùng trả tiền mà không xuất hiện để rời khỏi trang web hoặc ứng dụng của bạn. Một dòng chảy thanh toán nhúng có thể được sử dụng để đơn giản, song song, và xích thanh toán. Để biết thêm thông tin, hãy xem phần "Thanh toán nhúng" của Giới thiệu Thanh toán thích ứng. Tùy chọn cho một luồng thanh toán nhúng Như thể hiện trong ví dụ tại Giới thiệu Thanh toán thích ứng, một dòng chảy thanh toán nhúng có thể được thực hiện theo hai cách: Các tùy chọn hộp đèn cung cấp thanh toán nhúng chảy như một lớp phủ. các tùy chọn mini trình duyệt cung cấp các dòng thanh toán nhúng vào trong một cửa sổ nhỏ của trình duyệt. Thực hiện Option hộp đèn chức năng hộp đèn đòi hỏi các bước sau đây. Để biết thông tin về thanh toán hàng kỹ thuật số, xem phần "Chi trả cho Hàng kỹ thuật số" trong các tài liệu tham khảo Pay API. Bước 1: Lấy một Pay chính Sử dụng các hoạt động phải trả tiền để thiết lập một đơn giản, song song, hoặc thanh toán xích. Các phản ứng Pay chứa một giá trị payKey. Các tài liệu sau đây cho thấy một ví dụ: Làm thế nào để Thực hiện một thanh toán cơ bản Chained Sử dụng thanh toán thích ứng Bước 2: Tạo một mẫu HTML cho Khởi tạo hộp đèn . Tạo một tập tin HTML mới và dán đoạn mã sau vào tập tin Các mẫu trên cho thấy các chức năng cho một trang thanh toán cuối cùng (trang thanh toán). Mẫu này bao gồm một tham chiếu đến các javascript cần thiết (https://www.paypalobjects.com/js/external/dg.js). Thực hiện của bạn sẽ khác nhau. Đối với đi qua các giá trị payKey vào sandbox PayPal, xử lý các hình thức hành động là thiết lập, như sau: Khi người dùng nhấp chuột vào nút trên hình thức, đối tượng PAYPAL.apps.DGFlow được tạo ra, bởi vì bạn gắn nó như là một kích hoạt cho các nút: biến expType được thiết lập với ánh sáng, vì vậy người dùng sẽ sử dụng thử nghiệm một hộp đèn hoàn tất uỷ quyền trong sandbox PayPal tại https://www.sandbox.paypal.com/webapps/adaptivepayment/flow/pay. Bước 3: Chèn một khóa Pay vào Form HTML Đối với các giá trị đầu vào payKey, thay thế insert_pay_key với . một giá trị payKey mà bạn vừa thu được bằng một cuộc gọi phải trả tiền, và lưu các tập tin HTML bước 4: kiểm tra HTML Form mở tập tin HTML trong trình duyệt và nhấn Pay Now để kiểm tra các hộp đèn: các bước tiếp theo Xin vui lòng xem Đi Sống cùng ứng dụng của bạn về quá trình xem xét cho các ứng dụng bao gồm các khoản thanh toán thích nghi hoặc chức năng tiên tiến khác. Thực hiện các Mini-browser Lựa chọn chức năng Mini trình duyệt đòi hỏi các bước sau đây. Để biết thông tin về thanh toán hàng kỹ thuật số, xem phần "Chi trả cho Hàng kỹ thuật số" trong các tài liệu tham khảo Pay API. Bước 1: Lấy một Pay chính Sử dụng các hoạt động phải trả tiền để thiết lập một đơn giản, song song, hoặc thanh toán xích. Các phản ứng Pay chứa một giá trị payKey. Các tài liệu sau đây cho thấy một ví dụ: Làm thế nào để Thực hiện một thanh toán Chained cơ bản Sử dụng thanh toán thích ứng Bước 2: Tạo một Form HTML để khởi tạo các Mini-Browser . Tạo một tập tin HTML mới và dán đoạn mã sau vào tập tin các mẫu trước đó cho thấy chức năng cho một trang thanh toán cuối cùng (trang thanh toán). Mẫu này bao gồm một tham chiếu đến các javascript cần thiết (https://www.paypalobjects.com/js/external/apdg.js). Thực hiện của bạn sẽ khác nhau. Đối với đi qua các giá trị payKey vào sandbox PayPal, xử lý các hình thức hành động là thiết lập, như sau: Khi người dùng nhấp chuột vào nút trên hình thức, đối tượng PAYPAL.apps.DGFlowMini được tạo ra, bởi vì bạn gắn nó như là một kích hoạt cho các nút. Các biến được sử dụng cho các đối tượng PAYPAL.apps.DGFlowMini phải có tên dgFlowMini: Biến expType được thiết lập để nhỏ, do đó, một người dùng thử nghiệm sẽ sử dụng một mini-trình duyệt để hoàn thành uỷ quyền trong sandbox PayPal tại https: //www.sandbox. paypal.com/webapps/adaptivepayment/flow/pay. Bước 3: Chèn một khóa Pay vào Form HTML Đối với các giá trị đầu vào payKey, thay thế insert_pay_key với một giá trị payKey mà bạn vừa thu được bằng một cuộc gọi phải trả tiền, và lưu các tập tin HTML. bước 4: kiểm tra các mẫu HTML để thử nghiệm, mở tập tin HTML trong trình duyệt và nhấn Pay Now: các bước tiếp theo để biết thông tin về quá trình xem xét cho các ứng dụng bao gồm các khoản thanh toán thích nghi hoặc chức năng tiên tiến khác, xem Đi Sống cùng ứng dụng của bạn.