Cách cho phép người dùng chọn phương thức thanh toán trên các biểu mẫu WordPress

Tác giả NetworkEngineer, T.Mười 29, 2021, 10:02:45 SÁNG

« Chủ đề trước - Chủ đề tiếp »

0 Thành viên và 2 Khách đang xem chủ đề.

Cách cho phép người dùng chọn phương thức thanh toán trên các biểu mẫu WordPress


Bạn có muốn cho phép người dùng chọn giữa các phương thức thanh toán khác nhau trên một biểu mẫu WordPress không?

Khi bạn cho phép khách hàng chọn phương thức thanh toán ưa thích của họ, bạn sẽ xây dựng lòng tin và tăng chuyển đổi trên trang web của mình.

Trong bài viết này, mình sẽ chỉ cho bạn cách cho phép người dùng chọn phương thức thanh toán trong các biểu mẫu WordPress của bạn.

1. Tại sao cung cấp nhiều phương thức thanh toán trong WordPress?

PayPal và thẻ tín dụng là hai cách phổ biến để thanh toán khi mua hàng trực tuyến. Mỗi thứ đều có ưu và nhược điểm và khách truy cập của bạn có thể đã có sở thích cho cái này hay cái kia.

Vì vậy, nếu bạn đang bán sản phẩm hoặc dịch vụ trên trang web WordPress của mình hoặc yêu cầu đóng góp, thì điều quan trọng là phải cho phép khách truy cập của bạn sử dụng phương thức thanh toán ưa thích của họ.

Bạn không cần phải thiết lập một cửa hàng trực tuyến hoàn chỉnh với một giỏ hàng để chấp nhận thanh toán trực tuyến. Tất cả những gì bạn cần là một mẫu đơn đặt hàng trực tuyến đơn giản với nhiều lựa chọn thanh toán.

Điều này rất có ý nghĩa, đặc biệt nếu bạn đang bán một sản phẩm duy nhất, chấp nhận thanh toán cho các dịch vụ hoặc quyên góp tiền cho một mục đích hoặc tổ chức từ thiện.

Bạn sẽ cần bật HTTPS / SSL trên trang web của mình để có thể chấp nhận thanh toán một cách an toàn. Để biết thêm chi tiết, bạn có thể làm theo hướng dẫn của mình về cách nhận chứng chỉ SSL miễn phí cho trang web WordPress của bạn.

Hãy xem cách bạn có thể cung cấp nhiều tùy chọn thanh toán trên trang web của mình.

2. Cách thiết lập một biểu mẫu thanh toán trong WordPress.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin WPForms. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của mình về cách cài đặt plugin WordPress.

WPForms là plugin tạo biểu mẫu kéo và thả tốt nhất cho WordPress. Nó cho phép bạn tạo một biểu mẫu đơn đặt hàng hoặc biểu mẫu quyên góp đơn giản mà không gặp rắc rối với nền tảng Thương mại điện tử chính thức hoặc plugin giỏ hàng.

Mặc dù họ có phiên bản Lite miễn phí, nhưng bạn sẽ cần gói Pro của họ để truy cập các tiện ích bổ sung thanh toán và mẫu biểu mẫu đặt hàng.

Sau khi kích hoạt, bạn cần truy cập trang WPForms >> Settings để nhập khóa cấp phép của mình. Bạn có thể tìm thấy thông tin này trong khu vực tài khoản WPForms của mình.


3. Kết nối các nền tảng thanh toán với WPForms.

Tiếp theo, mình sẽ kết nối WPForms với các nền tảng thanh toán mà bạn định sử dụng. Để thực hiện việc này, bạn cần truy cập WPForms >> Addons và cài đặt các addon thanh toán.

Khi đó, bạn cần cuộn xuống PayPal Standard Addon và sau đó nhấp vào nút Install Addon của nó.


Bạn sẽ thấy một thông báo cho biết rằng addon đã được cài đặt và kích hoạt, và văn bản trên nút sẽ chuyển thành Deactivate.

Chúng ta sẽ thiết lập chi tiết tài khoản PayPal của bạn ở phần sau trong hướng dẫn.

