Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Hướng dẫn từng bước: Tích hợp Stripe với WooCommerce để thanh toán suôn sẻ

Thiết lập cổng thanh toán phù hợp cho trang WooCommerce là bước quan trọng khởi động doanh nghiệp thương mại điện tử. Vì bạn đã quyết định Stripe là lựa chọn, chúng tôi ở đây giúp bạn bắt đầu.

Để thêm Stripe vào WooCommerce, bạn cần kích hoạt plugin và kết nối với tài khoản Stripe. Bài này hướng dẫn cách thiết lập Stripe cho WooCommerce và các lưu ý quan trọng về Stripe.

Tóm tắt: Stripe phổ biến nhờ bảo mật cao và đa dạng phương thức thanh toán. Tích hợp Stripe vào WooCommerce với hướng dẫn dễ theo dõi. Nhưng trước khi bắt đầu, khuyên sao lưu trang web với BlogVault để không mất tiến độ đã làm.

Yêu cầu để thêm Stripe vào WooCommerce

Trước khi bắt đầu thiết lập Stripe với WooCommerce, có vài điều khuyến nghị cân nhắc.

  • Chọn plugin phù hợp: Có nhiều plugin tích hợp Stripe cho WooCommerce. Mỗi cái có điểm mạnh, lựa chọn phụ thuộc vào tính năng. Ví dụ, WooCommerce Stripe Payment Gateway cần extension cho plugin đăng ký, phù hợp cho kinh doanh bán quần áo, phụ kiện.
  • Thêm chứng chỉ SSL: Đảm bảo bạn có chứng chỉ SSL. SSL mã hóa kết nối, chúng tôi khuyên lấy chứng chỉ dù sao.
  • Yêu cầu WooCommerce phiên bản 2.2 trở lên: Stripe chỉ xử lý hoàn tiền cho WooCommerce 2.2 trở lên, hãy cập nhật trang web. Cập nhật cũng mang lại bảo mật tốt hơn, ít lỗi hơn, nên khuyên làm vậy.

Tạo tài khoản Stripe

Trước khi tích hợp Stripe vào WooCommerce, bạn cần tạo tài khoản Stripe. Thiết lập tài khoản Stripe khá trực quan. Quy trình khác nhẹ theo quốc gia, nhưng bạn có thể làm theo các bước dưới đây.

  1. Tạo tài khoản: Vào trang Stripe, nhấp Bắt đầu ngay (Start Now). Điền email, họ tên, chọn quốc gia, tạo mật khẩu mạnh. Nhấp Tạo tài khoản (Create Account).
  2. Xác minh email: Vào email, nhấp nút Xác minh địa chỉ email (Verify email address).
  3. Kích hoạt thanh toán (Activate Payments): Quay lại tài khoản Stripe, nhấp Kích hoạt thanh toán. Bước này cần thiết để chấp nhận thanh toán. Dù có thể bỏ qua, khuyên bạn làm theo. Các bước sau hướng dẫn kích hoạt.
  4. Thêm thông tin cơ bản doanh nghiệp: Điền địa chỉ đăng ký kinh doanh, loại hình kinh doanh, cấu trúc (nếu không phải cá nhân).
  5. Thêm chi tiết doanh nghiệp: Điền tên pháp lý hoặc tên LLC, số định danh nhà tuyển dụng, địa chỉ và số điện thoại đăng ký. Chọn ngành nghề phù hợp. Thêm website doanh nghiệp, mô tả sản phẩm.
  6. Thêm chi tiết đại diện doanh nghiệp: Điền thông tin người liên hệ tại công ty.
  7. Thêm chủ sở hữu doanh nghiệp: Nếu phù hợp, điền thông tin này.
  8. Chọn chi tiết履约 (fulfillment): Chọn thời gian khách hàng nhận/sử dụng sản phẩm/dịch vụ.
  9. Thêm mô tả đối chiếu (statement descriptor): Đây là nội dung hiển thị trên đối chiếu khách hàng nhận. Giữ dễ nhận diện. Có giới hạn ký tự.
  10. Nhập thông tin ngân hàng: Làm thủ công hoặc chọn ngân hàng và làm theo hướng dẫn.
  11. Bật xác thực 2 bước: Chọn giữa SMS hoặc ứng dụng xác thực.
  12. Bật tính toán thuế bán hàng: Bước tùy chọn. Nhưng giúp thuế dễ dàng hơn.
  13. Điền thông tin bổ sung: Điền thêm yêu cầu ở trang tiếp theo. Có thể khác tùy thông tin trước. Xong, nhấp Gửi (Submit). Bạn đã sẵn sàng nhận thanh toán.

