Tìm kiếm các cách khác nhau để chỉnh sửa trang cửa hàng của bạn? . Trong hướng dẫn này, bạn sẽ tìm hiểu các phương pháp khác nhau để tùy chỉnh Trang cửa hàng WooC Commerce của mình theo từng bước. thủ công, sử dụng trình tạo trang và plugin

Trang cửa hàng là nơi bạn trưng bày các sản phẩm của mình, vì vậy đây là một trong những trang quan trọng nhất trong cửa hàng của bạn. Đó là lý do tại sao nó nên có một thiết kế hấp dẫn và thân thiện với người dùng

Trang cửa hàng là một thành phần được thiết kế sẵn trong cửa hàng của bạn và không có công cụ tích hợp để thay đổi giao diện của cửa hàng. Tuy nhiên, điều đó không có nghĩa là bạn hoàn toàn không thể thay đổi. Trong hướng dẫn này, bạn sẽ tìm hiểu cách tùy chỉnh trang cửa hàng WooC Commerce bằng ba phương pháp khác nhau

Trang cửa hàng WooC Commerce là gì và tại sao bạn nên tùy chỉnh nó?

Trang cửa hàng, theo định nghĩa của WooC Commerce, là “trình giữ chỗ cho kho lưu trữ loại bài đăng cho sản phẩm”. Nói một cách đơn giản, đó là trang nơi bạn hiển thị các sản phẩm của mình, vì vậy nó rất quan trọng đối với sự thành công của doanh nghiệp bạn. Trước khi tìm hiểu cách bạn có thể chỉnh sửa nó, hãy xem lý do tại sao bạn nên tùy chỉnh trang cửa hàng WooC Commerce

Bây giờ, hãy tưởng tượng bạn bước vào một cửa hàng để mua thứ gì đó. Điều gì quyết định sự hài lòng của bạn với quá trình mua sắm? . Chúng ta đang sống trong một thế giới kết nối nhờ có Internet. Và, đặc biệt là trong thời điểm đại dịch toàn cầu, việc mua sắm đã chuyển từ cửa hàng thực sang cửa hàng trực tuyến. Dự kiến ​​trong 20 năm tới, khoảng 95% giao dịch mua hàng sẽ được thực hiện trực tuyến

Mọi người mua sắm trực tuyến vì nó dễ dàng hơn và nhanh hơn [hoặc ít nhất là như vậy]. Vì vậy, cách bạn sắp xếp các sản phẩm của mình trên trang cửa hàng WooC Commerce và cách bạn hiển thị chúng cho khách hàng của mình có thể tạo ra sự khác biệt lớn. Không chỉ đối với chuyển đổi và doanh thu mà còn đối với danh tiếng của cửa hàng của bạn

Lợi ích của việc tùy chỉnh Trang cửa hàng

Nói chung, việc tùy chỉnh trang Cửa hàng WooC Commerce có một số lợi ích

• Nổi bật so với các đối thủ cạnh tranh. Hầu hết các cửa hàng đều có cùng một trang cửa hàng, vì vậy bạn sẽ nổi bật nếu tùy chỉnh trang của mình
• Cải thiện trải nghiệm của khách hàng
• Tăng tỷ lệ chuyển đổi và bán hàng
• cải tiến SEO. Ngoài việc chỉnh sửa thiết kế của nó, bạn có thể chỉnh sửa trang cửa hàng và thêm nội dung mà khách hàng của bạn sẽ tìm thấy trên Google

Bây giờ chúng ta đã hiểu rõ hơn lý do tại sao bạn nên tùy chỉnh trang cửa hàng, hãy tập trung vào câu hỏi sau. Làm thế nào bạn có thể tạo ấn tượng tốt với khách hàng khi họ đến trang cửa hàng của bạn? . Điều đó nói dễ hơn là làm

Tuy nhiên, trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách giành toàn quyền kiểm soát và chỉnh sửa trang cửa hàng WooC Commerce của bạn

Cách tùy chỉnh trang cửa hàng WooC Commerce

Trong phần này, chúng tôi sẽ chỉ cho bạn cách tùy chỉnh trang cửa hàng bằng ba phương pháp khác nhau

1. lập trình
2. Với trình tạo trang
3. Với plugin

1] Tùy chỉnh Trang cửa hàng WooC Commerce theo lập trình

Trước tiên, hãy xem cách tùy chỉnh trang cửa hàng WooC Commerce của bạn mà không cần dựa vào trình tạo trang hoặc plugin. Ưu điểm lớn nhất của phương pháp này là bạn sẽ không thêm bất kỳ ứng dụng bên thứ ba nào vào trang web của mình. Mặc dù việc này sẽ không mất quá vài phút vì chúng tôi sẽ không thực hiện bất kỳ thao tác viết mã khó nào, nhưng sẽ tốt hơn nếu bạn có một số kỹ năng viết mã cơ bản