Bạn cũng sẽ cần cài đặt một addon để chấp nhận thanh toán bằng thẻ tín dụng. WPForms hỗ trợ Stripe, Square và Authorize.net. Đối với hướng dẫn này, mình sẽ thiết lập Stripe, nhưng các bước để thiết lập hai nền tảng còn lại là tương tự.

Bạn sẽ cần cuộn đến Stripe Addon và nhấp vào nút Install Addon.


Sau khi các phần bổ trợ đã được cài đặt và kích hoạt, bạn sẽ cần kết nối WPForms với tài khoản Stripe của mình.

Để làm điều đó, hãy truy cập trang WPForms >>  Settings và nhấp vào tab 'Payments'. Sau đó, bạn sẽ cần kết nối tài khoản Stripe của mình bằng cách nhấp vào nút 'Connect with Stripe'.


Trên màn hình tiếp theo, bạn có thể nhập địa chỉ email Stripe của mình và nhấp vào nút 'Next'.


Sau khi hoàn tất, Stripe sẽ hỏi mật khẩu của bạn để có thể đăng nhập vào tài khoản của bạn.

Sau khi đăng nhập, bạn có thể chọn tài khoản Stripe của mình và sau đó nhấp vào nút 'Connect'.


Tiếp theo, bạn sẽ được chuyển hướng trở lại tab cài đặt WPForms Payments. Để đảm bảo rằng tài khoản của bạn được kết nối thành công, bạn có thể đi tới cài đặt Connection Status trong cài đặt Stripe.

Khi bạn nhìn thấy dấu tick màu xanh lục, điều đó có nghĩa là tài khoản Stripe của bạn hiện đang hoạt động với WPForms. Hãy tiếp tục và nhấp vào nút 'Save' để lưu trữ cài đặt của bạn.


WPForms hiện đã sẵn sàng chấp nhận thanh toán bằng thẻ tín dụng.

4. Tạo mẫu đơn đặt hàng với nhiều phương thức thanh toán.

Bây giờ mình sẽ tạo một biểu mẫu đặt hàng trực tuyến có thể chấp nhận cả thanh toán qua PayPal và thẻ tín dụng.
Để bắt đầu, hãy chuyển đến WPForms >> Add New. Từ đây, bạn cần cung cấp tiêu đề cho biểu mẫu của mình và sau đó chọn mẫu 'Billing / Order Form'.


WPForms sẽ tải trước trình tạo biểu mẫu với một biểu mẫu đơn đặt hàng đơn giản với các trường thường được sử dụng. Bạn có thể chỉnh sửa bất kỳ trường nào bằng cách nhấp vào trường đó.


Bạn có thể thêm các trường mới từ cột bên trái bằng cách sử dụng kéo và thả. Bạn sẽ cần phải kéo trường Multiple Choice vào biểu mẫu để cho phép khách hàng của mình chọn từ nhiều tùy chọn thanh toán.


Sau đó, bạn nên kéo trường Stripe Credit Card field vào biểu mẫu ngay bên dưới trường Multiple Choice.


Tiếp theo, bạn cần thay đổi các tùy chọn trên trường Multiple Choice để phù hợp với phương thức thanh toán mà bạn đang cung cấp.

Bắt đầu bằng cách đặt nhãn Payment Method. Sau đó, bạn nên đặt tên cho hai lựa chọn đầu tiên là PayPal và Thẻ tín dụng.


Bạn chỉ cần loại bỏ lựa chọn thứ ba bằng cách nhấp vào nút dấu trừ - màu đỏ.

Sau đó, bạn cần bật tùy chọn Required. Điều này sẽ đảm bảo rằng người dùng chọn một phương thức thanh toán trước khi họ gửi biểu mẫu đặt hàng.

Bây giờ chúng ta cần thiết lập trường Stripe Credit Card, vì vậy nó sẽ bị ẩn cho đến khi người dùng chọn nó làm tùy chọn thanh toán của họ. Chúng ta có thể đạt được điều đó bằng cách sử dụng tính năng logic có điều kiện của WPForms.

