Cách tùy chỉnh trang kết quả tìm kiếm sản phẩm WooCommerce

Tác giả NetworkEngineer, T.Năm 04, 2022, 02:15:25 CHIỀU

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

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

Cách tùy chỉnh trang kết quả tìm kiếm sản phẩm WooCommerce


Bạn có muốn tùy chỉnh trang kết quả tìm kiếm sản phẩm WooCommerce của mình không?

Theo mặc định, WordPress và WooCommerce có khả năng tìm kiếm hạn chế. Bằng cách tùy chỉnh kết quả tìm kiếm sản phẩm, bạn sẽ có thể tăng doanh số bán hàng và phát triển doanh nghiệp của mình.

Trong bài viết này, mình sẽ chỉ ra một số cách dễ dàng để bạn có thể tùy chỉnh trang kết quả tìm kiếm sản phẩm WooCommerce của mình để cung cấp trải nghiệm người dùng tốt hơn.

1. Tại sao phải tùy chỉnh Trang kết quả tìm kiếm sản phẩm WooCommerce?

Theo mặc định, WooCommerce được tích hợp sẵn tính năng tìm kiếm sản phẩm. Tuy nhiên, nó có những hạn chế nghiêm trọng. Điều này có nghĩa là khách hàng của bạn sẽ không thể tìm thấy sản phẩm mà họ đang tìm kiếm.

Kết quả là, bạn có thể mất doanh số bán hàng tiềm năng. Nếu khách hàng của bạn không thể tìm thấy những gì họ đang tìm kiếm, thì họ có thể sẽ không quay lại cửa hàng trực tuyến của bạn.

Làm thế nào điều này xảy ra? Tìm kiếm WooCommerce mặc định chỉ lập chỉ mục tiêu đề, nội dung và phần trích dẫn của các bài đăng và trang. Nó không xem xét bất kỳ nội dung nào trong các trường tùy chỉnh khi thực hiện tìm kiếm.

Đó là một vấn đề vì rất nhiều dữ liệu sản phẩm WooCommerce của bạn được lưu trữ trong các trường tùy chỉnh. Do đó, không có danh mục sản phẩm, thẻ, bài đánh giá nào và các thuộc tính đặc biệt khác của bạn sẽ được lập chỉ mục.

May mắn thay, bạn có thể giải quyết vấn đề này bằng cách sử dụng plugin tìm kiếm sản phẩm WooCommerce.

Chúng ta hãy cùng xem một số ví dụ về cách bạn có thể cải thiện trang kết quả tìm kiếm sản phẩm WooCommerce của mình.

Đây là những gì bạn sẽ học được từ hướng dẫn này. Bạn có thể nhấp vào liên kết để chuyển tới phần bạn quan tâm.

  • Làm cho dữ liệu sản phẩm WooCommerce có thể tìm kiếm được
  • Tùy chỉnh sản phẩm nào sẽ được hiển thị trên các trang kết quả tìm kiếm
  • Hiển thị kết quả tìm kiếm sản phẩm ở chế độ trực tiếp
  • Tìm các kết quả phù hợp từng phần và các tính năng nâng cao khác

2. Làm cho dữ liệu sản phẩm WooCommerce có thể tìm kiếm được

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin SearchWP. Để 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.

SearchWP là plugin tìm kiếm tùy chỉnh tốt nhất cho WordPress và được sử dụng bởi hơn 30.000 trang web. Đây cũng là một trong những plugin tốt nhất cho WooCommerce vì nó mang lại kết quả sản phẩm phù hợp hơn cho khách hàng của bạn.

Lưu ý: Bạn sẽ cần ít nhất gói Pro để truy cập tích hợp WooCommerce.

Sau khi kích hoạt, bạn cần truy cập trang SearchWP >> Settings và chuyển sang tab 'Support' để nhập khóa cấp phép của bạn. Bạn có thể tìm thấy nó trong khu vực tài khoản của mình trên trang SearchWP.


Tiếp theo, bạn cần cài đặt và kích hoạt tiện ích mở rộng WooCommerce Integration.

Bạn có thể tải xuống từ khu vực tài khoản của mình trên trang web SearchWP và cài đặt nó như cách bạn cài đặt bất kỳ plugin WordPress nào khác.


Bây giờ bạn đã sẵn sàng để thiết lập công cụ tìm kiếm tùy chỉnh SearchWP của mình.

Chỉ cần truy cập trang SearchWP >> Settings và đảm bảo rằng bạn đang ở trên tab 'Engines'. Khi đó, bạn cần nhấp vào nút 'Sources & Settings'.