Bước 1. Tạo chủ đề con

Nếu bạn chưa tạo chủ đề con cho chủ đề của mình cho đến thời điểm này, thì đã đến lúc bạn phải có một chủ đề. Chúng tôi khuyên dùng một chủ đề con vì nếu bạn thay đổi chủ đề của mình rồi cập nhật chủ đề đó, các tệp mới sẽ thay thế các tệp cũ và bạn sẽ mất các thay đổi

Tuy nhiên, bạn có thể tránh điều đó bằng cách tùy chỉnh chủ đề của mình từ chủ đề con. Bạn có thể tạo một chủ đề con bằng các phương pháp khác nhau. Bạn có thể sử dụng plugin chủ đề con hoặc tự viết mã. Để biết thêm thông tin về cả hai phương pháp, hãy xem hướng dẫn của chúng tôi về cách tạo chủ đề con trong WordPress

Bước 2. Tạo cấu trúc thư mục trong chủ đề con của bạn

Bây giờ, chúng tôi sẽ sử dụng ứng dụng khách FTP để thay đổi tệp trang web. Nếu bạn không có tài khoản FTP, chúng tôi khuyên dùng phần mềm FileZilla nhưng bạn có thể sử dụng bất kỳ ứng dụng khách nào bạn muốn. Sau khi tạo chủ đề con của bạn, hãy truy cập tệp trang web của bạn và làm theo lộ trình này. /wp-content/themes/your-theme

Giả sử bạn đã tạo một chủ đề con cho chủ đề Twenty Twenty. Tên thư mục phải giống như Twentytwenty-child-theme. Sau đó, nhấp vào nó và tạo một thư mục có tên WooC Commerce. Sau đó, tạo một tệp có tên archive-product. php, là tệp mẫu trang cửa hàng. Bạn đã tạo một trang cửa hàng WooC Commerce trong cửa hàng của mình nhưng nó trống nên bây giờ bạn phải thêm một số nội dung

Bước 3. Tạo nội dung cho trang cửa hàng của bạn

Hãy nhớ rằng bất cứ điều gì bạn viết trong trình soạn thảo văn bản của sản phẩm lưu trữ. php sẽ xuất hiện trên trang cửa hàng và khách hàng của bạn sẽ thấy nó. Tại đây, bạn có thể sử dụng một số mã hóa để thực hiện điều kỳ diệu với trang cửa hàng của mình. Tuy nhiên, nếu bạn không chắc chắn cách thực hiện, hãy chuyển sang bước tiếp theo

Bước 4. Tạo mẫu trang cửa hàng

Thay vì tạo trang cửa hàng WooC Commerce từ đầu, bạn có thể sử dụng mẫu hiện có và điều chỉnh nó. Đối với điều này, hãy quay lại chủ đề gốc và tìm chủ đề duy nhất. php hoặc chỉ mục. tập tin php. Nếu bạn thấy một trong hai, hãy sao chép và dán vào thư mục WooC Commerce mà bạn đã tạo ở Bước 2. Nếu bạn thấy cả hai tệp, hãy sao chép một. php. Sau đó, xóa sản phẩm lưu trữ. php và thay đổi tên của tệp bạn vừa dán ở đây thành archive-product. php

Với điều này, chúng tôi sẽ sử dụng tệp mẫu bài đăng làm trang cửa hàng của bạn nhưng nó sẽ giống như một trang sản phẩm. Tuy nhiên, đây không phải là lý tưởng. Bạn muốn trang cửa hàng WooC Commerce của mình trông giống trang cửa hàng chứ không phải trang sản phẩm. Để tùy chỉnh nó, chúng tôi sẽ sử dụng một số mã ngắn

Bước 5. Tùy chỉnh trang cửa hàng bằng mã ngắn

Đầu tiên, chia sản phẩm thành cột hoặc hàng. Ví dụ: nếu bạn muốn hiển thị sản phẩm của mình trong 2 cột tối đa 6 sản phẩm, bạn cần dán đoạn mã sau vào tệp lưu trữ-sản phẩm. tập tin php

[products limit="6" columns="2"]

Nếu bạn không chắc chắn cách thực hiện, hãy làm theo các bước sau

• Mở kho lưu trữ-sản phẩm. tập tin php
• Delete the text between and . Please note that you should not remove these two lines of code but only what’s between them
• Thêm dòng mã này vào khoảng trống còn lại của những gì bạn vừa xóa.

• Lưu các thay đổi
• Xin chúc mừng. Bạn vừa tạo một trang cửa hàng WooC Commerce mới

Hiển thị các sản phẩm phổ biến nhất

Hãy cùng xem một ví dụ khác về những gì bạn có thể làm để tùy chỉnh theo chương trình trang cửa hàng của mình trong WooC Commerce. Giả sử bạn muốn hiển thị các sản phẩm phổ biến nhất của mình. Đối với điều đó, chúng tôi sẽ sử dụng mã ngắn sau