Cách thêm Stripe vào WooCommerce?

Sau khi tạo tài khoản Stripe, bạn tích hợp với WooCommerce. Có nhiều plugin, chúng tôi chọn 3 plugin hướng dẫn thêm Stripe vào WooCommerce:

  • WooCommerce Stripe Payment Gateway
  • Payment Plugins for Stripe WooCommerce
  • WooCommerce Payments

WooCommerce Stripe Payment Gateway

Plugin này của WooCommerce dành cho người bán ở 37 quốc gia, danh sách mở rộng thường xuyên. Ưu tiên nhờ đa dạng phương thức thanh toán. Đối với đăng ký, cần cài extension WooCommerce Subscriptions. Nếu đây là plugin bạn chọn, bắt đầu kết nối Stripe với WooCommerce.

  1. Kích hoạt WooCommerce Stripe Payment Gateway

    Nhấp Plugin menu trái, nhấp Thêm mới (Add New). Tìm "WooCommerce Stripe Payment Gateway". Nhấp Cài đặt (Install) và Kích hoạt (Activate).
  2. Kết nối tài khoản Stripe

    Vào bảng điều khiển WooCommerce, tab Thanh toán (Payments). Bật Stripe (Thẻ tín dụng) và khi trang tải, đăng nhập tài khoản Stripe. Bạn sẽ được chuyển về trang web khi xong.
  3. Bật chế độ test

    Quay lại WP dashboard, di chuột qua logo WooCommerce bên trái, nhấp Cài đặt (Settings). Tab Thanh toán, nhấp Stripe (thẻ tín dụng). Nhấp tab Cài đặt (Settings). Phần chung, nhấp Chỉnh sửa khóa tài khoản (Edit Account Keys). Trong popup, nhấp tab Test.
  4. Cấu hình khóa API test

    Chuyển sang trang Stripe, nhấp Developers góc trên phải. Bật Test Mode góc trên phải. Menu trái, chọn tab API Keys. Copy khóa công khai (publishable key) và khóa bí mật (secret key). Quay lại WordPress admin, dán vào trường test publishable key và test secret key.
  5. Cấu hình webhook test

    Trên WP admin, vào trang cài đặt Stripe. Copy URL endpoint webhook được cung cấp. Trên bảng điều khiển Developers Stripe, vào trang Webhooks, nhấp + Thêm Endpoint (Add Endpoint). Dán URL endpoint vào trường endpoint URL.
Hướng dẫn từng bước: Tích hợp Stripe với WooCommerce để thanh toán suôn sẻ
  1. Chọn sự kiện (Events)

    Chọn sự kiện cần thiết từ danh sách. Nếu hiển thị, chọn phiên bản API mới nhất. Nếu không, nhấp Thêm Endpoint (Add Endpoint) khi xong. Stripe khuyến nghị chọn tối thiểu các sự kiện sau:
    • source.chargeable
    • source.cancelled
    • charge.succeeded
    • charge.failed
    • charge.captured
    • charge.dispute.created
    • charge.dispute.closed
    • charge.refunded
    • review.opened
    • review.closed
    • payment_intent.succeeded
    • payment_intent.payment_failed
    • payment_intent.amount_capturable_updated
    • payment_intent.requires_action
    • setup_intent.succeeded
    • setup_intent.setup_failed
  2. Test cổng thanh toán

    Bạn có thể test dùng thông tin riêng, nhưng khuyên dùng thông tin test Stripe cung cấp.
  3. Tắt chế độ test

    Để tắt test mode, nhấp Chỉnh sửa khóa tài khoản (Edit Account Keys) như bước 3. Nhấp tab Live. Quay lại tài khoản Stripe, tắt test mode. Copy và dán khóa API Live. Làm tương tự cho webhook và chọn sự kiện.
