Nhắc đến tạo một website bán hàng vừa và nhỏ với wordpress người ta nghĩ ngay đến woocommerce một plugin tạo website thương mại điện tử miễn phí.Bản thân woocommerce cũng đã bao gồm đầy đủ tính năng đáp ứng cho một website bán hàng online, tuy nhiên với nhu cầu sử dụng chúng ta thường cần phải tùy chỉnh woocommerce sao cho phù hợp với nhu cầu của mình và dưới đây là những thủ thuật tùy biến woocommerce phổ biến và hữu ích nhất mà lamsaogio.com tổng hợp lại:
Cài đặt tiếng việt cho woocommerce
Nếu bạn đang sử dụng woocommerce tiếng anh và muốn cài đặt tiếng việt cho woocommerce bạn chỉ cần vào cài đặt -> tổng quan -> chọn ngôn ngữ tiếng việt cho website thì woocommerce sẽ tự động update bản dịch cho bạn.
Trình cài đặt Wizard của woocommerce
Đây là chức năng giúp cài đặt tình tự các thành phần quan trọng của woocommerce ( trang giỏ hàng, thanh toán, tài khoản,…) Khi lần đầu cài đặt plugin woocommerce bạn sẽ thấy thông báo của trình cài đặt wizard tuy nhiên nếu bạn lỡ bỏ qua thông báo và muốn quay lại trình cài đặt Wizard một lần nữa bạn có thế tìm thấy nó tại Woocommerce -> cài đặt -> Trợ giúp.
Show sản phẩm ra ngoài trang chủ ( hoặc trang bất kì )
Để hiển thị sản phẩm woocommerce ra ngoài trang chủ hay một trang bất kì bạn chỉ cần sử dụng các shortcode như sau:
Show sản phẩm mới nhất:
[recent_ products per_page=''12'' columns='4']
Show sản phẩm nổi bật:
[featured_ products per_page=''12'' columns=''4'']
Show sản phẩm theo ID:
product id = '1']
Show sản phẩm theo nhiều ID:
products ids='1, 2, 3, 4, 5'']
Show sản phẩm đang giảm giá:
sale_products per_page=''12'']
Show sản phẩm bán chạy:
best_selling_products per_page=''12'']
Show sản phẩm theo danh mục:
product_category category="SEO"]
Hoặc bạn muốn đưa luôn shop ra ngoài trang chủ thì bạn setup như hình:
Thay đổi text “add to cart ” hoặc “thêm vào giỏ”
Để thay đổi văn bản mặc định add to cart của woocommerce thành call to action bạn muốn bạn có thể chèn đoạn code sau vào file functions.php
add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' ); // 2.1 + function woo_custom_cart_button_text() { return __( 'MUA NGAY', 'woocommerce' ); }
Thêm đoạn text tùy chỉnh bên dưới tiêu đề sản phẩm
Trong mỗi trang chi tiết sản phẩm nếu bạn muốn thêm một đoạn text tùy chỉnh luôn xuất hiện bên dưới tiêu đề sản phẩm thì chỉ cần dùng đoạn code sau add vào file functions.php
function magik_custom_text( $post_excerpt ) { $content = 'đoạn văn bản tùy chỉnh'; return $content.'<br>'.$post_excerpt; } add_filter('woocommerce_short_description', 'magik_custom_text', 10, 1);
Ẩn sản phẩm woocommerce từ một danh mục cụ thể trên trang cửa hàng
Mặc định trên trang Shop của woocommerce sẽ hiển thị tất cả các sản phẩm, tuy nhiên nếu bạn muốn ẩn tất cả sản phẩm thuộc một danh mục nào đó thì hãy add đoạn code sau vào bên dưới file functions.php
/** * ẩn tất cả sản phẩm của danh mục ( id danh mục ) */ add_action( 'pre_get_posts', 'magik_remove_product_cats_shop_page'); function magik_remove_product_cats_shop_page( $qry ) { // Chú ý thay thông tin của bạn ở các trường bên dưới if ( is_admin() ) return; if ( is_shop() && $qry->is_main_query() ) { $qry->set( 'tax_query', array( array( 'taxonomy' => 'product_cat', 'field' => 'ID', 'terms' => array( 93), 'operator' => 'NOT IN' ) ) ); } }
Cách để in đơn hàng trên woocommerce nhanh chóng
Tùy theo nhu cầu mà bạn có thể cần in đơn hàng của mình lúc này bạn có thể thêm tính năng in đơn hàng bằng cách cài đặt plugin sau: WooCommerce Print Invoice & Delivery Note tại đây.Sau khi cài xong plugin bạn sẽ thấy tùy chọn in xuất hiện:
Xóa tiêu đề trong mô tả sản phẩm (remove product description heading)
Nếu bạn muốn xóa dòng bên dưới:
Thì bạn chèn đoạn code sau bên dưới file functions.php
// add the action add_action( 'woocommerce_cart_collaterals', 'action_woocommerce_cart_collaterals', 10, 1 ); add_filter( 'woocommerce_product_description_heading', 'remove_product_description_heading' ); function remove_product_description_heading() { return ''; }
Xóa tab đánh giá trong woocommerce
Nếu bạn cho rằng tab review không cần thiết với bạn thì bạn có thể ẩn nó đi bằng cách thêm đoạn code sau vào file functions.php
add_filter( 'woocommerce_product_tabs', 'wcs_woo_remove_reviews_tab', 98 ); function wcs_woo_remove_reviews_tab( $tabs ) { unset( $tabs['reviews'] ); // Remove the reviews tab return $tabs; }
Tùy chỉnh woocommerce bằng plugin
Nếu bạn muốn chỉnh một số tính năng cơ bản của woocommerce như thay đổi text ” sumbit order”, “add to cart”, số lượng sản phẩm trên mỗi trang,… bạn có thể sử dụng plugin này mà không cần can thiệp code.
Thêm tính năng hữu ích cho woocommerce
Nếu bạn đang cần tìm 1 plugin có thể thêm 1 số tính năng như: WooCommerce Ajax Search,WooCommerce Ajax Product Filter,so sánh sản phẩm, quick views,.. thì plugin này sẽ giúp bạn.
Tùy chỉnh form checkout trong woocommerce
Form checkout mặc định của woocommerce khá rắc rối và bao gồm nhiều trường không cần thiết. Để đem đến sự đơn giản khi khách đặt hàng bạn có thể dùng plugin này để giảm bớt các trường thông tin không cần thiết bằng cách vào woocommerce -> form checkout
Tích hợp nút tư vấn qua mail trên trang sản phẩm
Một plugin cực hay là Woocommerce Email Inquiry & Cart Options giúp bạn dễ dàng thêm một nút yêu cầu tư vấn về sản phẩm qua mail. Khi khách click vào một popup liên hệ hiện lên giúp khách gửi mail nhanh chóng.
Tăng cường khả năng seo cho woocommerce
Tôi sử dụng Yoast SEO để tối ưu seo cho các trang bán hàng của mình. Nếu bạn có kinh phí và muốn tăng tối ưu sản phẩm (hiển thị đầy đủ thông tin giá, tình trạng, loại sản phẩm) khi được chia sẻ trên các trang mạng xã hội thì có thể sử dụng Yoast WooCommerce SEO plugin. với chi phí 49usd/ năm.
Tích hợp email marketing Mailchimp với woocommerce
Nếu bạn chỉ dùng Email marketing ở mức support lại khách đã mua hàng thì MailChimp là sự lựa chọn hào hảo cho bạn, bởi với gói free của mailchimp là bạn đã đủ để trải nghiệm rồi. Plugin MailChimp cho WooCommerce sẽ giúp bạn tích hợp mailchimp với woocommerce dễ dàng,dữ liệu khách mua hàng sẽ được tự động đồng bộ hóa với tài khoản Mailchimp. Ngoài ra nếu bạn đang cần chạy một chiến dịch email marketing lớn và muốn tiết kiệm chi phí có thể tham khảo bài viết này của tôi.
Bên trên là những thủ thuật tùy chỉnh woocommerce giúp bạn hoàn thiện website bán hàng của mình, nếu bạn có khó khăn gì trong quá trình làm mình có thể giúp bạn. Mail to: bin@lamsaogio.com
15 bình luận trong “Thủ thuật hay giúp tùy biến woocommerce hữu ích nhất”
Nhiều cái hay quá mình làm woo 2 nam có nhiều cái h mới biết
Thanks bạn
Trào bạn.bạn có cách nào chuyển tabs trong woocommerce từ nằm rọc chuyển sang nằm ngang không.chúc bạn sức khỏe và thành công
Ủa mặc định hiện tại các tab đang nằm ngang mà bạn?
có cách nào để bỏ Print và Send to a friend trong trang sản phẩm ko ad ơi hướng dẩn với
thanks
A chụp dùm e chổ này cho e xem nha
Nếu mình muốn đưa trang shop ra ghép thành 1 phần của trang chủ thì có khách nào ko ad. Thanks
Ý bạn là muốn đưa list sản phẩm woocommerce ra ngoài trang home ạ?
Chào bạn, cảm ơn bạn vì đã chia sẻ những kiến thức mình đang cần !
Bạn cho mình hỏi mình muốn thay đổi màu chữ, tăng size chữ của tên sản phẩm thì làm sao ạ ?
Bạn cần biết 1 chút CSS để thay cái này ạ
VD những theme có tích hợp builder như flatsome hay elementor thì bạn tự thay trong phần option đc
Mình kinh doanh sản phẩm số có thể download thông qua Woocommerce, vì vậy mình muốn những sản phẩm có giá trị lớn hơn không đồng thì thanh toán bình thường, nhưng những sản phẩm bằng không đồng thì chuyển ngay đến trang download mà không thông qua các trang thanh toán. Bạn xem có plugin nào hỗ trợ việc này không hay có code nào không nhé.
Bạn giúp mình với nhé. Thank bạn
Cái này mặc định woo đã có sẵn mà bạn
bạn ơi cho mình hỏi, tùy biến woocommerce có dùng được cho wordpress không bạn?
Đc bạn, woocommerce là dùng cho mã nguồn wp mà bạn
chào bạn, mình muốn thêm chữ hết hàng đối với sản phẩm hết hàng vào trang cửa hàng của mình thì làm thế nào ạ, m cảm ơn