Cách tích hợp thanh toán bằng thẻ vào website WordPress

Trong những năm gần đây, WordPress đã trở thành hệ thống quản lý nội dung phát triển nhất trên thế giới, tuy vậy nó vẫn mang trong mình những nhược điểm riêng. Một trong số những nhược điểm lớn nhất của WordPress là không có sẵn bất kỳ một chức năng thanh toán nào. Hơn nữa việc cài đặt một chức năng như vậy có thể gây khó khăn cho nhiều người.

Do vậy, qua bài hướng dẫn ngày hôm nay, tôi sẽ từng bước hướng dẫn bạn tích hợp thanh toán bằng thẻ trên trang WordPress của riêng mình. Bằng cách này, khách hàng của bạn có thể thực hiện các giao dịch online mà không cần đến sự trợ giúp của các trang web thứ ba như PayPal.

Cách tích hợp thanh toán bằng thẻ vào website WordPress

Trước khi chúng ta bắt đầu, tôi muốn bạn biết rằng có nhiều payment plugins và cổng thanh toán online khác nhau và mỗi loại đều có những cách cài đặt riêng. Nhưng trong hướng dẫn lần này, chúng ta sẽ sử dụng Stripe, PayPal và plugin Contact Form 7. Đây có thể coi là những cổng thanh toán nổi tiếng và plugin tốt nhất của WordPress. Chúng mang lại cho người dùng sự tiện lợi với nhiều tính năng như tính toán các loại thuế hay phí vận chuyển của từng mặt hàng. Vì vậy, hãy đảm bảo rằng bạn đã cài đặt Contact Form 7 trước khi làm những thao tác tiếp theo.

Cài đặt Contact Form 7

Sau khi bạn đã cài đặt thành công Contact Form 7 thì chúng ta sẽ bắt đầu ngay bây giờ.

Bước 1: Cài Đặt “Contact Form 7 – PayPal & Stripe Add-on”.

Công việc đầu tiên bạn cần làm là cài đặt và kích hoạt “Contact Form 7 – PayPal & Stripe Add-on” plugin.

Cài Đặt “Contact Form 7 - PayPal & Stripe Add-on”

Bước 2: Thiết Lập Thông Tin PayPal và Stripe của riêng mình.

Bây giờ bạn sẽ cần thiết lập thông tin thanh toán để có thể thực hiện các giao dịch trong tương lai. Ở bước này, bạn cần điền vào tài khoản PayPal (PayPal ID) và Stripe (Stripe Key) của mình.

Ở tab “Installed Plugins”, chọn “Contact Form 7 – PayPal & Stripe Add-on” và click vào “Settings”.

Chỉnh sửa Contact Form 7 - PayPal & Stripe Add-on

Trong phần “Settings”, có hai tab mà bạn cần chú ý đó là “PayPal” và “Stripe”.

Ở “PayPal”, hãy nhập địa chỉ email mà bạn đã dùng để đăng ký tài khoản PayPal vào phần “Live Account”. Việc này là bắt buộc và vô cùng quan trọng vì tiền từ những giao dịch trên trang web của bạn sẽ được chuyển đến tài khoản này.

Nhập địa chỉ email của tài khoản PayPal

Ngoài ra, nếu bạn đã có tài khoản Sandbox và muốn kiểm tra xem liệu mọi thứ có thể vận hành một cách tốt nhất trước khi đưa vào sử dụng, bạn có thể điền tài khoản vào phần “Sandbox Account”. Lưu ý rằng bạn phải chọn kích hoạt “Sandbox Mode”. Sau khi hoàn thành các thiết lập Sandbox, bạn có thể thử mua các sản phẩm trên website của chính mình với tư cách là một khách hàng bằng tài khoản Sandbox.

Tài khoản Sandbox Account

Bây giờ chúng ta sẽ chuyển đến tab “Stripe”.

Để có thế kết nối WordPress với Stripe và có thể tiếp nhận giao dịch thông qua cổng thanh toán này, bạn cần phải nhập Stripe Key của mình.

Nhập Stripe Key

Ngoài ra cũng giống như PayPal, bạn hoàn toàn có thể dùng Stripe Test Key và Sandbox Mode để kiểm tra và đảm bảo việc thanh toán qua Stripe không gặp bất kỳ lỗi nào.

Kiểm tra thanh toán qua Stripe

Bước 3: Tạo Một Mẫu Đơn Thanh Toán.