[products orderby="popularity"]

Xác định vị trí lưu trữ-sản phẩm. php của chủ đề tệp của bạn và dán đoạn mã sau

do_action['woocommerce_before_shop_loop'];
echo '
MOST POPULAR !!
';
do_shortcode['[products orderby="popularity" class="m-popular" columns="2" limit="2"]']; do_action['woocommerce_after_shop_loop'];

Như bạn có thể thấy, chúng tôi sẽ hiển thị hai sản phẩm trong một hàng gồm hai cột [cột=”2″ giới hạn=”2″], nhưng bạn có thể điều chỉnh những con số này sao cho phù hợp nhất với mình

Tương tự, bạn có thể hiển thị các sản phẩm được xếp hạng hàng đầu, sản phẩm bán chạy nhất, v.v. Chúng tôi khuyên bạn nên thử và tùy chỉnh trang cửa hàng bằng cách sử dụng mã ngắn hoặc thông qua mã hóa để mang lại giao diện hoàn hảo cho doanh nghiệp của bạn

Để biết thêm ý tưởng về cách tùy chỉnh cửa hàng của bạn bằng một chút mã hóa, hãy xem hướng dẫn của chúng tôi về cách chỉnh sửa trang cửa hàng WooC Commerce theo chương trình

2] Tùy chỉnh Trang cửa hàng WooC Commerce với Trình tạo trang

Mặc dù phương pháp trước giúp bạn tiết kiệm thời gian, nhưng có thể khó đối với những người không có kỹ năng viết mã. Đó là lý do tại sao ở đây chúng tôi sẽ chỉ ra một cách dễ dàng hơn để hoàn thành thủ thuật mà không cần phải sửa đổi các tệp của chủ đề của bạn. Trong phần này, bạn sẽ tìm hiểu cách tùy chỉnh trang cửa hàng WooC Commerce bằng trình tạo trang của bạn. Với trình tạo trang, bạn có thể thay đổi thiết kế, bố cục, loại sản phẩm và sản phẩm sẽ hiển thị trên trang cửa hàng

Trên hết, bạn sẽ không cần viết bất kỳ mã nào hoặc sửa đổi các tệp chủ đề. Bất kể bạn đang sử dụng Elementor, Visual Composer, Divi hay bất kỳ trình tạo trang nào khác, phương pháp này đều tương thích với tất cả chúng

GHI CHÚ. Bạn sẽ không cần viết bất kỳ dòng mã nào nhưng sẽ hữu ích nếu bạn quen thuộc với mã ngắn WooC Commerce. Hướng dẫn mã ngắn của chúng tôi là một điểm khởi đầu tốt. Bây giờ, hãy xem cách tùy chỉnh trang cửa hàng của bạn bằng trình tạo trang. Để làm điều này, có hai bước chính

1. Tạo trang để hiển thị sản phẩm của bạn bằng trình tạo trang
2. Biến trang đó thành trang cửa hàng của bạn

Bước 1. Tạo một trang danh sách với trình tạo trang và điền nội dung vào đó

Tôi cho rằng tất cả các bạn đều quen thuộc với trình tạo trang, vì vậy ở đây chúng tôi sẽ không giải thích cho bạn cách sử dụng nó. Trong hướng dẫn này, chúng tôi sẽ sử dụng Elementor làm trình tạo trang của chúng tôi. Điều đầu tiên bạn cần làm là tạo một trang mới

Thông thường, trong cửa hàng WooC Commerce của bạn, bạn sẽ hiển thị các sản phẩm nổi bật, bán chạy nhất và mới đến. Tại đây, chúng tôi sẽ tạo một trang cửa hàng với các sản phẩm nổi bật và bán chạy nhất

Bây giờ, hãy thêm một số nội dung vào trang. Để làm điều này, chúng tôi sẽ sử dụng một số mã ngắn WooC Commerce. Có nhiều mã ngắn mà bạn có thể sử dụng tùy thuộc vào danh mục sản phẩm bạn muốn hiển thị. Đây là một số trong những cái sẽ có ích

• [featured_products]

• [best_selling_products]

• [top_rated_products]

• [sale_products]

• ________số 8_______

• [recent_products]

• 0

Theo ví dụ của chúng tôi, chúng tôi sẽ thêm các sản phẩm nổi bật vào trang cửa hàng của mình bằng cách sử dụng

mã ngắn. Để làm điều này

• Chuyển đến bảng điều khiển quản trị viên WordPress của bạn > Trang sản phẩm. Chọn sản phẩm nổi bật của bạn bằng cách nhấp vào biểu tượng ngôi sao bên phải

• Từ trang soạn thảo, kéo Text Editor xuống bên dưới Sản phẩm nổi bật

• Sao chép_______4_______

  shortcode và dán nó vào đó

• Nhấp vào Cập nhật và các sản phẩm của bạn sẽ được hiển thị, như hình bên dưới

Cứ như vậy, đối với Best Sellers, bạn có thể sử dụng

[best_selling_products]

mã ngắn, đối với các sản phẩm được xuất bản gần đây, bạn sẽ sử dụng

[recent_products]

và như thế. Tùy bạn quyết định loại sản phẩm bạn muốn hiển thị trên trang cửa hàng. Cũng xin lưu ý rằng có các thuộc tính mã ngắn mà bạn có thể cần

• Đặt số lượng cột
• Giới hạn số lượng sản phẩm hiển thị

Ví dụ: nếu bạn muốn hiển thị 2 cột tối đa 6 sản phẩm, bạn sẽ sử dụng một cái gì đó như thế này

[products limit="6" columns="2"]

Mã ngắn rất mạnh mẽ và khá dễ sử dụng. Vì vậy, chúng tôi khuyên bạn nên xem hướng dẫn của chúng tôi về mã ngắn WooC Commerce để tận dụng tối đa chúng

Bước 2. Biến trang mới tạo thành Trang cửa hàng của bạn

Sau khi bạn đã tạo trang mới, bạn cần biến nó thành trang cửa hàng WooC Commerce của mình. Để làm điều này, chúng tôi khuyên bạn nên cài đặt một chủ đề con. Nếu bạn chưa tạo, chúng tôi khuyên bạn nên sử dụng bất kỳ plugin chủ đề con nào mà bạn thích. Tại đây, chúng tôi sẽ tiếp tục giả sử bạn đã cài đặt và tạo một chủ đề con

• Nhận URL của trang mới tạo của bạn
• Chuyển đến bảng điều khiển WordPress
• Nhấp vào Giao diện > Trình chỉnh sửa chủ đề, sau đó nhấp vào Tôi hiểu nếu bạn thấy cửa sổ bật lên
• Sau đó, bạn sẽ được đưa đến một trang nơi bạn có thể truy cập các tệp Chức năng Chủ đề ở bên phải

• bấm vào các chức năng. php và dán mã này vào cuối tệp

5

QUAN TRỌNG. Vui lòng sao chép và dán mã nguyên trạng mà không xóa bất kỳ thứ gì và nhớ thay thế URL của bạn trong wp_redirect[‘[yourURL]’] Sau đó, cập nhật tệp và thế là xong. Bạn vừa tạo một trang cửa hàng WooC Commerce tùy chỉnh

3] Tùy chỉnh Trang cửa hàng WooC Commerce bằng Plugin

Trong phần này, bạn sẽ tìm hiểu cách tùy chỉnh trang cửa hàng trong WooC Commerce bằng plugin. Một số trong những cái tốt nhất hiện có

1. WooCustomizer
2. Bảng sản phẩm WooC Commerce theo Bảng sản phẩm WC [Miễn phí và cao cấp]
3. Bảng sản phẩm WooC Commerce của Barn2 [Cao cấp]
4. JetWooBuilder

Trong phần này, chúng tôi sẽ chỉ cho bạn cách chỉnh sửa trang cửa hàng bằng cả công cụ miễn phí và trả phí

3. 1] Tùy biến Woo

WooCustomizer là một plugin tuyệt vời để tùy chỉnh trang cửa hàng WooC Commerce. Nó cho phép bạn chỉnh sửa các trang sản phẩm, giỏ hàng, tài khoản người dùng và thanh toán chỉ bằng một vài cú nhấp chuột. Plugin này có rất nhiều tính năng và cho phép bạn cá nhân hóa toàn bộ cửa hàng WooC Commerce của mình. Tập trung vào các tùy chọn tùy chỉnh trang cửa hàng, với WooCustomizer, bạn có thể

• Chỉnh sửa các trang cửa hàng với hơn 20 cài đặt để lựa chọn
• Xóa hoặc chỉnh sửa các phần tử khỏi các trang sản phẩm, trang lưu trữ và cửa hàng WooC Commerce
• Xóa mẩu bánh mì WooC Commerce khỏi các trang sản phẩm và cửa hàng
• Xóa hoặc chỉnh sửa các thành phần trang cửa hàng, chẳng hạn như phần phiếu giảm giá trên trang giỏ hàng hoặc văn bản cho trình đơn thả xuống phiếu giảm giá giỏ hàng
• Thêm thanh tìm kiếm sản phẩm AJAX và cửa sổ bật lên xem nhanh sản phẩm trên các trang cửa hàng của bạn
• Tùy chỉnh số lượng sản phẩm trên mỗi hàng và trang trên trang cửa hàng
• Thay đổi số cột hiển thị trên trang cửa hàng và trang lưu trữ
• Thêm chế độ xem nhanh sản phẩm để khách hàng xem sản phẩm từ trang cửa hàng
• Chỉnh sửa trang cửa hàng và lưu trữ các biểu ngữ bán hàng
• Và nhiều hơn nữa