Hướng dẫn từng bước: Tích hợp Stripe với WooCommerce để thanh toán suôn sẻ
  1. Kiểm tra lại

    Khuyên kiểm tra lại khóa API và webhook. Bạn sẵn sàng nhận thanh toán.

Payment Plugins for Stripe WooCommerce

Payment Plugins for Stripe WooCommerce là lựa chọn thay thế tốt cho WooCommerce Stripe Payment Gateway. Là một trong nhiều plugin do Stripe cung cấp, hỗ trợ WooCommerce Subscriptions, WooCommerce Pre-Orders, WooCommerce Blocks, và ở một số quốc gia hỗ trợ thanh toán trả góp. Để tích hợp Stripe với WooCommerce, các bước:

  1. Cài đặt và Kích hoạt:

    Trong thư mục Plugin, tìm "Payment Plugins for Stripe WooCommerce". Nhấp Cài đặt (Install) và Kích hoạt (Activate).
  2. Bật chế độ Test:

    Nhấp Activate dẫn đến bảng điều khiển plugin. Nhấp Cài đặt (Settings) và đảm bảo chế độ là Test. Tiếp, chuyển sang trang Stripe, bật Test Mode.
Hướng dẫn từng bước: Tích hợp Stripe với WooCommerce để thanh toán suôn sẻ
  1. Cấu hình khóa API Test:

    Nhấp Kết nối Stripe (Connect to Stripe) và đăng nhập tài khoản Stripe. Tự động kết nối với khóa API test và webhook.
  1. Test cổng thanh toán:

    Bây giờ bạn có thể test quy trình checkout và thanh toán của khách hàng. Để tắt Test mode.
  2. Thêm URL webhook

    Copy URL webhook từ bảng điều khiển plugin. Chuyển sang bảng điều khiển Developers Stripe, nhấp + Thêm Endpoint (Add Endpoint). Dán vào trường endpoint URL.
  3. Chọn sự kiện

    Chọn tất cả sự kiện muốn từ danh sách. Xong, chọn phiên bản API mới nhất nếu có, nhấp Thêm Endpoint (Add Endpoint). Theo Stripe, tối thiểu cần:
    • source.chargeable
    • source.cancelled
    • charge.succeeded
    • charge.failed
    • charge.captured
    • charge.dispute.created
    • charge.dispute.closed
    • charge.refunded
    • review.opened
    • review.closed
    • payment_intent.succeeded
    • payment_intent.payment_failed
    • payment_intent.amount_capturable_updated
    • payment_intent.requires_action
    • setup_intent.succeeded
    • setup_intent.setup_failed
Hướng dẫn từng bước: Tích hợp Stripe với WooCommerce để thanh toán suôn sẻ
  1. Copy khóa bí mật ký (signing secret):

    Sau khi nhấp Thêm Endpoint (Add Endpoint), bạn quay lại bảng điều khiển. Trong bảng, nhấp Hiện (Reveal) để hiện signing secret. Copy và dán vào trường Webhook Secret trên WP admin. Bạn sẵn sàng nhận thanh toán.

Lưu ý: Nếu webhook thêm trong test mode, tắt test mode và lặp lại quy trình. Đảm bảo cả Stripe và WooCommerce đều ở live mode.

WooCommerce Payments