Sau khi bạn đã download thành công Contact Form 7, một tab mang tên “Contact”sẽ xuất hiện. Hãy chọn tab đó và nhấn vào “Add New”.

Thêm mẫu đơn thanh toán mới

Một mẫu đơn thanh toán mới sẽ xuất hiện như sau:

Hiển thị mẫu đơn thanh toán

Bạn có thể tùy ý đặt tên cho mẫu đơn này sao cho thuận tiện nhất. Ở trong bài hướng dẫn này, tôi sẽ đặt tên mẫu đơn của mình là “testing 123”.

Tiếp theo, trong tab “Mail”, bạn có thể điều chỉnh các email trả lời khách hàng.

Điều chỉnh các email trả lời khách hàng

Tab “Messages” được sử dụng để điều chỉnh các tin nhắn phản hồi mà trang web WordPress của bạn sẽ gửi cho khách hàng khi họ thực hiện một thao tác cụ thể nào đó.

Tab Messages

Ở tab “Additional Settings”, bạn có thể sử dụng nhiều cài đặt nâng cao nhưng vì đây là một bài hướng dẫn cơ bản nên hiện giờ chúng ta có thể bỏ qua tab này.

Bỏ qua tab Additional Settings

Cuối cùng, tab bạn cần quan tâm nhất đó chính là “PayPal & Stripe”.

Tab PayPal & Stripe

Hãy click chọn cả hai ô này để cho phép mẫu đơn thanh toán của bạn tích hợp thanh toán qua Stripe và PayPal.

Click chọn 2 ô như trong ảnh

Lưu ý nếu bạn muốn thanh toán thông qua Stripe thì bạn cần phải điền giá tiền của sản phẩm ở mục “Item Price”.

Bây giờ hãy nhấn nút “Save”, mẫu đơn sẽ được tạo và lưu trữ trong tab “Contact Forms” ở menu quản trị trang của bạn. Trong hướng dẫn lần này, mẫu đơn“testing 123” mình vừa tạo sẽ xuất hiện như hình dưới:

Mẫu đơn“testing 123”

Bước 4: Tích Hợp Cổng Thanh Toán Vào Mẫu Đơn Thanh Toán

Tất cả những gì bạn cần bây giờ là tích hợp Stripe và PayPal vào biểu mẫu của bạn bằng cách thêm một menu mới.

Chọn mẫu đơn bạn mới tạo và click vào “drop-down menu”.

Click vào “drop-down menu”

Hãy để ý vào phần “Options”. Bạn sẽ cần điền “Pay with PayPal|PayPal” để chấp nhận thanh toán thông qua PayPal và “Pay with Credit Card|Stripe” để chấp nhận thanh toán thông qua thẻ tín dụng với Stripe.

Điền “Pay with PayPal|PayPal” và “Pay with Credit Card|Stripe”

Sau khi đã điền xong hãy nhấn nút “Insert Tag” ở góc phải. Một loạt các mã sẽ xuất hiện nhưng bạn cần lưu ý đến một mã code nhỏ ở vị trí như trong hình:

Nhấn nút “Insert Tag"

Trong bài viết này mã code của mình là “menu-566” nhưng với những mẫu đơn khác nhau thì mã code này sẽ khác nhau, vì vậy bạn sẽ nhận được mã code khác với mã của mình. Tiếp đến bạn cần copy mã code đó. Hãy mở tab “PayPal & Stripe” của mẫu đơn rồi nhập đoạn code này vào phần “Gateway Code”.

Nhập đoạn code vào phần “Gateway Code”

Nhấn nút “Save” và một đoạn mã sẽ tiếp tục được tạo ra.

Hiện thị mã code

Tiếp theo hãy copy đoạn mã này và dán vào trang hoặc bài viết bạn muốn.

Copy đoạn mã code và dán

Nhấn nút “Update” và đây là kết quả cuối cùng ở trang mà bạn đăng mẫu đơn này:

Hiển thị mẫu đơn hoàn chỉnh

Sau khi hoàn thành, trang web WordPress của bạn đã có thể tiếp nhận các thanh toán điện tử rồi đó. Nếu bạn còn bất kỳ câu hỏi hay thắc mắc nào, hãy để lại chúng ở phần bình luận phía dưới.

Chúc các bạn thao tác thành công và hãy nhớ tiếp tục theo dõi chúng tôi để khám phá thêm nội dung hay và hữu ích!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *