Ngoài việc cung cấp trải nghiệm người dùng tốt hơn, đây là một số lý do khiến bạn muốn tùy chỉnh thanh toán WooC Commerce: Để giúp khách hàng của bạn dễ dàng hơn (và nhanh hơn) Để tăng niềm tin của họ với cửa hàng thương mại điện tử của bạn và Để khuyến khích khách hàng mua nhiều hơn từ bạn. Với ý nghĩ này, trong bài đăng này, chúng tôi sẽ giới thiệu một số cách khác nhau mà bạn có thể tùy chỉnh trang thanh toán WooC Commerce. Chúng tôi sẽ chỉ cho bạn cách thêm các trường thanh toán bổ sung và cách tạo thanh toán một trang với bảng sản phẩm có thể tìm kiếm ở trên cùng. Trước khi chúng tôi bắt đầu, hãy nhanh chóng tìm hiểu một số lý do tại sao bạn nên tùy chỉnh trang thanh toán WooC Commerce và cách nó có thể mang lại lợi ích cho doanh nghiệp của bạn. Tại sao bạn nên tùy chỉnh trang thanh toán WooC Commerce Là chủ cửa hàng trực tuyến, mục tiêu của bạn là mang lại trải nghiệm mua sắm liền mạch cho khách hàng. Một cách để đạt được điều này là bằng cách tạo ra một quy trình kiểm tra không ma sát. Dưới đây là một số lợi ích chính của việc tìm hiểu cách tùy chỉnh trang thanh toán WooC Commerce: Giúp khách hàng mua hàng dễ dàng hơn (tăng tỷ lệ chuyển đổi) Bạn có thể tùy chỉnh trang thanh toán WooC Commerce để giúp khách hàng mua hàng dễ dàng hơn. Nếu mọi người phải nhấp qua nhiều trang để mua sản phẩm, có thể họ sẽ từ bỏ giỏ hàng của mình để ủng hộ một cửa hàng khác. Tuy nhiên, bằng cách tăng tốc quá trình đặt hàng, bạn có thể chuyển khách hàng qua hành trình mua hàng nhanh hơn, tăng chuyển đổi và có khả năng tăng doanh số. Khuyến khích khách hàng mua nhiều hơn Tùy chỉnh trang thanh toán WooC Commerce của bạn bao gồm cho phép khách hàng của bạn dễ dàng thêm nhiều sản phẩm vào giỏ hàng của họ cùng một lúc. Nó cũng liên quan đến việc giúp họ dễ dàng hơn trong việc lựa chọn các biến thể sản phẩm mà không cần phải nhấp qua trang sản phẩm duy nhất. Bằng cách này, họ sẽ có nhiều khả năng mua nhiều sản phẩm của bạn hơn, cho phép bạn tăng giá trị đơn hàng trung bình. Cung cấp trải nghiệm thanh toán an toàn Là chủ cửa hàng trực tuyến, có lẽ bạn đã biết rằng thanh toán an toàn là một trong những yếu tố quan trọng nhất trong việc mang lại trải nghiệm mua sắm tuyệt vời. Bạn muốn có thể cho khách hàng biết rằng thông tin liên lạc và thanh toán của họ là an toàn. Một cách để đạt được điều này là cung cấp một cổng thanh toán an toàn (và phổ biến) khi thanh toán. Bây giờ chúng ta đã biết những lợi ích của việc học cách tùy chỉnh trang thanh toán WooC Commerce, hãy xem xét một số cách bạn có thể triển khai trong trang web WordPress dựa trên WooC Commerce của riêng bạn. Đơn giản hóa thanh toán WooC Commerce để cải thiện trải nghiệm thanh toán Bằng cách giúp khách hàng dễ dàng hơn trong việc lựa chọn sản phẩm, đặt hàng và hoàn thành giao dịch của họ, bạn có thể cải thiện tỷ lệ chuyển đổi và tăng doanh số. Thêm các trường tùy chỉnh vào thanh toán Với WooC Commerce, không thể thêm hoặc xóa các trường biểu mẫu khỏi biểu mẫu thanh toán. Không có tùy chọn nào khả dụng để thực hiện việc này bằng trình chỉnh sửa biểu mẫu kéo và thả hoặc tùy chọn điểm và nhấp. Đây có thể là một hạn chế rất lớn đối với một số chủ cửa hàng trực tuyến. Ví dụ: nếu bạn đang bán hàng hóa kỹ thuật số (như sách điện tử, PSD hoặc các tài nguyên có thể tải xuống khác), bạn không cần phải thu thập một số chi tiết của khách hàng, như thông tin giao hàng. Trên thực tế, nếu bạn rời khỏi lĩnh vực này, khách hàng có thể bối rối về lý do tại sao bạn yêu cầu địa chỉ của họ cho một sản phẩm kỹ thuật số! Mặt khác, bạn có thể cần tùy chỉnh trang thanh toán WooC Commerce để thêm một hoặc hai trường bổ sung. Ví dụ: nếu bạn đang bán đồ trang sức và đồng hồ tùy chỉnh, bạn cần một trường tùy chỉnh bổ sung để cho phép khách hàng nhập các từ hoặc cụm từ họ muốn khắc. Nếu bạn đang nhận đơn đặt hàng thực phẩm nhà hàng , thì bạn có thể muốn một trường thanh toán cho khách hàng nhập thông tin chế độ ăn uống đặc biệt. Chia mẫu thanh toán thành nhiều bước Tùy thuộc vào loại sản phẩm bạn bán, bạn có thể xem xét chia biểu mẫu thanh toán của mình thành nhiều bước. Biểu mẫu thanh toán nhiều bước giúp khách hàng dễ dàng hoàn thành biểu mẫu thanh toán vì hai lý do chính: Họ nhóm các trường tương tự lại với nhau làm cho biểu mẫu trông ngắn hơn. Khách hàng ít có khả năng bỏ lỡ một lĩnh vực hoặc mắc lỗi làm giảm thiểu sự thất vọng tiềm ẩn. Đây là một cách tuyệt vời để đơn giản hóa quá trình thanh toán và mang lại trải nghiệm mua sắm không ma sát. Tạo kiểm tra một trang với bảng sản phẩm có thể tìm kiếm Một trong những cách dễ nhất (và hiệu quả nhất) để đơn giản hóa việc thanh toán là bằng cách cho phép khách hàng chọn sản phẩm và biến thể, thêm chúng vào giỏ hàng và thanh toán từ cùng một trang. Về cơ bản, nó tối ưu hóa quy trình đặt hàng và tăng tốc hành trình của người mua. Tất nhiên, số lần nhấp là một yếu tố chính ở đây. Nếu khách hàng phải nhấp qua một vài trang để thêm sản phẩm vào giỏ hàng của họ và đặt hàng, khả năng họ hoàn thành giao dịch sẽ giảm đáng kể. Bằng cách liệt kê các sản phẩm của bạn trên cùng trang với thanh toán WooC Commerce, bạn có thể tăng tốc hành trình của khách hàng. Điều này sẽ không chỉ cải thiện trải nghiệm mua sắm của khách hàng mà còn tăng doanh số của bạn và cải thiện chuyển đổi. Tiếp theo, tôi sẽ cho bạn biết cách thực hiện tất cả các tùy chỉnh này để thanh toán WooC Commerce. Cách thêm các trường mới tùy chỉnh vào trang thanh toán WooC Commerce Plugin trình quản lý kiểm tra WooC Commerce Checkout Field Editor cho phép bạn dễ dàng tùy chỉnh các trường biểu mẫu và các tùy chọn bổ sung (như trình giữ chỗ) trên trang thanh toán WooC Commerce của bạn. Bạn có thể thêm các trường bổ sung và xóa các trường để thiết lập các trường thanh toán tùy chỉnh của riêng bạn. Khi bạn cài đặt và kích hoạt plugin, bạn sẽ có thể thêm, di chuyển, chỉnh sửa hoặc xóa bất kỳ trường nào khỏi biểu mẫu thanh toán WooC Commerce của bạn. Nó cho phép bạn sửa đổi các trường thanh toán WooC Commerce bao gồm loại, vị trí, nhãn, giữ chỗ và nhiều hơn nữa. Để thực hiện việc này, chỉ cần truy cập WooC Commerce → Checkout Field để thêm các trường mới hoặc bắt đầu chỉnh sửa. Từ đây, bạn sẽ có thể chỉnh sửa ba bộ trường thanh toán WooC Commerce khác nhau: Điều này bao gồm các trường thanh toán và phần thanh toán của biểu mẫu thanh toán. Nếu bạn đã bật vận chuyển, bạn sẽ có thể chỉnh sửa các trường vận chuyển (chẳng hạn như trường địa chỉ giao hàng). Đây là các trường xuất hiện trên biểu mẫu thanh toán của bạn sau phần thanh toán và giao hàng (chẳng hạn như ghi chú đơn hàng hoặc chi tiết đơn hàng khác). Ngoài ra, bạn có thể thêm các loại trường tùy chỉnh khác nhau vào biểu mẫu thanh toán của mình, bao gồm: Trường văn bản, trường mật khẩu và trường nhập văn bản Chọn và chọn nhiều tùy chọn Nút radio và hộp kiểm Trường chọn ngày Bạn cũng có thể chỉ định tên trường và nhãn. Cách tạo thanh toán một trang với bảng sản phẩm có thể tùy chỉnh Với WooC Commerce, bạn có hai tùy chọn chính khi tạo thanh toán một trang: Tùy chọn 1: Để liệt kê một số ít các sản phẩm Với plugin WooC Commerce One Page Checkout chính thức , bạn có thể tạo một trang thanh toán duy nhất cho cửa hàng trực tuyến của mình mà không yêu cầu bất kỳ chỉnh sửa mã nào. Ngoài ra, nó cho phép bạn định vị biểu mẫu thanh toán ngay dưới bảng sản phẩm của bạn trong trang giỏ hàng. Nếu bạn đang tìm cách để cho phép khách hàng sửa đổi số lượng sản phẩm từ biểu mẫu thanh toán thì chúng tôi khuyên bạn nên sử dụng plugin tuyệt vời này để tạo thanh toán một trang. Tiện ích mở rộng này đi kèm với một số tùy chọn bố cục sản phẩm cho phép bạn liệt kê các sản phẩm phía trên biểu mẫu thanh toán. Tuy nhiên, các tùy chọn này là hạn chế. Ví dụ: nó không cho phép bạn trưng bày hàng tá sản phẩm, thêm bộ lọc hoặc thậm chí là hộp tìm kiếm vào phần danh sách sản phẩm. Vì vậy, trong khi đây chắc chắn là một lựa chọn tuyệt vời để liệt kê một vài sản phẩm, bạn sẽ cần một giải pháp khác nếu bạn muốn giới thiệu nhiều sản phẩm hơn khi thanh toán một trang. Cách 2: Để liệt kê hàng tá sản phẩm Plugin One Page Checkout chính thức chỉ thực sự phù hợp để liệt kê một vài sản phẩm trên trang thanh toán. Nếu bạn muốn liệt kê hàng tá sản phẩm WooC Commerce trên trang thanh toán, chúng tôi khuyên bạn nên sử dụng plugin WooC Commerce One Page Checkout với Bảng sản phẩm WooC Commerce . Bảng sản phẩm WooC Commerce cho phép bạn liệt kê các sản phẩm của mình một cách tinh vi hơn nhiều. Cụ thể hơn, bạn sẽ có thể: Thêm tùy chọn tìm kiếm, sắp xếp và bộ lọc để giúp khách hàng dễ dàng tìm thấy chính xác những gì họ đang tìm kiếm. Hiển thị menu thả xuống biến thể sản phẩm trực tiếp trong bảng sản phẩm. Chọn cột bạn muốn hiển thị và ẩn. Giúp khách hàng dễ dàng thêm nhiều sản phẩm vào giỏ hàng trong một lần. Tất cả các tùy chọn này sẽ được tích hợp trực tiếp trong biểu mẫu thanh toán một trang. Để bắt đầu, bạn sẽ cần một trang web WordPress với plugin WooC Commerce được cài đặt và một vài sản phẩm được thêm vào nó. Khi bạn đã có mọi thứ, đây là các bước bạn cần thực hiện để thêm trang thanh toán một trang vào trang web WooC Commerce của bạn: Bước # 1: Cài đặt và kích hoạt Bảng sản phẩm WooC Commerce Tải plugin WooC Commerce Product Table và cài đặt nó trên trang web của bạn. Khi đã xong, hãy truy cập WooC Commerce → Cài đặt → Sản phẩm → Bảng sản phẩm và nhập mã cấp phép của bạn. Nhấp vào nút Lưu Thay đổi ở cuối màn hình để tiếp tục. Bước # 2: Định cấu hình cài đặt Bảng sản phẩm WooC Commerce Từ cùng một màn hình, bạn sẽ có thể thiết lập bảng sản phẩm của mình theo bất kỳ cách nào bạn muốn. Dưới đây là một số mẹo nhanh để giúp bạn tạo trải nghiệm mua sắm một trang WooC Commerce nâng cao cho khách hàng: Để lại hộp kiểm AJAX giỏ hàng cho tùy chọn Thêm vào hành vi giỏ hàng chưa được sử dụng . Bằng cách này, bất cứ khi nào khách hàng thêm sản phẩm vào giỏ hàng, trang sẽ tải lại hiển thị kiểm tra một trang bên dưới với các sản phẩm chính xác. Đảm bảo rằng tùy chọn Số lượng được đánh dấu để cho phép khách hàng mua nhiều sản phẩm (hoặc biến thể) cùng một lúc. Đặt tùy chọn nút Thêm vào giỏ hàng thành Chỉ hộp kiểm hoặc Nút và hộp kiểm để cho phép khách hàng thêm nhiều sản phẩm vào giỏ hàng cùng một lúc. Điều này thêm một tùy chọn đa lựa chọn rõ ràng cho phép khách hàng thêm nhiều sản phẩm vào giỏ hàng cùng một lúc. Đặt tùy chọn Biến thể thành danh sách thả xuống trong cột thêm vào giỏ hàng hoặc Tách hàng trong bảng (mỗi biến thể) nếu bạn muốn hiển thị các sản phẩm khác nhau trong bảng sản phẩm. Điều này cho phép khách hàng chọn các biến thể sản phẩm từ trong mẫu đơn đặt hàng thay vì nhấp qua trang sản phẩm duy nhất. Ngoài ra, bạn có thể ngăn khách hàng rời khỏi mẫu đơn đặt hàng một trang bằng cách nhấp qua trang sản phẩm duy nhất. Để làm điều này, bạn sẽ không cần nhập không cho tùy chọn Liên kết sản phẩm . Làm như vậy sẽ vô hiệu hóa tất cả các liên kết đến các trang sản phẩm duy nhất. Cuối cùng, chúng tôi khuyên bạn nên giữ số lượng Hàng trên mỗi trang càng thấp càng tốt để cho phép khách hàng dễ dàng xem biểu mẫu thanh toán dưới bảng sản phẩm mà không phải cuộn quá lâu. Nếu số lượng sản phẩm lớn hơn số lượng hàng, liên kết trang (phân trang) sẽ được hiển thị dưới bảng cho phép khách hàng xem nhiều sản phẩm hơn. Bước # 3: Tạo trang thanh toán Bây giờ chúng tôi đã định cấu hình plugin Bảng sản phẩm thương mại WooC, tất cả những gì còn lại phải làm là tạo trang bạn muốn thêm danh sách sản phẩm WooC Commerce và kiểm tra một trang. Để bắt đầu, hãy đi tới Trang> Thêm mới và tạo một trang mới. Đây là những gì bạn cần làm: Thêm một vài hướng dẫn trên đầu trang cho khách hàng. Chẳng hạn, đây có thể là một dòng thân thiện bảo họ chọn sản phẩm của họ, thêm chúng vào giỏ hàng và cuộn xuống trang để kiểm tra. Tiếp theo, thêm mã ngắn của Bảng sản phẩm WooC Commerce vào trang tức là [product_table]. Bạn có thể thêm phần này vào khối Shortcode nếu bạn đang sử dụng trình soạn thảo Gutenberg hoặc trực tiếp vào trình soạn thảo văn bản trong trường hợp bạn đang sử dụng trình soạn thảo WordPress cổ điển. Cuối cùng, bạn sẽ cần thêm một mã ngắn bên dưới (các) mã ngắn của bảng sản phẩm để hiển thị biểu mẫu thanh toán. Bạn có thể làm điều này bằng cách tạo một khối shortcode mới và thêm [woocommerce_one_page_checkout]vào nó. Khi bạn hoàn tất, trang biểu mẫu đơn đặt hàng WooC Commerce của bạn sẽ trông giống như bên dưới trên giao diện trang web của bạn. Khách hàng có thể chọn các mặt hàng ở đầu. Sau đó, họ sẽ nhận được mẫu xem xét và kiểm tra đơn hàng bên dưới, nơi họ có thể nhập chi tiết khách hàng của mình và chọn phương thức thanh toán. Cách tùy chỉnh thủ công trang thanh toán WooC Commerce bằng mã Nếu bạn là nhà phát triển biết cách của bạn xung quanh các tệp PHP và JavaScript, bạn cũng có thể chỉnh sửa thủ công mẫu thanh toán của mình bằng mã tùy chỉnh. Để chèn nội dung bổ sung vào mẫu thanh toán của bạn, bạn có thể chỉnh sửa functions.php tập tin cho child theme của cửa hàng của bạn và sử dụng móc kiểm tra tích hợp WooCommerce của. Tạo Website bán hàng Phần kết luận Ra khỏi hộp, WooC Commerce không cung cấp trải nghiệm mua sắm tốt nhất có thể. Tùy thuộc vào loại sản phẩm bạn đang bán, bạn có thể cân nhắc tìm hiểu cách tùy chỉnh trang thanh toán WooC Commerce thành: Giúp khách hàng dễ dàng lựa chọn sản phẩm họ muốn mua. Nhanh chóng tìm thấy các sản phẩm họ đang tìm kiếm và thêm nhiều sản phẩm vào giỏ hàng trong một lần. Chọn sản phẩm và biến thể, thêm sản phẩm vào giỏ hàng và thanh toán từ một trang. Hiển thị các trường bổ sung hoặc ẩn các trường không liên quan để cải thiện chuyển đổi.
