Bạn có muốn đưa các danh mục sản phẩm vào menu của mình không? Tìm hiểu cách thêm danh mục sản phẩm WooCommerce vào Menu có và không có plugin.

Bạn đang xem : Plugin trình đơn danh mục sản phẩm woocommerce

Cách thêm Danh mục sản phẩm WooCommerce vào Trình đơn

|

Trong WooCommerce

Trong Tin tức

|

Bởi

Bởi Jane

Bạn có muốn đưa các danh mục sản phẩm vào menu của mình không ? Bạn đã đến đúng nơi. Trong bài đăng này, chúng tôi sẽ chỉ cho bạn 2 phương pháp khác nhau để thêm danh mục sản phẩm WooCommerce vào Menu .

Tại sao Thêm Danh mục Sản phẩm vào Menu?

Tối ưu hóa cửa hàng WooCommerce cho các lượt chuyển đổi là chìa khóa để tăng doanh số bán hàng và doanh thu của bạn. Ngoài trang thanh toán tuyệt vời và chủ đề trông chuyên nghiệp, cửa hàng của bạn phải dễ điều hướng. Điều này thường bị bỏ qua nhưng nó cực kỳ quan trọng. Để mang đến cho người dùng trải nghiệm mua hàng tuyệt vời, bạn cần giúp họ dễ dàng tìm thấy những gì họ đang tìm kiếm.

Có một menu rõ ràng và được thiết kế tốt là chìa khóa để giúp người dùng duyệt qua trang web của bạn. Các menu có thông tin rất quan trọng và đó là lý do tại sao chúng thường ở đầu các trang web. Tuy nhiên, giữ cho menu của bạn sạch sẽ và có tổ chức có thể là một thách thức nếu bạn có nhiều sản phẩm, danh mục và danh mục phụ. Nhưng chúng tôi có giải pháp cho bạn.

Tại đây, bạn sẽ tìm hiểu cách thêm danh mục sản phẩm WooCommerce vào menu để cải thiện điều hướng trang web của bạn. Ví dụ: giả sử một người mua sắm muốn mua điện thoại di động Samsung từ cửa hàng trực tuyến của bạn. Sẽ thật tuyệt nếu họ có thể truy cập trực tiếp vào phần điện thoại di động Samsung từ menu và dễ dàng tìm thấy sản phẩm họ đang tìm kiếm phải không? Điều hướng tốt hơn sẽ giúp bạn cải thiện trải nghiệm khách hàng và tăng tỷ lệ chuyển đổi.

Đó là lý do tại sao việc thêm các danh mục sản phẩm vào thực đơn của bạn có thể thay đổi cuộc chơi cho doanh nghiệp của bạn.

Cách thêm danh mục sản phẩm WooCommerce vào menu

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách thêm các sản phẩm WooCommerce vào menu theo hai cách khác nhau.

  1. Từ phần quản trị viên WordPress
  2. Với một plugin

Hãy xem xét kỹ hơn từng phương pháp để bạn có thể chọn phương pháp phù hợp hơn với tình huống của mình.

1) Từ Trang tổng quan WordPress

Phương pháp dễ dàng nhất và thân thiện với người mới bắt đầu để đưa các danh mục sản phẩm WooCommerce vào menu. Nó không yêu cầu bất kỳ công cụ bổ sung nào và chỉ mất vài phút. Trước tiên, đăng nhập vào trang tổng quan WordPress của bạn và đi tới Giao diện & gt; Trình đơn .

menu wordpress Nếu bạn vừa cấu hình các tùy chọn cơ bản, có thể bạn sẽ không thấy bất kỳ menu nào, vì vậy bạn sẽ cần tạo một menu và gán vị trí menu cho nó. Hãy xem cách thực hiện điều đó.

Tạo menu

Để tạo menu, bạn chỉ cần đặt tên, gán vị trí cho menu và nhấp vào nút Tạo menu . thêm danh mục sản phẩm WooCommerce vào menu - tạo menu mới Để trình diễn, chúng tôi sẽ đặt menu của mình ở vị trí menu chính của chủ đề. Trên bảng điều khiển bên trái, bạn sẽ thấy tất cả các phần tử và khối mà bạn có thể thêm vào menu của mình.

  • Trang
  • Bài đăng
  • Danh mục
  • Điểm cuối WooCommerce
  • Sản phẩm
  • Danh mục sản phẩm