Thao tác này sẽ hiển thị một cửa sổ bật lên nơi bạn phải đảm bảo rằng hộp kiểm bên cạnh 'Products' đã được chọn. Điều này sẽ cho phép SearchWP lập chỉ mục các sản phẩm WooCommerce của bạn.

Đánh giá sản phẩm WooCommerce được lưu trữ dưới dạng nhận xét. Nếu bạn muốn làm cho các bài đánh giá có thể tìm kiếm được, thì bạn cũng nên chọn hộp 'Comments'.


Khi bạn đã hoàn thành việc đó, hãy nhấp vào nút 'Done' để đóng cửa sổ bật lên.

Bây giờ bạn cần cuộn xuống phần 'Products'. Lưu ý rằng theo mặc định, plugin sẽ chỉ xem xét tiêu đề sản phẩm, nội dung (mô tả), slug và đoạn trích (mô tả ngắn).


Bạn có thể mở rộng phạm vi tiếp cận của SearchWP bằng cách nhấp vào nút 'Add/Remove Attributes'.

Thao tác này sẽ hiển thị một cửa sổ bật lên, nơi bạn có thể bao gồm các trường tùy chỉnh cụ thể và các đơn vị phân loại trong tìm kiếm. Đối với hướng dẫn này, mình đã thêm các trường tùy chỉnh 'color' và 'size', cũng như phân loại 'product categories' và 'product tags'.


Bây giờ bạn có thể nhấp vào nút 'Done' và bạn sẽ nhận thấy rằng các trường tùy chỉnh và phân loại đó đã được thêm vào phần sản phẩm của SearchWP.

Sau đó, bạn có thể điều chỉnh trọng số của từng thuộc tính. Nếu bạn muốn làm cho một thuộc tính cụ thể quan trọng hơn trong kết quả tìm kiếm, thì chỉ cần di chuyển thanh trượt sang bên phải.


Khi bạn hoàn tất, hãy tiếp tục và nhấp vào nút 'Save Engines' ở đầu màn hình để lưu cài đặt của bạn.

SearchWP sau đó sẽ bắt đầu xây dựng lại chỉ mục tìm kiếm của bạn trong nền. Sau đó, plugin sẽ sẵn sàng để bắt đầu cung cấp các kết quả tìm kiếm có liên quan hơn đến cửa hàng WooCommerce của bạn.


SearchWP sẽ tự động sử dụng bất kỳ biểu mẫu tìm kiếm nào trên cửa hàng trực tuyến của bạn. Tuy nhiên, nếu bạn cần thêm biểu mẫu tìm kiếm, thì hãy xem hướng dẫn từng bước của mình về cách tạo biểu mẫu tìm kiếm WordPress tùy chỉnh. Điều này cũng sẽ dạy bạn cách tạo kiểu cho trang kết quả bằng cách sử dụng CSS tùy chỉnh.

Bây giờ bạn có thể đến cửa hàng WooCommerce của mình để thử tính năng tìm kiếm. mình sẽ tìm kiếm danh mục sản phẩm 'hoodies' và tất cả các sản phẩm trong danh mục đó sẽ được hiển thị.


Để tìm hiểu thêm, hãy xem hướng dẫn của mình về cách thực hiện tìm kiếm sản phẩm WooCommerce thông minh.

3. Tùy chỉnh sản phẩm nào sẽ được hiển thị trên các trang kết quả tìm kiếm

Theo mặc định, SearchWP sẽ bao gồm tất cả các sản phẩm trong cửa hàng trực tuyến của bạn trong kết quả tìm kiếm. Tuy nhiên, bạn có thể muốn chỉ định sản phẩm nào nên hoặc không nên hiển thị.

Ví dụ: bạn có thể tự động loại trừ các sản phẩm nếu chúng thuộc một số điều kiện nhất định, chẳng hạn như nếu chúng bị ngừng sản xuất hoặc hết hàng. Hoặc bạn có thể chỉ trưng bày các sản phẩm đang giảm giá hoặc đi kèm với giao hàng miễn phí.

Ví dụ: cửa hàng AeroPress WooCommerce cho phép bạn tìm kiếm các sản phẩm với giao hàng miễn phí. Đây là một ưu đãi lớn dành cho khách hàng khi mua hàng.


Để bắt đầu, bạn nên nhấp vào nút 'Edit Rules' trong phần Sản phẩm của SearchWP.


Ngay bây giờ không có quy tắc. Bạn có thể tạo bao nhiêu quy tắc tùy ý.