Cần lưu ý rằng WooCustomizer không ghi đè các trang hoặc mẫu WooC Commerce của bạn. Nó chỉ đơn giản là thêm các tùy chọn kiểu dáng bổ sung vào chủ đề của bạn trên các yếu tố bạn chọn chỉnh sửa. Mặc dù WooCustomizer có rất nhiều tính năng để chỉnh sửa trang cửa hàng WooC Commerce của bạn, nhưng nó cũng khá dễ sử dụng. Công cụ này rất linh hoạt và sẽ cung cấp cho bạn nhiều quyền kiểm soát hơn đối với cửa hàng của mình mà không cần phải viết mã gì cả

Cuối cùng, WoooCustomizer là một công cụ freemium. Nó có phiên bản miễn phí với các tính năng cơ bản và 3 gói cao cấp với các chức năng nâng cao hơn bắt đầu từ 29 USD mỗi năm

3. 2] Bảng sản phẩm WooC Commerce Lite của Bảng sản phẩm WC

Bảng sản phẩm WooC Commerce [WCPT] là một plugin tuyệt vời cho phép bạn dễ dàng tạo bố cục bảng sản phẩm. Với xếp hạng 4. 9 trên 5 và hơn 5.000 lượt cài đặt đang hoạt động, đây là một trong những công cụ hàng đầu để chỉnh sửa trang cửa hàng trong WooC Commerce

Bảng sản phẩm WC là một công cụ freemium. Nó có phiên bản miễn phí với các chức năng cơ bản và gói chuyên nghiệp bao gồm các tính năng mạnh mẽ hơn và có giá 49 USD mỗi năm. Ở đây chúng tôi sẽ chỉ cho bạn cách sử dụng phiên bản rút gọn và sau đó cung cấp cho bạn một số mẹo cho gói chuyên nghiệp

Bước 1. Tạo một WCPT trên bất kỳ trang nào

Trước tiên, bạn cần tải xuống và kích hoạt plugin. Sau đó, bạn sẽ thấy Bảng sản phẩm trên thanh bên bảng điều khiển của mình. Nhấp vào nó, nhấn Thêm bảng mới và bạn sẽ được đưa đến trang nơi bạn có thể tạo bảng

Như bạn có thể thấy, bạn sẽ cần chỉ định

• Tên bảng. Trong ví dụ của chúng tôi, chúng tôi gọi nó là Bảng sản phẩm 01
• danh mục sản phẩm. Trong tab Truy vấn, bạn sẽ thấy các danh mục bạn có. Chọn một cho bảng của bạn

• Thông tin cột. Tiếp theo, chuyển đến tab Cột. Ở đây bạn sẽ phải vẽ bảng bạn muốn. Bạn sẽ phải quyết định có bao nhiêu cột bạn muốn và sau đó thiết kế từng cột. Sản phẩm Bàn WC mang đến cho bạn những lựa chọn không chỉ dành cho laptop mà còn dành cho cột điện thoại, máy tính bảng. Vì vậy, bạn có thể chỉ định tất cả các tùy chọn bạn muốn cho từng loại thiết bị, bao gồm tiêu đề, mẫu ô và thiết kế [phông chữ, căn chỉnh, màu phông chữ, màu nền, v.v. ]

Khi bạn đã tạo các cột mình muốn, hãy nhấp vào Lưu Cài đặt và bạn đã hoàn tất

Bước 2. Dán bảng của bạn trên một trang mới

Sử dụng một mã ngắn, bạn có thể hiển thị bảng bạn đã tạo ở Bước 1 ở bất cứ đâu bạn muốn. Chỉ cần sao chép mã ngắn

Bây giờ, hãy hiển thị bảng trên một trang mới bằng mã ngắn. Tại thời điểm này, chúng tôi có thể cho rằng bạn đã quen với việc tạo một trang mới. Vì vậy, sử dụng trình tạo trang, hãy nhấp vào Trang > Thêm mới và đặt tên cho nó. Ví dụ: Cửa hàng của tôi Trang 2. Nếu bạn đang sử dụng Elementor, bạn sẽ thấy một cái gì đó như thế này

Kéo Text Editor xuống và dán shortcode vừa copy vào đó

Bây giờ bạn sẽ có một trang với kiểu bảng sản phẩm

Bước 3. Chuyển hướng khách hàng đến trang cửa hàng mới của bạn