XEM THÊM  Cách sử dụng Chia sẻ nhanh trên Galaxy Book: Chia sẻ tệp một lần chạm - cách sử dụng nhanh chóng

thêm danh mục sản phẩm WooCommerce vào menu - thêm vào menu Không thấy tùy chọn danh mục và sản phẩm WooCommerce? Đừng lo. Chúng được ẩn nên bạn chỉ cần hiển thị chúng. Đi tới cài đặt Tùy chọn màn hình và đánh dấu vào các hộp kiểm tương ứng như được hiển thị bên dưới.

thêm danh mục sản phẩm WooCommerce vào menu - tùy chọn màn hình Sau đó, mở phần danh mục WooCommerce và kiểm tra các danh mục bạn có trên cửa hàng trực tuyến . Từ tab Xem tất cả , bạn sẽ có thể xem tất cả các danh mục có sẵn.

thêm các danh mục sản phẩm WooCommerce vào menu - tất cả các danh mục thương mại điện tử Bạn có thể chọn tất cả các danh mục và thêm chúng vào menu của mình hoặc bao gồm các danh mục cụ thể.

Thêm danh mục sản phẩm vào menu

Đối với bản trình diễn này, chúng tôi sẽ thêm tất cả các danh mục vào menu.

thêm các danh mục sản phẩm WooCommerce vào menu -thêm mỗi hạng mục Sau đó, bạn có thể tùy chỉnh các mục từ phần Menu. Bạn có thể thay đổi vị trí mục, tạo menu phụ, chọn nơi hiển thị chúng, v.v.

thêm danh mục sản phẩm WooCommerce vào menu - menu chính Nếu bạn muốn tùy chỉnh menu của mình, thậm chí nhiều hơn nữa, hãy xem phần Tùy chọn màn hình . Ở đó, bạn sẽ thấy Thuộc tính menu nâng cao mà bạn có thể áp dụng cho các mục menu của mình.

Thêm Danh mục sản phẩm WooCommerce vào Trình đơn - Thuộc tính trình đơn nâng cao Sau khi bạn hài lòng với các thay đổi của mình, hãy nhấn Lưu trình đơn . lưu menu của chúng tôi Sau đó, hãy kiểm tra giao diện người dùng để xem kết quả. Như bạn có thể thấy trong ảnh chụp màn hình bên dưới, các danh mục sản phẩm WooCommerce xuất hiện trên menu.

Thêm Danh mục sản phẩm WooCommerce vào Trình đơn - Danh mục trên trình đơn Phương pháp này để thêm danh mục sản phẩm WooCommerce vào menu rất đơn giản nhưng rất hiệu quả. Nó thực sự mất vài phút và có thể giúp bạn cải thiện đáng kể khả năng điều hướng của mình. Và phần tốt nhất là ngay cả một người mới bắt đầu cũng có thể làm điều đó mà không cần thêm bất kỳ sự trợ giúp nào. Bạn cũng có thể tùy chỉnh màu menu, phông chữ, v.v. bằng một chút mã hóa. Mặt khác, nếu bạn muốn có thể chỉnh sửa menu của mình mà không cần viết mã, bạn có thể muốn xem phương pháp tiếp theo.

2) Thêm Danh mục Sản phẩm vào Menu với QuadMenu

Trong phần này, chúng tôi sẽ hướng dẫn bạn cách đưa các danh mục sản phẩm vào menu với QuadMenu . QuadMenu là một menu lớn miễn phí tuyệt vời cho phép bạn dễ dàng tạo và quản lý các loại menu khác nhau. Plugin này có phiên bản miễn phí với các tính năng cơ bản mà bạn có thể tải xuống từ tại đây 3 gói cao cấp với các chức năng nâng cao hơn, bắt đầu từ 15 USD (thanh toán một lần). < / p>

Ngoài ra, bạn có thể tích hợp QuadMenu với bất kỳ chủ đề WordPress nào bao gồm OceanWP , Avada , Divi , Astra , GeneratePress và nhiều ứng dụng khác. Đối với bản trình diễn này, chúng tôi sẽ hướng dẫn bạn cách thêm các danh mục sản phẩm WooCommerce vào menu bằng cách sử dụng chủ đề GeneratePress.

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