Để tạo quy tắc đầu tiên, bạn cần nhấp vào nút 'Add Rule'.


Giờ đây, bạn có thể chỉ định các điều kiện mà sản phẩm sẽ được hiển thị hoặc loại trừ khỏi kết quả tìm kiếm. Đối với hướng dẫn này, mình sẽ loại trừ tất cả các sản phẩm hết hàng.

Trước tiên, bạn nên chọn 'Exclude entries if' từ trình đơn thả xuống đầu tiên. Sau đó, chọn phân loại 'Product visibility' và nhập 'outofstock' vào trường bên cạnh nó.


Nếu muốn, bạn có thể thêm các điều kiện bổ sung cần được loại trừ bằng cách nhấp vào nút 'OR'. Khi bạn đã hoàn tất việc thêm các quy tắc, hãy nhấp vào nút 'Done'.

Bây giờ tất cả những gì bạn cần làm là nhấn nút 'Save Engines' ở trên cùng để lưu trữ các thay đổi của bạn.


Để tìm hiểu thêm về các cách bạn có thể sử dụng các quy tắc của SearchWP, hãy xem hướng dẫn của mình về cách loại trừ các trang, tác giả cụ thể và hơn thế nữa khỏi tìm kiếm WordPress.

4. Hiển thị kết quả tìm kiếm sản phẩm ở chế độ trực tiếp

Tìm kiếm trực tiếp sẽ cải thiện trải nghiệm tìm kiếm trên cửa hàng WooCommerce của bạn bằng cách tự động hiển thị kết quả tìm kiếm khi khách hàng của bạn nhập truy vấn của họ.

Ví dụ: Good Dye Young cung cấp kết quả tìm kiếm trực tiếp về các sản phẩm trang điểm và tóc của họ.

Các sản phẩm và bài viết có liên quan được hiển thị ngay lập tức trong khi khách hàng nhập truy vấn tìm kiếm của họ, mang lại trải nghiệm người dùng tốt hơn.


Để thêm phần mềm này vào cửa hàng của riêng bạn, tất cả những gì bạn cần làm là cài đặt và kích hoạt plugin SearchWP Live Ajax Lite Search. Để 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.

Sau khi kích hoạt, các biểu mẫu tìm kiếm WooCommerce của bạn sẽ tự động cung cấp tìm kiếm trực tiếp.


Để biết thêm chi tiết, hãy xem hướng dẫn của mình về cách thêm tìm kiếm trực tiếp vào trang web WordPress của bạn.

5. Tìm kết quả phù hợp từng phần và các tính năng nâng cao khác

Đối sánh từng phần sẽ giúp khách hàng của bạn tìm thấy những gì họ đang tìm kiếm, ngay cả khi họ không nhập toàn bộ từ hoặc sử dụng chính tả.

Ví dụ: cửa hàng trực tuyến Magna-Tiles đã bật tính năng đối sánh một phần. Khách hàng chỉ cần gõ một phần tên sản phẩm là có thể tìm thấy trong kết quả tìm kiếm.


Để bật tính năng đối sánh từng phần trong SearchWP, bạn nên điều hướng đến SearchWP >> Settings và nhấp vào tab Advanced.

Trên trang này, bạn có thể bật một số cài đặt sẽ giúp người dùng của bạn tìm thấy những gì họ đang tìm kiếm dễ dàng hơn.


Chọn bất kỳ tùy chọn nào sau đây mà bạn muốn:

  • Partial matches cũng sẽ hiển thị kết quả không hoàn toàn khớp với cụm từ đang được tìm kiếm.
  • Automatic "Did you mean?" chỉnh sửa sẽ đề xuất một cụm từ tìm kiếm hơi khác sẽ phù hợp với nhiều sản phẩm hơn trong cửa hàng trực tuyến của bạn.
  • Supporting "quoted/phrase searches" sẽ cho phép người dùng của bạn sử dụng dấu ngoặc kép khi tìm kiếm các cụm từ chính xác.
  • Highlighting terms in results sẽ giúp khách hàng của bạn dễ dàng tìm thấy những gì họ đang tìm kiếm trong kết quả tìm kiếm.

Mình hy vọng hướng dẫn này đã giúp bạn tìm hiểu cách tùy chỉnh trang kết quả tìm kiếm sản phẩm WooCommerce. Bạn cũng có thể muốn tìm hiểu cách thêm giá bán buôn trong WooCommerce hoặc xem danh sách các dịch vụ tiếp thị qua email tốt nhất của mình.