WooCommerce Payments là plugin của Automattic nhưng có hợp tác tích hợp sẵn với Stripe. Cho phép quản lý mọi thứ liên quan giao dịch, thanh toán trên bảng điều khiển WooCommerce. Bạn không còn phải đăng nhập Stripe chỉ để giải quyết tranh chấp và theo dõi giao dịch. Mọi thứ ở một nơi. Để bắt đầu, làm theo các bước:

  1. Cài đặt và kích hoạt

    Vào bảng điều khiển WordPress, di chuột qua tab Plugin. Nhấp Thêm mới (Add New) và tìm "WooCommerce Payments" trong thư mục plugin. Cài đặt và kích hoạt.
  2. Thiết lập WooCommerce Payments

    Bạn sẽ chuyển đến trang WooCommerce Payments. Nhấp Hoàn tất thiết lập (Finish Setup). Chọn email đúng và cho trang web kết nối. Tiếp, đăng nhập tài khoản Stripe. Xong. Sẽ chuyển về WordPress dashboard. Bạn thấy lịch sử giao dịch, tranh chấp, tiền gửi, v.v. qua các tab bên trái.
  3. Bật chế độ Test

    Sau khi đăng nhập, chọn checkbox bên dưới Test Mode. Mọi giao dịch lúc này sẽ ở test mode.
  4. Tắt chế độ Test

    Khi test xong, bỏ chọn checkbox gần Test mode để tắt. Thiết lập hoàn tất, sẵn sàng nhận thanh toán.

Chọn plugin phù hợp để thiết lập Stripe cho WooCommerce

Chi phí, khả năng quản trị, phương thức thanh toán chấp nhận, và tính năng là yếu tố cần cân nhắc khi chọn plugin cổng thanh toán phù hợp cấu hình Stripe cho WooCommerce.

Chi phí: Ba plugin này đều miễn phí, nhưng với WooCommerce Stripe Payment Gateway và Payment Plugins for Stripe WooCommerce, extension tốn thêm chi phí.

Quản lý giao dịch: WooCommerce Payments cung cấp bảng điều khiển trên admin panel quản lý mọi thứ. Hai plugin kia yêu cầu dùng bảng điều khiển Stripe.

Phương thức thanh toán chấp nhận: WooCommerce Stripe Payment Gateway chấp nhận nhiều phương thức nhất trong ba, không chỉ thẻ chính và phương thức thanh toán, mà còn Diner's Club, AliPay, Microsoft Pay cho máy tính để bàn.

Tính năng: Payment Plugins for Stripe WooCommerce và WooCommerce Stripe Payment Gateway yêu cầu cài extension cho tính năng như đăng ký, v.v.

Tại sao nên dùng Stripe?

Bảo mật

Stripe đã được kiểm toán bởi các nhà kiểm toán tuân thủ nghiêm ngặt nhất, và được chứng nhận là Nhà cung cấp dịch vụ PCI Level 1. Tất cả dữ liệu nhạy cảm và truyền thông được mã hóa, yêu cầu TLS hoặc SSL cho tất cả dịch vụ. Bạn có thể yên tâm dữ liệu của bạn và khách hàng an toàn với Stripe.

Thêm vào đó, khuyên bảo mật trang web với plugin bảo mật như MalCare cung cấp trình quét mã độc, tường lửa hiện đại, và dọn dẹp mã độc nhanh, dễ dàng. Để biết thêm mẹo bảo mật WooCommerce, xem bài viết đi sâu vào chủ đề.

Riêng tư

Stripe thu thập thông tin như CMND và chi tiết ngân hàng để xác minh. Ngoài ra, khi khách hàng mua hàng từ trang web, Stripe thu thập dữ liệu cá nhân như tên, tuổi (nếu bán sản phẩm giới hạn độ tuổi), thông tin giao hàng, chi tiết ngân hàng, lịch sử giao dịch, v.v. Stripe dùng chi tiết khách hàng cho dịch vụ phát hiện gian lận hoặc gửi cho chủ doanh nghiệp được khách hàng ủy quyền, cho quảng cáo, thanh toán, v.v.

Giá cả