Trước tiên, hãy cài đặt và kích hoạt QuadMenu trên trang web của bạn. Để làm điều đó, hãy chuyển đến phần Plugin , tìm kiếm QuadMenu và nhấn Cài đặt .

cài đặt plugin quadmenu wordpress Sau đó, bạn cần cài đặt tiện ích bổ sung QuadMenu GeneratePress. Nếu bạn đang sử dụng một chủ đề khác như Divi hoặc Avada , bạn cần cài đặt tiện ích mở rộng cụ thể cho cửa hàng WooCommerce của mình. Bạn có thể xem tất cả các tiện ích mở rộng tại đây .

cài đặt plugin createpress addon Sau khi kích hoạt tiện ích mở rộng, bạn sẽ được chuyển hướng đến cài đặt plugin. Từ đó, bạn sẽ có thể thiết lập plugin, menu và cài đặt chính. Phiên bản miễn phí của QuadMenu đi kèm với các tính năng cơ bản cho phép bạn dễ dàng thêm các danh mục sản phẩm vào menu. Để làm điều đó, hãy đi tới cài đặt Chủ đề mặc định , nơi bạn sẽ có thể xem tất cả các tùy chọn cấu hình chính. cài đặt plugin phiên bản miễn phí quadmenu Bạn có thể chọn ba tùy chọn bố cục khác nhau cho menu và chọn căn chỉnh. Ngoài ra, bạn có thể tạo menu dính , bóng menu trên thiết bị di động, chuyển đổi, tiêu đề, biểu tượng, nút và các tùy chọn kiểu chữ cũng như bao gồm hoạt ảnh. Ví dụ: hãy xem cách thay đổi họ phông chữ trong menu của bạn.

XEM THÊM  Trình dịch từ tiếng Urdu sang tiếng Anh - google dịch từ urdu sang tiếng anh

Đầu tiên, hãy chuyển đến phần Kiểu chữ .

quadmenu typography QuadMenu đi kèm với tất cả Phông chữ của Google theo mặc định , vì vậy hãy chọn bất kỳ phông chữ nào bạn thích từ trình đơn thả xuống.

quadmenu fonts Sau đó, bạn cũng có thể thay đổi kích thước phông chữ và khoảng cách giữa các chữ cái. Sau khi bạn hài lòng với các thay đổi, hãy nhấn Lưu . Trên hết, bạn cũng có thể thêm hình ảnh động. Chỉ cần chuyển đến phần Hoạt ảnh và chọn các hiệu ứng bạn muốn áp dụng cho văn bản, phụ đề, biểu tượng và các thành phần khác.

hình ảnh động quadmenu Với một vài cú nhấp chuột, bạn sẽ có thể đưa menu WordPress mặc định của mình lên một cấp độ khác. Bây giờ, nếu bạn muốn tiến xa hơn nữa, bạn sẽ cần các chức năng nâng cao hơn. Để làm được điều đó, bạn sẽ cần phiên bản cao cấp của QuadMenu.

Cài đặt và kích hoạt phiên bản cao cấp của QuadMenu

Bạn có thể mua phiên bản cao cấp của QuadMenu từ cửa hàng chính thức chỉ với 15 USD. Sau đó, đăng nhập vào tài khoản QuadLayers của bạn và tải xuống các tệp plugin. mua cao cấp quadmenu Ngoài ra, hãy lấy thông tin cấp phép từ trang tổng quan tài khoản của bạn. giấy phép cao cấp quadmenu Sau đó, cài đặt plugin trên cửa hàng của bạn và kích hoạt nó.

install quadmenu premium Sau đó, chuyển đến phần Giấy phép và xác minh khóa cấp phép của bạn.

Tùy chọn cấp phép Quadmenu QuadMenu khả dụng trên:

  • Trang web của QuadLayers
  • Envato
  • Khu chợ thanh lịch

Vì vậy, bạn phải chọn thị trường tương ứng từ trình đơn thả xuống. Trong trường hợp của chúng tôi, chúng tôi sẽ chọn QuadLayers. Sau đó, nhập khóa cấp phép và email đã đăng ký và nhấp vào Lưu thay đổi . Kể từ bây giờ, trang web của bạn sẽ nhận được tất cả các bản cập nhật plugin và hỗ trợ từ nhà phát triển chính thức.

Bây giờ, hãy tiếp tục và xem cách tùy chỉnh các menu WordPress của bạn.

