Pages

Tạo form thanh toán qua paypal trên website

Chắc hẳn các bạn nếu thanh toán quốc thế sẽ biết đến Paypal (http://www.paypal.com). Paypal được biết đến là cổng thanh toán điện tử . Hiện nay đang được sử dụng phổ biến nhất và được khẳng định về độ bảo mật, tính tiện lợi và đơn giản khi tiến hành thanh toán trực tuyến quốc tế.


Bạn chỉ cần một địa chỉ email, 1 thẻ credit card (nếu có) là đã có thể tạo được tài khoản paypal cho riêng mình. Chắc hẳn các bạn khi ghé thăm qua các website như các trang của các tổ chức, cá nhân không ít lần các bạn bắt gặp những nút Paypal Donate như sau:

Đây chính là các nhanh nhất, đơn giản nhất mà chủ nhân của website kêu gọi sự hỗ trợ từ visitor, khi bạn click vào chỉ cần qua 1 vài thao tác đơn giản nữa là bạn đã có thể hỗ trợ họ một khoản tiền nào đó. Mục đích của mình là sẽ hướng dẫn các bạn tạo một nút giống như trên, không hẳn chỉ là Donate mà có thể sử dụng để bán sản phẩm nếu có của chính bạn đến khách hàng cần mua.

Bạn có thể chỉ định khoản tiền, email người nhận tiền, mô tả về sản phẩm, số lượng sản phẩm của mình sẽ bán. Các nút trên thực chất là một form submit dạng html chứa các hidden input text. Các input text đó sẽ chứa tên, giá, mô tả… về sản phẩm của bạn mà người dùng bình thường sẽ không thấy được. Sẽ có 2 dạng cho bạn lựa chọn đó là cho phép người dùng nhập vào giá của sản phẩm (có thể liệt kê một danh sách các giá mà bạn đã thiết lập hoặc tự điền) hoặc theo giá mà bạn đã đặt mặc định.
Trong bài này mình sẽ hướng dẫn các bạn cho phép người dùng nhập giá và một vài mô tả về sản phẩm mà họ sẽ mua.
Bước 1: Tạo một trang thông báo đã thanh toán thành công, trang này có mục đích là sẽ hiển thị sau khi user thanh toán thành công và trình duyệt sẽ chuyển ngược trở về trang này.
Bước 2: Tiến hành tạo form “Buy it now” chứa các thông tin cơ bản, bạn có thể chỉnh sửa thông tin theo ý của bạn ở các mục tương ứng như mô tả bên dưới:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" id="payPalForm">
  
<input type="hidden" name="item_number" value="01 - Payment for Xman on Thegioimanguon.com">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="business" value="admin@user.vn">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="return" value="http://thegioimanguon.com/tao-form-thanh-toan-qua-paypal-tren-website">
  
Tên sản phẩm:<br /><input name="item_name" type="text" id="item_name"  size="45">
<br /><br />
Số lượng: <br /><input name="amount" type="text" id="amount" size="45">
<br /><br />
<input type="submit" name="Submit" value="Submit">
  
</form>
Item number:
1
<input type="hidden" name="item_number" value="01 - Payment for Xman on Thegioimanguon.com">
Phần này chính là phần sẽ hiển thị mô tả về sản phẩm của bạn thường là mã code phân loại sản phẩm của bạn
Business:
1
<input type="hidden" name="business" value="admin@user.vn">
Phần này bạn cần thay thế email của người thụ hưởng số tiền mà người mua thanh toán
Currency code:
1
<input type="hidden" name="currency_code" value="USD">
Phần này chính là mã tiền tệ mà bạn muốn thanh toán, hiện tại Paypal chưa thêm mã tiền tệ của Việt Nam do đó bạn nên để là USD
Return:
1
<input type="hidden" name="return" value="http://thegioimanguon.com/tao-form-thanh-toan-qua-paypal-tren-website">
Phần này bạn cần điền value là đường dẫn trang thanh toán đã làm ở Bước 1
Item name:
1
<input name="item_name" type="text" id="item_name"  size="45">
Phần này chính là phần ghi chú từ phía người mua, đây chính là phần sẽ được ghi vào invoice rằng họ đã mua cái gì. Nếu bạn muốn chỉ định sẵn lý do mua cho sản phẩm của bạn thì bạn có thể để thuộc tính hidden vào phần này.
Amount:
1
<input name="amount" type="text" id="amount" size="45">
Nếu các bạn muốn thay thế nút Submit bằng hình ảnh thì có thể dùng code:
1
<input type="image" alt="Paypal Donate Thegioimanguon.com" name="submit" src="http://www.thegioimanguon.com/wp-content/uploads/2012/03/donate-paypal.png">
Phần này như tên của nó, chính là chỉ định giá mà người dùng sẽ mua, nếu bạn không muốn người dùng chỉ định giá thì có thể đặt value là một số cụ thể nào đó và đặt thuộc tính hidden vào. Hoặc nếu muốn cho phép người dùng chọn giá từ một danh sách thì có thể dùng thẻ html select thay thế cho input text
Các bước thiết lập cơ bản cho nút Donate hoặc Buy it now đã xong, một điểm hạn chế của cách này là nếu bạn muốn người dùng có thể download một cái gì đó ngay sau khi thanh toán xong thì theo cách này sẽ không an toàn vì người dùng có thể view code html để thấy được đường link download. Mình sẽ hướng dẫn các bạn một cách khác bảo mật hơn trong bài viết tiếp theo.
Sau đây là phần demo cơ bản







Tên sản phẩm:

Số lượng:



No comments:

Post a Comment