Stripe được ưa chuộng nhờ cấu trúc phí xử lý tỷ suất cố định. Một số điểm then chốt:

  • Không phí thiết lập hoặc phí định kỳ.
  • Phí theo giao dịch (pay as you go) 2.9% + 30 cent cho giao dịch thẻ và 2.7% + 5 cent cho thanh toán trực tiếp tại Mỹ. Thêm 1% cho thẻ quốc tế, cũng như thêm 1% phí chuyển đổi tiền tệ. Chi phí cũng khác tùy quốc gia, loại thanh toán, ngân hàng.
  • Có thể có chi phí thêm tùy plugin tích hợp Stripe, extension, hoặc sản phẩm bổ sung. Stripe Radar ví dụ, sản phẩm ngăn chặn gian lận, tốn 7 cent mỗi giao dịch được lọc (2 cent nếu bạn dùng giá tiêu chuẩn 2.9% + 30 cent).

Thanh toán

Chu kỳ thanh toán khác nhau tùy quốc gia và mức độ rủi ro vị trí (vị trí rủi ro cao có chu kỳ 14 ngày). Thanh toán tức thì (Instant payouts) đã có sẵn ở một số quốc gia. Khi thiết lập tài khoản Stripe, một số dư tài khoản được tạo. Sau giao dịch, phí bị trừ, số còn lại xuất hiện trong số dư chờ (pending balance). Sau chu kỳ thanh toán hoàn tất, số dư tích lũy thành số dư khả dụng (available balance).

Tổng kết

Thiết lập tài khoản Stripe làm tích hợp với các plugin thanh toán dễ dàng. Cung cấp đa dạng phương thức thanh toán, bảo mật cao, và cấu trúc thanh toán theo sử dụng (pay-as-you-go).

Về plugin nào chọn, khuyên dùng WooCommerce Payments vì cho phép quản lý toàn bộ trang web ở một nơi.

Nhưng trước khi cài cổng thanh toán, khuyên sao lưu trang web với BlogVault. Plugin nhanh, dễ dàng, tự động sao lưu trang web. Với đó, chúc may mắn cho trang WooCommerce của bạn.

Câu hỏi thường gặp

Cách thiết lập Google Pay hoặc Apple Pay với Checkout Plugins?

Thiết lập Google Pay hoặc Apple Pay cần plugin riêng gọi là Checkout Plugins

  • Tìm plugin trong thư mục plugin.
  • Sau khi cài và kích hoạt, kết nối plugin với tài khoản Stripe.
  • Bạn chuyển đến trang bật cổng (gateway), bật Stripe Card, chọn Bật cổng (Enable Gateways).
  • Bỏ qua tùy chọn bật express checkout và webhook.
  • Nhấp nút Tùy chỉnh (Let's Customise) và chuyển về WordPress Dashboard bên trong WooCommerce.
  • Nhấp tab Express Checkout, chọn checkbox bật.
  • Tùy chỉnh nút Express Checkout và vị trí hiển thị trên trang web.
  • Chọn Lưu thay đổi (Save Changes) và xong.
  • Nếu khách dùng thiết bị Apple mua hàng, tùy chọn sẽ là Apple Pay. Ngược lại, nút Google Pay.

Cổng thanh toán tốt nhất cho WooCommerce là gì?

WooCommerce Payments, PayPal Zettle, Amazon Pay, PayFast, Authorize.net, Square là những cổng thanh toán phổ biến nhất. Chúng tôi có bài viết sâu về danh sách cổng thanh toán WooCommerce giúp bạn tìm phù hợp nhất.

Webhook là gì?

Webhook là cách ứng dụng web giao tiếp với nhau. Nó thay đổi hành vi ứng dụng web với custom callbacks. Nói đơn giản, nó gửi thông tin và dữ liệu từ ứng dụng này sang ứng dụng khác khi sự kiện xảy ra. Ví dụ, nếu bạn kích hoạt sự kiện charge.failed, Stripe sẽ báo cho trang WooCommerce khi một khoản thanh toán thất bại.

API keys là gì?

API là viết tắt Application Programming Interface (Giao diện lập trình ứng dụng). Khóa API là mã do ứng dụng web tạo ra. Nó xác định user hoặc developer đang cố truy cập trang web.