Bật QuadMenu

Đầu tiên, chuyển đến Giao diện & gt; Menu giống như chúng ta đã làm trong phương pháp trước và thêm các danh mục sản phẩm vào menu của bạn. Trước khi lưu trình đơn, hãy đánh dấu vào hộp kiểm QuadMenu Dev trong Cài đặt trình đơn . Đây là bước quan trọng, vì vậy hãy đảm bảo bạn chọn hộp kiểm tương ứng.

quadmenu dev menu Sau khi lưu menu, hãy kiểm tra các mục menu của bạn. Khi di chuột qua các mục, bạn sẽ thấy một menu mới có tên là QuadMenu như hình bên dưới.

cài đặt quadmenu Để chỉnh sửa một phần tử, chỉ cần nhấp vào tùy chọn QuadMenu. Đây là nơi điều kỳ diệu xảy ra. Bạn sẽ có thể thêm một biểu tượng tùy chỉnh, thay đổi tiêu đề liên kết, mô tả, phụ đề và hơn thế nữa.

chỉnh sửa menu iphone Tab Mặc định có các cài đặt cơ bản mà bạn định cấu hình từ phần menu, vì vậy chúng tôi khuyên bạn nên tập trung vào phần Chung các tab Biểu tượng . Trong tab Chung, bạn sẽ thấy các tùy chọn để tùy chỉnh:

  • Phụ đề
  • Huy hiệu
  • Nổi
  • Tùy chỉnh kích thước hiển thị
  • Phao thả xuống

Thêm Danh mục sản phẩm WooCommerce vào Trình đơn - Cài đặt chung QuadMenu Ví dụ: giả sử bạn muốn đặt các biểu tượng tùy chỉnh cho các danh mục sản phẩm WooCommerce của mình. Nhấp vào tùy chọn tương ứng và chọn biểu tượng bạn thích.

biểu tượng quadmenu

Khi bạn thêm nhiều danh mục vào menu cửa hàng WooCommerce của mình, các biểu tượng rất hữu ích. Với QuadMenu, bạn có thể hiển thị các biểu tượng tùy chỉnh trên các danh mục WooCommerce của mình mà không cần phải thêm chúng theo cách thủ công. Chỉ cần chọn các biểu tượng bạn thích từ danh sách và lưu các thay đổi.

thêm biểu tượng menu

Sau khi chọn các biểu tượng bạn thích, hãy kiểm tra trang web từ giao diện người dùng và bạn sẽ thấy các biểu tượng trong menu của mình.

quadmenu

Thay đổi kiểu

Bây giờ, hãy tiến xa hơn một chút và tùy chỉnh menu của chúng tôi nhiều hơn một chút bằng cách sử dụng cài đặt chủ đề QuadMenu . Tin tốt là bạn có thể tùy chỉnh nhiều phần tử mà không cần viết một dòng mã nào. cài đặt menu mặc định

Ví dụ: hãy thay đổi màu sắc của menu. Bạn chỉ có thể chọn màu bạn muốn từ bảng điều khiển và lưu các thay đổi. Đối với bản trình diễn này, chúng tôi đã sửa đổi màu nền của menu.

XEM THÊM  Cách lưu trữ một trang web trên Bluehost vào năm 2022 - cách tải trang web của tôi lên bluehost

menu bg color

Vì vậy, ở giao diện người dùng, bạn sẽ thấy màu nền bây giờ là màu xanh lam. Thêm Danh mục sản phẩm WooCommerce vào Menu - bg color mới

Nếu sau khi lưu các thay đổi mà bạn không thấy chúng trên giao diện người dùng, chỉ cần xóa bộ nhớ cache của WordPress và áp dụng lại các thay đổi. Đây là cách bạn có thể sử dụng QuadMenu để chỉnh sửa menu WooCommerce của mình.

Ngoài việc thêm các danh mục sản phẩm và thay đổi màu sắc, bạn có thể bao gồm các hiệu ứng hoạt ảnh, thay đổi kiểu chữ, thêm các tùy chọn dính, và hơn thế nữa. Vì vậy, nếu bạn muốn đưa menu của mình lên một tầm cao mới, QuadMenu là một lựa chọn tuyệt vời.

Kết luận