Để chuyển hướng khách hàng của bạn đến trang cửa hàng mới, bạn sẽ cần một plugin chuyển hướng. Công cụ này sẽ chuyển hướng khách hàng từ trang cửa hàng WooC Commerce mặc định sang trang mới mà bạn đã tạo ở Bước 2. Hầu hết các plugin này đều có mục đích duy nhất và rất dễ sử dụng. Ở đây chúng tôi sẽ sử dụng Chuyển hướng, một trong những plugin chuyển hướng phổ biến nhất, nhưng bất kỳ công cụ tương tự nào cũng sẽ thực hiện công việc

Sau khi kích hoạt plugin, vào Tools > Redirection, bạn sẽ thấy thông báo này.

• Trong URL nguồn, dán liên kết của trang cửa hàng mặc định
• Trong URL mục tiêu, dán liên kết của trang cửa hàng mới được tạo của bạn
• Sau đó nhấp vào Bắt đầu thiết lập
• Đó là nó. Đó là cách bạn tùy chỉnh trang cửa hàng WooC Commerce của mình bằng một plugin miễn phí

GHI CHÚ. Xin lưu ý rằng việc sử dụng phương pháp này có thể ảnh hưởng đến kết quả SEO của bạn vì các công cụ tìm kiếm thường không ủng hộ các nguyên tắc chuyển hướng

MẸO CHUYÊN NGHIỆP

Nếu bạn không muốn ảnh hưởng đến SEO của mình, bạn có thể sử dụng phiên bản pro của plugin Bảng sản phẩm WooC Commerce. Ngoài việc có nhiều chức năng nâng cao hơn, nó còn đi kèm với tính năng Ghi đè lưu trữ

Với chức năng này, bạn có thể thay thế các lưới WooC Commerce mặc định bằng các bảng sản phẩm của mình không chỉ trên trang cửa hàng mà còn trên bất kỳ trang lưu trữ nào như thuộc tính, danh mục, thẻ và tìm kiếm. Để kích hoạt tính năng này, hãy truy cập Bảng điều khiển WP > Bảng sản phẩm > Cài đặt > Ghi đè lưu trữ.

3. 3] Bảng sản phẩm WooC Commerce của Barn2

Một tùy chọn tuyệt vời khác để chỉnh sửa trang cửa hàng là plugin Bảng sản phẩm WooC Commerce của Barn2. Đó là một công cụ cao cấp bắt đầu từ 89 USD mỗi năm và rất dễ sử dụng. Tiện ích bổ sung này hỗ trợ bạn liệt kê các sản phẩm của mình theo bố cục bảng và sau đó chèn chúng vào trang Cửa hàng. Với phương pháp này, bạn sẽ có thể chuyển đổi thiết kế mặc định của trang cửa hàng thành một bảng

Bước 1

Đầu tiên, cài đặt và kích hoạt plugin Bảng sản phẩm WooC Commerce. Sau đó, chuyển đến tab WooC Commerce và nhấp vào Cài đặt > Sản phẩm. Trong tab Sản phẩm, bạn sẽ thấy phần Bảng sản phẩm. Tại đây, nhập khóa cấp phép của plugin mà bạn nhận được khi mua plugin

Bước 2

• Đầu tiên, thêm bảng sản phẩm vào trang cửa hàng và trang danh mục đã cho
• Quay lại trang cài đặt của plugin > Hiển thị bảng và chọn vị trí cho bố cục bảng sản phẩm của bạn

• Đánh dấu vào trang Cửa hàng
• Sau đó, đánh dấu vào Lưu trữ danh mục sản phẩm nếu bạn muốn hiển thị bảng sản phẩm trên tất cả các trang danh mục sản phẩm, lưu trữ thuế sản phẩm và kết quả tìm kiếm
• Lưu các thay đổi

Bước 3

Thực hiện các thay đổi đối với các bảng như bạn muốn. Trang cài đặt của Bảng sản phẩm WooC Commerce rất trực quan. Không giống như Bảng sản phẩm WC theo Bảng sản phẩm WC, công cụ Barn2 không yêu cầu bạn tạo và định cấu hình từng cột, điều này giúp sử dụng dễ dàng hơn

3. 4] Trình tạo JetWoo

JetWooBuilder là một trong những plugin tốt nhất khác nếu bạn muốn tùy chỉnh các trang cửa hàng. Nó là một plugin được phát triển để tạo một mẫu trang cửa hàng độc đáo một cách dễ dàng. Plugin thậm chí còn có các tiện ích chuyên dụng, mẫu tùy chỉnh, trình chuyển đổi bố cục, trang dành riêng cho cửa hàng, loại băng chuyền và thẻ danh mục để giúp bạn tùy chỉnh trang cửa hàng của mình

Nó là một plugin cao cấp và giá của nó bắt đầu từ 43 USD mỗi năm. Điều này bao gồm 1 giấy phép trang web với 1 năm hỗ trợ và cập nhật. Bạn có thể tải xuống từ trang plugin chính thức và lấy khóa cấp phép từ đây

Hãy xem các bước ngắn gọn về cách sử dụng plugin để tùy chỉnh trang cửa hàng

