Thủ thuật hay giúp tùy biến woocommerce hữu ích nhất

Thủ thuật hay giúp tùy biến woocommerce hữu ích nhất

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:

thu thuat tien ich woocommerce

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.

cai dat ngon ngu cho website

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.

trinh cai dat wizard wocommerce

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:

dua shop ra trang chu

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:

in don hang trong woocommerce

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:

xoa tieu de mo ta san pham

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

tuy chinh trang 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

Bấm gọi