Điều hướng trang web là chìa khóa để có một cửa hàng trực tuyến thành công. Người dùng cần có thể dễ dàng tìm thấy những gì họ đang tìm kiếm. Xem xét mức độ quan trọng của menu, một trong những giải pháp tốt nhất để cải thiện điều hướng là thêm các danh mục sản phẩm WooCommerce vào menu. Trong hướng dẫn này, chúng tôi đã thấy hai phương pháp đơn giản để thực hiện điều đó.

  1. Từ trang tổng quan WordPress
  2. Sử dụng QuadMenu

Bao gồm các danh mục sản phẩm từ bảng điều khiển quản trị WordPress rất dễ dàng và chỉ mất vài phút. Mặc dù bạn có thể sử dụng tùy biến WordPress hoặc cài đặt menu mặc định của WordPress để thực hiện thay đổi, các tùy chọn tùy chỉnh có thể khá cơ bản nếu bạn không có kỹ năng viết mã.

Mặt khác, QuadMenu là một plugin rất mạnh mẽ và dễ sử dụng để tạo và quản lý các menu. Nó cho phép bạn toàn quyền kiểm soát menu của mình, thêm các biểu tượng phông chữ tùy chỉnh, phông chữ Google, thay đổi màu sắc, bố cục và hơn thế nữa. Ngoài ra, với QuadMenu, bạn có thể dễ dàng tạo các menu lớn có thể hoạt động rất tốt cho các cửa hàng có nhiều sản phẩm. Vì vậy, nếu bạn muốn thực hiện nhiều sửa đổi và đưa menu của mình lên một tầm cao mới, QuadMenu là một lựa chọn tuyệt vời.

Bạn có biết bất kỳ cách nào khác để thêm danh mục sản phẩm vào menu không? Bạn có gặp vấn đề gì khi làm theo hướng dẫn này không? Hãy cho chúng tôi biết trong phần bình luận bên dưới!


Xem thêm những thông tin liên quan đến chủ đề plugin trình đơn danh mục sản phẩm woocommerce

Hướng Dẫn Tạo Danh Mục Sản Phẩm Slide WooCommerce Category Slider eStore WordPress Website

alt

  • Tác giả: Công Ty TNHH Blue Fox
  • Ngày đăng: 2021-03-10
  • Đánh giá: 4 ⭐ ( 7435 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Plugin có tên là WooCommerce Category Slider tạo danh mục sp chạy slide. Cho phép chỉnh nhiều thông số Anh/Chị khám phá thêm nhé

Thiết kế các danh mục sản phẩm WooCommerce của bạn với Elementor

  • Tác giả: www.holdersing.com
  • Đánh giá: 4 ⭐ ( 1557 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Danh mục sản phẩm rất quan trọng để khách hàng khám phá sản phẩm mới. Tìm hiểu cách tạo các trang danh mục sản phẩm với Elementor

[WooCommerce] Thêm danh mục trong thông tin đơn hàng

  • Tác giả: www.hoangweb.com
  • Đánh giá: 3 ⭐ ( 9418 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

25 plugin cho WooCommerce phải có và tốt nhất trong năm 2020

  • Tác giả: compamarketing.com
  • Đánh giá: 4 ⭐ ( 3324 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Plugin Woocommerce: Thêm một sản phẩm đơn giản

  • Tác giả: plugin-woocommerce.blogspot.com
  • Đánh giá: 3 ⭐ ( 6094 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trước khi chúng ta tìm hiểu sâu vào các thiết lập trong Woocommerce thì hãy nên thử thêm một vài sản phẩm đơn giản trước để bạn hình dung công việc nó như thế nào nhé.

10 plugin WordPress để quản lý danh mục sản phẩm

  • Tác giả: vi.blogpascher.com
  • Đánh giá: 4 ⭐ ( 6542 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Dưới đây là 10 plugin WordPress tốt nhất để quản lý danh mục sản phẩm trên WooCommerce.

14 plugin hay cho WooCommerce giúp bán hàng hiệu quả

  • Tác giả: vietnix.vn
  • Đánh giá: 4 ⭐ ( 2945 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tổng hợp 14 plugin hay cho WooCommerce bao gồm: 1. Pricing Deals for WooCommerce, 2. YITH Frequently Bought Together, 3. WooCommerce Image Zoom,…

Xem thêm các bài viết khác thuộc chuyên mục: WordPress

By DEVTEAM