Bước 1. Kích hoạt mã bản quyền

Sau khi bạn cài đặt và kích hoạt plugin, bạn cần kích hoạt khóa cấp phép bằng cách mở Crocoblock > Giấy phép từ bảng điều khiển WordPress của bạn

Sau đó, nhập mã cấp phép của bạn vào cửa sổ bật lên và nhấp vào Kích hoạt giấy phép

Bước 2. Tạo mẫu trang cửa hàng

Sau khi giấy phép được kích hoạt, bạn cần truy cập Crocoblock > Woo Page Builder và nhấp vào Tạo mẫu mới

Tại đây, chọn mẫu cho trang Shop và nhập tên mẫu. Sau đó, nhấp vào Tạo mẫu

Bước 3. Tùy chỉnh mẫu cửa hàng

Giờ đây, bạn có thể tùy chỉnh trang cửa hàng với sự trợ giúp của trình tạo trang Elementor. Tất cả các tiện ích JetWooBuilder có sẵn có thể được nhìn thấy trong cột tiện ích ở bên phải màn hình của bạn. Chỉ cần thêm chúng vào mẫu trang cửa hàng của bạn và tùy chỉnh chúng theo nhu cầu của trang web của bạn

Khi bạn đã thực hiện tất cả các thay đổi đối với trang cửa hàng, hãy Xuất bản mẫu

Bước 4. Chỉ định Mẫu cho Trang Cửa hàng Mặc định

Bây giờ, bạn phải gán mẫu trang cửa hàng mà bạn vừa tạo và tùy chỉnh làm trang cửa hàng mặc định. Đối với điều này, hãy đi tới WooC Commerce> Cài đặt và mở tab JetWooBuilder

Trong phần Trang cửa hàng, hãy chọn tùy chọn cho Trang cửa hàng tùy chỉnh. Sau đó, chọn Mẫu cửa hàng mà bạn vừa tạo từ menu thả xuống và nhấp vào Lưu thay đổi

Đó là nó. Đây là cách bạn tùy chỉnh trang cửa hàng WooC Commerce bằng plugin JetWoobuilder

Thưởng. Cách khắc phục sự cố trống trang cửa hàng WooC Commerce

Trang cửa hàng trống là một trong những vấn đề phổ biến nhất trong WooC Commerce. Có nhiều lý do tại sao trang cửa hàng không hiển thị bất kỳ sản phẩm nào nhưng ở đây chúng tôi sẽ chỉ cho bạn cách khắc phục các sự cố phổ biến nhất

• Cấu hình trang cửa hàng. Truy cập WooC Commerce > Cài đặt > Sản phẩm và đảm bảo rằng bạn đang sử dụng đúng trang trong trang Cửa hàng
• Khả năng tương thích plugin. Plugin của bạn có thể gây ra xung đột khiến trang Cửa hàng hiển thị trống. Để khắc phục, hãy hủy kích hoạt tất cả plugin của bạn và kiểm tra xem plugin nào gây ra sự cố
• liên kết cố định. Truy cập Cài đặt > Liên kết cố định và lưu để cập nhật liên kết cố định
• Hiển thị danh mục. Đảm bảo rằng chế độ hiển thị danh mục được đặt chính xác. Truy cập WooC Commerce> Sản phẩm và đảm bảo rằng các sản phẩm không được đặt ở chế độ ẩn

Để biết thêm thông tin về những sự cố này, hãy xem hướng dẫn của chúng tôi về cách khắc phục sự cố trống trang cửa hàng WooC Commerce

tiền thưởng 2. Hiển thị Danh mục trên Trang Cửa hàng

Hiển thị danh mục trên Trang cửa hàng cho phép bạn sắp xếp sản phẩm của mình tốt hơn và giúp người dùng tìm thấy những gì họ đang tìm kiếm. Có ba cách để hiển thị danh mục trên Trang Cửa hàng. Trong phần này, chúng tôi sẽ chỉ cho bạn cách thực hiện bằng các tùy chọn mặc định trong WooC Commerce

Trước tiên, trong bảng điều khiển của bạn, hãy đi tới Giao diện > Tùy chỉnh, sau đó chuyển đến WooC Commerce > Danh mục sản phẩm trên thanh bên Tùy biến. Sau đó, sử dụng Hiển thị trang cửa hàng và chọn xem bạn muốn Hiển thị danh mục hay Hiển thị danh mục và sản phẩm

Ngoài ra, bạn có thể sử dụng tùy chọn Hiển thị danh mục để hiển thị/ẩn Danh mục con sản phẩm và Sản phẩm trên các trang Danh mục sản phẩm của mình. Bạn có thể xem trước các thay đổi của mình trong thời gian thực và sau khi hoàn thành, hãy nhấp vào Xuất bản để lưu các thay đổi