Bạn sẽ cần nhấp vào trường Stripe để có thể chỉnh sửa nó. Tiếp theo, bạn nên nhấp vào tab Smart Logic và sau đó bật enable conditional logic bằng cách nhấp vào công tắc chuyển đổi sang vị trí bật.


Bây giờ bạn sẽ thấy một số tùy chọn bổ sung cho phép bạn thiết lập các quy tắc cho trường. Bạn cần đảm bảo rằng tùy chọn đầu tiên được chọn là 'Show' và sau đó sử dụng menu thả xuống để các trường còn lại cho biết 'Thanh toán là Thẻ tín dụng'.


Bây giờ, trường Stripe Credit Card sẽ chỉ được hiển thị sau khi người dùng chọn Thẻ Tín dụng từ trường Phương thức Thanh toán.

5. Kích hoạt phương thức thanh toán cho biểu mẫu đặt hàng.

Bước tiếp theo là kích hoạt thanh toán PayPal và Stripe cho biểu mẫu đặt hàng.

Trước tiên, bạn nên điều hướng đến Payments >> PayPal Standard trong trình tạo biểu mẫu WPForms. Khi đó, bạn nên chọn hộp 'Enable PayPal Standard payments' trong bảng điều khiển bên phải.


Sau đó, bạn nên điền vào phần còn lại của các trường. Nhập địa chỉ email PayPal của bạn và đặt tài khoản ở chế độ Production. Bạn cũng cần cấu hình xem người dùng có cần cung cấp địa chỉ giao hàng hay không.


Sau đó, bạn cần cuộn xuống tùy chọn Enable Conditional Logic và chuyển nó sang vị trí ON. Điều này sẽ tiết lộ nhiều cài đặt hơn.


Bạn nên đặt quy tắc để Xử lý khoản phí nếu Phương thức thanh toán là PayPal.

Tiếp theo, bạn cần nhấp vào phần Stripe của tab Thanh toán và sau đó chọn hộp 'Enable Stripe payments'.


Bạn có thể thêm mô tả thanh toán và chọn gửi biên nhận qua email nếu muốn. Sau đó, bạn cần chuyển nút gạt Enable Conditional Logic sang vị trí bật để có thể tạo quy tắc cho tùy chọn thanh toán này.


Bạn cần cấu hình quy tắc để đọc Xử lý khoản phí này nếu Phương thức thanh toán là Thẻ tín dụng.

Nếu bạn muốn chấp nhận thanh toán đăng ký định kỳ bằng thẻ tín dụng, thì bạn có thể cuộn xuống phần Đăng ký và cấu hình nó.


Sau khi hoàn tất, bạn cần nhấp vào nút Save ở trên cùng và thoát khỏi trình tạo biểu mẫu.

6. Thêm mẫu đơn đặt hàng vào trang web WordPress của bạn.

Biểu mẫu đặt hàng trực tuyến của bạn với nhiều tùy chọn thanh toán hiện đã sẵn sàng và bạn có thể thêm nó vào bất kỳ trang WordPress nào trên trang web của mình.

Để thêm biểu mẫu của bạn, chỉ cần chỉnh sửa một bài đăng hoặc trang hoặc tạo một biểu mẫu mới. Sau đó, nhấp vào dấu cộng + ở bên phải của trang và thêm khối WPForms trong trình chỉnh sửa WordPress của bạn.


Sau đó, bạn cần nhấp vào menu thả xuống trong khối WPForms và chọn mẫu đơn đặt hàng của mình.


Bây giờ bạn có thể lưu hoặc xuất bản trang của mình và nhấp vào nút xem trước để xem biểu mẫu của bạn đang hoạt động.


Mình hy vọng hướng dẫn này đã giúp bạn tìm hiểu cách cho phép người dùng chọn phương thức thanh toán trên biểu mẫu WordPress của bạn.

Bạn cũng có thể muốn xem chuyên gia chọn các ứng dụng số điện thoại doanh nghiệp ảo tốt nhất cho các doanh nghiệp nhỏ và hướng dẫn từng bước của mình về cách tạo địa chỉ email doanh nghiệp.