Phương pháp này là để áp dụng nhưng không cung cấp cho bạn nhiều quyền kiểm soát. Để biết các phương pháp thay thế giúp bạn linh hoạt hơn, hãy xem hướng dẫn của chúng tôi về cách hiển thị danh mục trên trang Cửa hàng WooC Commerce của bạn

Những bước đầu tiên

Trước khi thực hiện bất kỳ phương pháp nào trong ba phương pháp tùy chỉnh, chúng tôi thực sự khuyên bạn nên sử dụng một chủ đề con. Bạn có thể sử dụng một plugin hoặc tạo nó theo chương trình. Chủ đề con kế thừa tất cả các thành phần thiết kế của chủ đề gốc, vì vậy bạn có một bản sao của chủ đề đó để đảm bảo an toàn hơn. Tại sao?

Với một chủ đề con, bạn có thể thay đổi các tệp của nó mà không mất bất kỳ dữ liệu nào sau khi cập nhật. Hơn nữa, chủ sở hữu trang web khôn ngoan sẽ không bao giờ gây rối với các tệp chủ đề gốc. Ngoài ra, hãy nhớ rằng trang cửa hàng là trang được thiết lập sẵn của WooC Commerce, vì vậy nó tương thích với tất cả các chủ đề WordPress. Tuy nhiên, vì chúng tôi khuyên bạn nên sử dụng các chủ đề con theo hai trong ba phương pháp nên có thể xảy ra sự cố tương thích. Nếu đúng như vậy, bạn có thể xem tài liệu WooC Commerce để biết các sự cố của bên thứ ba

Phần kết luận

Nhìn chung, thiết kế của trang cửa hàng và cách bạn hiển thị sản phẩm có thể có tác động lớn đến chuyển đổi của bạn. Trong WooC Commerce, trang cửa hàng được tạo sẵn và mặc dù có một số tùy chọn để chỉnh sửa bố cục nhưng chúng khá hạn chế

Vì vậy, tùy chỉnh nó bằng bất kỳ phương pháp nào trong ba phương pháp được mô tả trong hướng dẫn này sẽ khiến bạn nổi bật giữa đám đông. Ngoài ra, nó sẽ đại diện tốt hơn cho doanh nghiệp của bạn và sẽ thể hiện tính chuyên nghiệp với khách hàng của bạn. Chúng tôi đã chỉ cho bạn cách tùy chỉnh trang cửa hàng bằng ba phương pháp khác nhau

• thủ công
• Với trình tạo trang
• Với plugin

Tất cả đều có ưu và nhược điểm nhưng tất cả đều sẽ hoàn thành công việc, vì vậy hãy sử dụng công cụ phù hợp nhất với nhu cầu và kỹ năng của bạn. Nếu bạn không có kỹ năng mã hóa, bạn có thể chỉnh sửa trang cửa hàng bằng trình tạo trang của mình hoặc bằng plugin. Chúng tôi khuyên dùng WooCustomizer vì nó dễ sử dụng, cung cấp cho bạn nhiều tính năng để tối ưu hóa cửa hàng của bạn và có phiên bản miễn phí

Cuối cùng, nếu bạn có sự hiện diện mạnh mẽ trên phương tiện truyền thông xã hội, bạn nên xem xét việc kết nối Facebook Shop với WooC Commerce. Bằng cách này, bạn sẽ có thể tải danh mục sản phẩm của mình lên Facebook để người dùng có thể xem sản phẩm và truy cập trực tiếp vào trang thanh toán trên trang web của bạn để hoàn tất giao dịch mua. Nếu bạn muốn tùy chỉnh các phần khác trong cửa hàng của mình, hãy xem một số hướng dẫn này

• Cách tùy chỉnh Trang tài khoản của tôi trong WooC Commerce
• Tùy chỉnh nút Thêm vào giỏ hàng trong WooC Commerce
• Cách chỉnh sửa Thanh toán WooC Commerce [Mã hóa & Plugin]
• Chỉnh sửa Trang tài khoản của tôi trong WooC Commerce
• Cách tùy chỉnh trang sản phẩm WooC Commerce trong Divi

Bây giờ là lúc bạn tận dụng tối đa và tối ưu hóa trang cửa hàng WooC Commerce của mình. Bạn đã thử bất kỳ phương pháp nào trong số này chưa?

phil

Tháng Chín 1, 2020

chào! Bạn khỏe không?

Tôi đang tìm cách tốt nhất để tạo các hộp tính năng có biểu tượng [Danh mục chính] cho trang cửa hàng chính của mình

Làm cách nào để tùy chỉnh các trang lưu trữ sản phẩm và sản phẩm WooC Commerce thông qua Elementor?

Trang lưu trữ sản phẩm WooC Commerce là gì?

Tôi có thể tùy chỉnh trang sản phẩm WooC Commerce không?

Kho lưu trữ sản phẩm trong WordPress là gì?