Thứ Tư, 31 tháng 8, 2016

[WordPress Plugin] Hướng dẫn Loco Translate

Plugin wp

Đây là plugin dùng để dịch các theme, plugin WordPress từ Tiếng Anh, Tiếng Nhật, Tiếng Pháp … sang Tiếng Việt. Loco Translate là một plugin mới nhưng được đánh giá rất cao trong vấn đề hỗ trợ dịch thuật trên website WordPress. Với giao diện mang tính tương đồng với PoEdit, hỗ trợ dịch các form số nhiều y hệt như PoEdit và tự động đồng bộ các đoạn text trong theme hoặc plugin là một ưu thế rất mạnh của Loco Translate. Với hơn 200.000 lượt cài đặt thì bạn thấy đây là một plugin được sử dụng rộng rãi như thế nào? Vì vậy nên tôi mới chọn plugin này để viết bài hướng dẫn.

1. Trước khi cài đặt Loco Translate bạn phải làm

Nếu bạn muốn dịch thành Tiếng Việt thì trước tiên phải cài ngôn ngữ tiếng Việt vào WordPress và tiến hành sử dụng Loco Translate sau.

Bạn vào Settings (cài đặt) >> General (Tổng quan) >> tìm mục Site Language (Ngôn ngữ của trang) và chọn ngôn ngữ Tiếng Việt như hình dưới và bấm vào nút Save Changes
[Wordpress Plugin] Hướng dẫn Loco Translate

2. Những điều cần lưu ý trước khi cài đặt

– Đây là plugin hỗ trợ bạn dịch thủ công plugin và theme trên website WordPress sang Tiếng Việt.
– Theme hoặc Plugin cần dịch trong thư mục Language (ngôn ngữ) phải có file .po hoặc .pot
– Bạn nên sử dụng trên những host mà tôi giới thiệu như site5.comdigitalocean. Tránh sử dụng trên những host miễn phí vì nó sẽ làm đứng hình host của bạn.
– Hãy chắc chắn thư mục /wp-content/ và các thư mục bên trong nó đang được CHMOD 644 để có quyền ghi dữ liệu vào
– Khi dịch xong theme hoặc plugin cần dịch, bạn có thể Ngừng kích hoạt hoặc xoá Loco Translate này đi cũng không ảnh hưởng gì đến website của bạn. (khi nào cần ta lại dùng tiếp)

3. Cài đặt

Bạn vào Gói mở rộng (Plugins) >> Cài mới (Add New) >> tìm từ Loco Translate và làm như hình dưới
[Wordpress Plugin] Hướng dẫn Loco TranslateSau khi cài đặt các bạn nhớ kích hoạt.

4. Hướng dẫn sử dụng

Sau khi bạn kích hoạt thì trong Trình đơn của bạn sẽ xuất hiện thêm một mục Loco Translate như hình dưới
[Wordpress Plugin] Hướng dẫn Loco TranslateBạn vào mục Loco Translate tìm đến Themes hoặc Plugins bạn cần dịch.

Ví dụ ở đây tôi dịch theme Storefront thì tôi vào Loco Translate >> Themes >> Storefront >> New language và làm theo hình dưới
[Wordpress Plugin] Hướng dẫn Loco TranslateNhư hình trên sau khi tôi chọn ngôn ngữ (choose a language) và chọn vị trí cần lưu (choose a location) tôi bấm vào nút Start translating thì tôi sẽ được như hình dưới
[Wordpress Plugin] Hướng dẫn Loco TranslateNhư hình trên sau khi các bạn dịch xong các bạn nhớ bấm vào nút Save

Lưu ý thêm trường hợp nếu nó không xuất hiện chữ thì hãy ấn nút Sync để nó tự nhập text thủ công từ mã nguồn.

Như vậy chúng ta đã kết thúc một bài hướng dẫn sử dụng plugin Loco Translate trên website WordPress.

The post [WordPress Plugin] Hướng dẫn Loco Translate appeared first on Blog Wordpress.



from WordPress http://ift.tt/2bKP3OV
via IFTTT

Thứ Ba, 30 tháng 8, 2016

[WordPress Plugin] Cấu hình Yoast SEO cho cửa hàng WooCommerce

Plugin wp

Đây là một trong những plugin hỗ trợ SEO website WordPress tốt nhất hiện nay. Tuy nó sinh sau đẻ muộn hơn các plugin SEO khác nhưng nó đã được rất nhiều người tin dùng với hơn 1 triệu lượt cài đặt và cho đến bây giờ thì hầu như ai cũng biết và sử dụng vì hiệu quả nó mang lại. Các bạn có thể tải miễn phí Tại đây

Trong bài này tôi sẽ nói sơ qua về việc cấu hình một vài mục trong Titles & Metas, XML Sitemaps và một vài lưu ý khi sử dụng Yoast SEO cùng với WooCommerce để đạt hiệu quả cao trong việc SEO website bán hàng của bạn.

1. Xóa bỏ chữ [Archive] trên tab của trình duyệt

Khi bạn vào trang cửa hàng và các trang lưu trữ của sản phẩm, bạn sẽ thấy chữ [Archive] như hình dưới
[Wordpress Plugin] Cấu hình Yoast SEO cho cửa hàng WooCommerceNhư hình trên bạn thấy nó rất thiếu chuyên nghiệp vì vậy chúng ta cần xoá nó.

Để xoá chữ [Archive] các bạn làm như sau bạn vào SEO >> Titles & Metas >> Post Types và tìm tới mục Custom Post Type Archives để xóa chữ Archive như hình dưới
[Wordpress Plugin] Cấu hình Yoast SEO cho cửa hàng WooCommerceSau khi xoá chữ Archive các bạn nhớ bấm vào nút Lưu thay đổi

Tương tự, bạn chuyển qua phần Taxonomies và xoá chữ Archive trong các mục như Chuyên mục, Thẻ, Các danh mục sản phẩm, Từ khóa sản phẩm, Các loại hình giao nhận hàng và các kiểu thuộc tính mà bạn đã thêm vào

Xem thêm: Cách thêm sản phẩm có thuộc tính trong plugin WooCommerce

Riêng mục các loại hình giao nhận hàng (shipping class) bạn nên đánh dấu vào Noindex để hạn chế bot truy cập vào crawl cái này vì nó không có dữ liệu cần SEO như hình dưới
[Wordpress Plugin] Cấu hình Yoast SEO cho cửa hàng WooCommerce

2. Tùy chỉnh XML Sitemaps

Nếu bạn đang sử dụng sitemap của Yoast SEO để submit lên Google Webmaster Tools thì nên sửa lại bằng cách loại bỏ bớt các thành phần trong sitemap để tránh Google phải mất nhiều thời gian crawl website.

Bạn vào SEO >> XML Sitemaps và tìm tới Taxonomies để đánh dấu vào các phần muốn loại bỏ ra khỏi sitemap như hình dưới
[Wordpress Plugin] Cấu hình Yoast SEO cho cửa hàng WooCommerce

Ở bài này tôi chỉ hướng dẫn cho các bạn như vậy thôi còn các thành phần khác các bạn có thể để theo mặc định.

The post [WordPress Plugin] Cấu hình Yoast SEO cho cửa hàng WooCommerce appeared first on Blog Wordpress.



from WordPress http://ift.tt/2bEKdRz
via IFTTT

Các lưu ý khi dùng W3 Total Cache cho cửa hàng WooCommerce

Plugin wp

Bài này tôi viết nhằm hoàn thiện hơn về series Học làm website bán hàng với plugin WooCommerce. Nếu bạn dùng W3 Total Cache và làm như tôi đã hướng dẫn trong bài Hướng dẫn W3 Total Cache cho Share Host hoặc VPS dùng EasyEngine thì gặp một vấn đề đó là các trang như tài khoản, giỏ hàng, thanh toán sẽ bị lưu cache nên khách hàng sẽ gặp khó khăn trong việc sử dụng. Vì vậy chúng ta cần thiết lập những trang đó không lưu cache. Ngoài ra nếu bạn cho phép HTML minify settings thì bạn cần thêm mfunc vào mục Ignored comment stems. Hai vấn đề trên tôi sẽ trình bày kỹ ở 02 mục lớn dưới đây. Bài hướng dẫn này tôi dựa trên bài viết Tiếng Anh của WooCommerce, các bạn có thể xem thêm Tại đây

1. Thiết lập Page Cache trong W3 Total Cache khi dùng cho cửa hàng WooCommerce

Bạn vào Performence >> Page Cache >> Advanced >> tìm đến Never cache the following pages và làm theo hình dưới
Các lưu ý khi dùng W3 Total Cache cho cửa hàng WooCommerceCác bạn chỉ cần thêm như hình trên thì các trang tài khoản, giỏ hàng, thanh toán của cửa hàng bạn sẽ không bị lưu cache nữa.

2. Thiết lập Minify trong W3 Total Cache khi dùng cho cửa hàng WooCommerce

Bạn vào Performence >> Minify >> tìm đến HTML & XML và làm theo hình dưới
Các lưu ý khi dùng W3 Total Cache cho cửa hàng WooCommerceNhư hình trên bạn cần đánh dấu vào Enable trong HTML minify settings và thêm mfunc vào mục Ignored comment stems

Như vậy chúng ta đã kết thúc một bài khá ngắn về Các lưu ý khi dùng W3 Total Cache cho cửa hàng WooCommerce. Tuy bài này khá ngắn nhưng nó có những thiết lập rất cần thiết cho cửa hàng WooCommerce của bạn. Bài sau tôi sẽ hướng dẫn bạn Cấu hình Yoast SEO cho cửa hàng WooCommerce

The post Các lưu ý khi dùng W3 Total Cache cho cửa hàng WooCommerce appeared first on Blog Wordpress.



from WordPress http://ift.tt/2bAolcW
via IFTTT

Thứ Hai, 29 tháng 8, 2016

[WordPress Plugin] Hướng dẫn WP Maintenance Mode

Plugin wp

Đây là plugin có chức năng là khi người dùng truy cập bất kỳ trang nào trong website đều sẽ hiển thị trang thông báo thay vì nội dung gốc

1. Tại sao chúng ta dùng plugin này?

Chúng ta dùng plugin này khi chúng ta đang bảo trì, nâng cấp trang web hoặc có một thay đổi lớn trên web thì bạn nên cài plugin này. Khách truy cập sẽ không thể nhìn thấy những gì bạn đang làm trong khi trang web của bạn đang lộn xộn. Hoặc trong trường hợp khác ví dụ bạn đang tạo ra một cửa hàng bán hàng trực tuyến nhưng đang trong quá trình hoàn thiện ( có nghĩa là bạn đang cập nhật sản phẩm cho cửa hàng của bạn) không muốn cho người khác nhìn thấy thì bạn dùng plugin này, plugin này sẽ tạo ra một trang thông báo khi nào thì người dùng có thể truy cập trang web của bạn.

2. Cài đặt

Bạn vào Plugins (Gói mở rộng) >> Add new (cài mới) và làm theo hình dưới
[Wordpress Plugin] Hướng dẫn WP Maintenance ModeSau khi cài đặt bạn nhớ kích hoạt nó

3. Hướng dẫn sử dụng

Bạn vào Settings (Cài đặt) >> WP Maintenance Mode >> bạn sẽ thấy 03 tabs: general, design và modules.

3.1 Tab General

[Wordpress Plugin] Hướng dẫn WP Maintenance ModeStatus (Tình trạng): Activated (Kích hoạt chế độ bảo trì) hoặc Deactivated (Tắt chế độ bảo trì)
Bypass for Search Bots: Cho phép (hoặc không cho phép) bọ tìm kiếm bỏ qua chế độ bảo trì
Backend Role, Frontend Role: Đánh dấu cho phép loại thành viên nào truy cập vào trang Backend, Frontend (Admin chắc chắn được phép truy cập)
Robots Meta Tag: Cho phép (hoặc không cho phép) sử dụng Robots Meta Tag
Redirection: Khi bạn cho phép thành viên truy cập thì bạn có thể nhập URL tại đây để chuyển hướng họ đến trang bạn muốn (ví dụ: http://demo.binhnet.com)
Exclude: bạn cần loại trừ trang nào thì nhập vào đây
Notice: bạn cần hiện (hoặc không hiện) chú ý khi chế độ bảo trì  đang được kích hoạt
Khi bạn chọn Yes thì nó sẽ hiện chú ý như hình dưới khi bạn truy cập vào Dashboard (bảng điều khiển)
[Wordpress Plugin] Hướng dẫn WP Maintenance ModeDashboard link: Bạn có muốn thêm một liên kết đến Dashboard (bảng điều khiển) trên trang chế độ bảo trì (Maintenance Mode)?
Sau khi bạn chọn phù hợp với ý đồ của bạn nhớ bấm vào Save settings

3.2 Tab Design

Bạn có thể làm theo ví dụ dưới
[Wordpress Plugin] Hướng dẫn WP Maintenance ModeChoose type: Bạn có thể chọn custom color (chọn màu nền), Upload background (tải hình nền từ máy tính), predefined background (chọn hình nền từ thư viện có sẵn)

3.3 Tab Modules

[Wordpress Plugin] Hướng dẫn WP Maintenance ModeTrong tab này, bạn sẽ cài đặt kích hoạt các chức năng như: đồng hồ đếm ngược (Countdown), Subscribe (Theo dõi), Social Networks (trang mạng xã hội), contact (liên hệ), Google Analytics. Sau khi bạn cấu hình xong nhớ bấm vào Save settings

3. Xem kết quả

[Wordpress Plugin] Hướng dẫn WP Maintenance Mode

Vậy chúng ta đã kết thúc một bài viết về Hướng dẫn WP Maintenance Mode. Các bạn cần lưu ý rằng ngoài cách dùng plugin như tôi đã hướng dẫn ở trên. Các bạn có thể dùng code hoặc dùng một số theme hỗ trợ chế độ bảo trì. Nhưng riêng tôi vẫn thích dùng plugin hơn.

The post [WordPress Plugin] Hướng dẫn WP Maintenance Mode appeared first on Blog Wordpress.



from WordPress http://ift.tt/2bA9Frk
via IFTTT

Chủ Nhật, 28 tháng 8, 2016

Các plugin và Extension cần thiết cho cửa hàng WooCommerce

Bài này thuộc phần 19 của 19 trong series Học làm website bán hàng với plugin WooCommerce
woocommerce123

Trong bài này tôi sẽ giới thiệu cho các bạn các plugin và extension cần thiết cho cửa hàng WooCommerce. Các extension đa số là dùng cho theme Storefront (vì tôi dùng theme Storefront làm hướng dẫn Học làm website bán hàng với plugin WooCommerce)

Bài này là bài cuối cùng trong series Học làm website bán hàng với plugin WooCommerce nhưng cũng là bài cập nhật liên tục, liên tục những hướng dẫn về WooCommerce extension

1. Những điều cần lưu ý khi xem bài này

– Bài này dùng cho cửa hàng sử dụng plugin WooCommerce, theme Storefront, host thì dùng site5.com hoặc digitalocean mà tôi đã giới thiệu
– Các plugin hoặc extension có ghi chữ Xem thêm: … mà chưa có link thì tôi sẽ cập nhật link sớm nhất cho các bạn theo dõi
– Các plugin hoặc extension có ghi chữ dễ sử dụng có nghĩa là plugin hoặc extension đó không cần phải thiết lập cấu hình chỉ cần cài đặt xong và sử dụng ngay nên sẽ không có bài hướng dẫn cho những plugin hoặc extension đó
– Ngoài những plugin hoặc extension mà tôi dự kiến giới thiệu trong bài này ở dưới đây, tôi sẽ cập nhật mới và liên tục những plugin hoặc extension mà tôi thấy cần thiết cho cửa hàng WooCommerce

2. Các plugin cần thiết cho cửa hàng WooCommerce

2.1 WP Maintenance Mode (miễn phí)

Xem thêm: Hướng dẫn sử dụng plugin WP Maintenance Mode

Plugin này có các chức năng như:
– Thông báo cho khách hàng biết cửa hàng WooCommerce của bạn đang trong chế độ bảo trì hoặc nâng cấp
– Thông báo cho khách hàng biết cửa hàng WooCommerce của bạn sẽ khai trương ngày nào (Giành cho các cửa hàng trực tuyến mới)

2.2 Các plugin backup (sao lưu) như UpdraftPlus WordPress Backup Plugin (miễn phí), SNAPSHOT PRO của wpmudev (trả phí), Backup Buddy (trả phí).

Xem thêm: Các plugin backup bạn cần biết và hướng dẫn cơ bản

Backup (sao lưu) dữ liệu của website là một việc khá quan trọng để chúng ta bảo toàn dữ liệu khi gặp sự cố hoặc đơn giản là chuyển host cho website. Sau việc backup (sao lưu) là chúng ta sẽ tiến hành khôi phục dữ liệu dựa vào dữ liệu mà chúng ta đã backup để đưa website trở về trạng thái lúc backup.

2.3 W3 Total Cache (miễn phí)

Xem thêm: Hướng dẫn W3 Total Cache cho Share Host hoặc VPS dùng EasyEngine

Xem thêm: Các lưu ý khi dùng W3 Total Cache cho cửa hàng WooCommerce

W3 Total Cache là một plugin hỗ trợ tăng tốc (tạo bộ nhớ đệm) rất tốt và chuyên nghiệp nhất hiện nay mà lại hoàn toàn miễn phí

2.4 Yoast SEO (miễn phí)

Xem thêm: Cấu hình Yoast SEO cho cửa hàng WooCommerce

Đây là một trong những plugin hỗ trợ SEO website WordPress tốt nhất hiện nay (Tôi đã dùng plugin này từ lúc tôi bắt đầu làm website bằng WordPress cho đến nay tôi vẫn dùng)

2.5 Loco Translate (miễn phí)

Xem thêm: Hướng dẫn sử dụng plugin Loco Translate WordPress

Đây là plugin dùng để dịch các theme, plugin WordPress từ Tiếng Anh, Tiếng Nhật, Tiếng Pháp … sang Tiếng Việt. Loco Translate là một plugin mới nhưng được đánh giá rất cao trong vấn đề hỗ trợ dịch thuật trên website WordPress. Với giao diện mang tính tương đồng với PoEdit, hỗ trợ dịch các form số nhiều y hệt như PoEdit và tự động đồng bộ các đoạn text trong theme hoặc plugin là một ưu thế rất mạnh của Loco Translate. Với hơn 200.000 lượt cài đặt thì bạn thấy đây là một plugin được sử dụng rộng rãi như thế nào? Vì vậy nên tôi mới chọn plugin này để viết bài hướng dẫn.

3. Các extension cần thiết cho cửa hàng WooCommerce

3.1 Các extension mà tôi đã giới thiệu trong bài hướng dẫn Học làm website bán hàng với plugin WooCommerce

3.1.1 Regenerate Thumbnails (miễn phí – dễ sử dụng)

Xem thêm: Cài đặt Plugin WooCommerce và thiết lập cơ bản [Mục 3. Thiết lập Hình sản phẩm (do child theme Boutique khuyên dùng)]

Đây là plugin tái tạo lại kích thước hình ảnh, nghĩa là cho WordPress tạo lại kích thước hình ảnh theo kích thước mới.

3.1.2 WordPress Importer (miễn phí – dễ sử dụng)

Xem thêm: Những điều cần biết về theme Storefront [Mục 1. Thêm dữ liệu mẫu (WooCommerce Demo Content hoặc Theme Demo Content)]

Đây là một plugin được tích hợp sẵn trong WordPress để nhập các nội dung (Post, Page, Category, Tag, Comment). Nghĩa là bạn có thể xuất (export) nội dung ra thành một tập tin với định dạng .xml và có thể nhập (import) vào một website WordPress khác hoặc chính website của bạn nếu bị mất dữ liệu và khi bạn nhập (import) một tập tin với định dạng .xml bằng Công cụ >>  Nhập vào thì nó sẽ đòi bạn cài plugin này.

3.1.3 Theme Customisations (miễn phí – dễ sử dụng – chỉ dùng cho theme Storefront)

Xem thêm: Những điều cần biết về theme Storefront (Mục 7.1 Cài đặt và kích hoạt Plugin Theme Customisations)

Đây là plugin chỉ có chức năng chép code php, js, css của theme Storefront tránh sửa hoặc thêm code vào trực tiếp theme vì nó sẽ mất sạch khi bạn update phiên bản theme mới sau này.

3.1.4 WooCommerce Advanced Free Shipping (miễn phí)

Xem thêm: Hướng dẫn sử dụng plugin WooCommerce Advanced Free Shipping

Đây là plugin thêm điều kiện để vận chuyển miễn phí giao hàng

3.1.5 WooCommerce Weight Based Shipping (miễn phí)

Xem thêm: Hướng dẫn sử dụng plugin WooCommerce Weight Based Shipping

Đây là plugin tính phí giao nhận dựa trên khối lượng

3.1.6 baokim_wordpress (miễn phí)

Xem thêm: Tích hợp Bảo Kim vào plugin WooCommerce

Đây là plugin của baokim.vn

Giới thiệu chung về Bảo Kim
Cổng thanh toán trực tuyến Bảo Kim trực thuộc Công ty Cổ phần TMĐT Bảo Kim, đơn vị chủ quản là Công ty Cổ phần Vật Giá Việt Nam.
Được thành lập tháng 07/2010 và được xây dựng theo mô hình hệ thống thanh toán Paypal, Moneybookers, … phục vụ thanh toán trực tuyến tại Việt Nam.
Bảo Kim đóng vai trò là cầu nối giữa người mua và người bán hỗ trợ Thanh toán trực tuyến và Chuyển tiền trực tuyến giữa hai bên.

3.1.7 WP-SpamShield Anti-Spam (miễn phí – dễ sử dụng)

Xem thêm: Tìm hiểu mục tài khoản của plugin WooCommerce (Mục 5. Chống spam)

Đây là plugin Chống Spam như comment spam ( spam bình luận) , trackback spam, contact form spam (spam liên hệ) & registration spam (spam đăng ký)

3.1.8 Easy WP SMTP (miễn phí)

Xem thêm: Tìm hiểu mục Email của plugin WooCommerce (Mục 2. Hướng dẫn dùng SMTP của Gmail)

Đây là plugin gửi mail thông qua một máy chủ SMTP. Điều này sẽ ngăn chặn các email của bạn đi vào thư mục rác (Spam) của người nhận.

3.2 Các extension khác để hoàn thiện cửa hàng WooCommerce của bạn

3.2.1 Storefront Mega Menus (trả phí – chỉ dùng cho theme Storefront)

Xem thêm: [WooCommerce extension] Hướng dẫn Storefront Mega Menus

Nếu menu mặc định trong theme storefront không thể biểu hiện hết những chuyên mục sản phẩm trong cửa hàng của bạn hoặc bạn cần một menu ngang đa cấp đẹp mà khách hàng chỉ cần rê chuột vào nó sẽ thể hiện hết các chuyên mục sản phẩm có trong cửa hàng của bạn thì bạn dùng [WooCommerce extension] Storefront Mega Menus.

3.2.2 Storefront Parallax Hero (trả phí – chỉ dùng cho theme Storefront)

Xem thêm: [WooCommerce extension] Hướng dẫn Storefront Parallax Hero

4. Cập nhật

Ngoài những plugin và WooCommerce extension mà tôi giới thiệu ở trên – cửa hàng WooCommerce của bạn hầu như phải dùng thì trong mục này tôi sẽ tiếp tục cập nhật những WooCommerce extension mà cửa hàng WooCommerce của bạn có thể cần dùng.

The post Các plugin và Extension cần thiết cho cửa hàng WooCommerce appeared first on Blog Wordpress.



from WordPress http://ift.tt/2bBrcky
via IFTTT

Cách thêm nhóm sản phẩm trong plugin WooCommerce

Bài này thuộc phần 18 của 18 trong series Học làm website bán hàng với plugin WooCommerce
woocommerce123

Nhóm sản phẩm trong plugin WooCommerce có thể được hiểu là một tập hợp nhiều sản phẩm đưa vào một nhóm. Bài này viết thì hơi khó hiểu nên tôi sẽ ví dụ cụ thể để cho các bạn dễ hiểu. Ví dụ cửa hàng bán sách trực tuyến: Bạn bán Bộ sách giáo khoa lớp 12 gồm Sách Văn 12, Sách Toán 12, Sách Lý 12 … (ở đây tôi chỉ làm 03 loại sách, các bạn có thể làm tương tự các loại sách khác).

1. Tạo tên nhóm sản phẩm (Bộ sách giáo khoa lớp 12)

Bạn vào Sản phẩm >> Thêm sản phẩm >> và làm theo hình dưới
Cách thêm nhóm sản phẩm trong plugin WooCommerceNhư hình trên trong phần Dữ liệu sản phẩm bạn chọn Sản phẩm được nhóm.
Trong phần Mã sản phẩm bạn nhập mã sao cho bạn dễ quản lý tất cả các sản phẩm của bạn.
Khi các bạn thiết lập tất cả các mục như hình trên xong các bạn bấm vào Đăng bài viết.

2. Tạo các sản phẩm đơn giản cần đưa vào nhóm (Sách Văn 12, Sách Toán 12, Sách Lý 12)

Đầu tiên bạn cần tạo một sản phẩm đơn giản là Sách Văn 12
Bạn vào Sản phẩm >> Thêm sản phẩm >> và làm theo hình dưới
Cách thêm nhóm sản phẩm trong plugin WooCommerceNhư hình trên các bạn thấy sản phẩm Sách Văn 12 này các bạn thiết lập như một sản phẩm đơn giản bình thường như thiết lập giá cả, thuế, chi phí giao nhận …

Các bạn chỉ chú ý đến mục các sản phẩm được kết nối, bạn sẽ thấy có thêm một mục tên là Nhóm và ở đó bạn hãy tìm nhóm bạn vừa tạo ra (Bộ sách giáo khoa lớp 12) để thêm vào như hình dưới
Cách thêm nhóm sản phẩm trong plugin WooCommerceSau khi thiết lập xong tất cả các bạn bấm vào nút Đăng bài viết.

Bây giờ các bạn làm tương tự cho sản phẩm đơn giản là Sách Toán 12, Sách Lý 12.

3. Xem kết quả

Bây giờ khi xem nhóm sản phẩm kia, bạn sẽ thấy mục chọn số lượng các sản phẩm bên trong nhóm khi đặt hàng như hình dưới
Cách thêm nhóm sản phẩm trong plugin WooCommerceNhư hình trên các bạn thấy nó sẽ cho khách hàng chọn số lượng mua, loại nào khách hàng cần mua, loại nào khách hàng không cần mua có thể đặt số lượng là 0 và khi khách hàng bấm vào sản phẩm nào thì nó sẽ hiện ra chi tiết sản phẩm đó.

Như vậy chúng ta đã tìm hiểu xong Cách thêm nhóm sản phẩm trong plugin WooCommerce. Bài này là bài cuối cùng mà tôi hướng dẫn tìm hiểu về các mục trong plugin WooCommerce. Bài sau tôi sẽ giới thiệu cho các bạn các plugin và WooCommerce Extensions cần thiết cho cửa hàng WooCommerce của bạn. Các WooCommerce Extensions mà bài sau tôi giới thiệu đa số là dùng cho theme Storefront (vì tôi dùng theme Storefront làm hướng dẫn Học làm website bán hàng với plugin WooCommerce)

The post Cách thêm nhóm sản phẩm trong plugin WooCommerce appeared first on Blog Wordpress.



from WordPress http://ift.tt/2bAGNRb
via IFTTT

Cách thêm sản phẩm bên ngoài trong plugin WooCommerce

Bài này thuộc phần 17 của 17 trong series Học làm website bán hàng với plugin WooCommerce
woocommerce123

Bài này chúng ta cùng tìm hiểu cách thêm sản phẩm bên ngoài vào trong cửa hàng của bạn. Ví dụ cửa hàng của bạn chỉ bán máy vi tính nhưng không bán linh kiện lẻ của máy tính thì bạn có thể giới thiệu sản phẩm của cửa hàng khác tại trang cửa hàng của bạn để lấy hoa hồng. Hay các bạn làm trang liên kết tiếp thị (affiliate) cho một hoặc nhiều sản phẩm nào đó.

1. Cách thêm sản phẩm bên ngoài

Bạn vào Sản phẩm >> Thêm sản phẩm (hoặc bạn có thể chỉnh sửa sản phẩm có sẵn)
Để sử dụng tính năng này thì trong mục Dữ liệu sản phẩm bạn chọn sản phẩm bên ngoài/liên kết như hình dưới
Cách thêm sản phẩm bên ngoài trong plugin WooCommerce

Sau đó bạn thiết lập liên kết bên ngoài của sản phẩm và tên nút bấm hiển thị ra bên ngoài như hình dưới
Cách thêm sản phẩm bên ngoài trong plugin WooCommerceNhư hình trên các bạn thấy nó đã giải thích rõ ràng nên tôi không viết lại ở đây và bạn muốn hiểu thêm cứ rê chuột vào dấu chấm hỏi. Các phần chưa giải thích tôi sẽ giải thích
Giá tiêu chuẩn (Regular price): Đây là mục giá bán ra của một sản phẩm.
Giá khuyến mãi (Sale price): Nếu bạn muốn giảm giá sản phẩm, hãy nhập giá sau khi đã được giảm vào đây.
Tình trạng Thuế (Tax status): Xác định có hay không toàn bộ sản phẩm phải chịu thuế hay chỉ tính chi phí vận chuyển nó
Loại hình thuế: Mục này được thiết lập tại WooCommerce >> Cài đặt >> Thuế

Xem thêm: Cách thêm một sản phẩm đơn giản trong plugin WooCommerce

2. Xem kết quả

Bây giờ bạn ra ngoài sẽ thấy kết quả như hình dưới
Cách thêm sản phẩm bên ngoài trong plugin WooCommerceNhư vậy là bây giờ bạn đã có một sản phẩm trỏ ra ngoài rồi đó, khi khách bấm vào nút xem sản phẩm thì nó sẽ dẫn ra liên kết ngoài thay vì thêm hàng vào giỏ.

Vậy là chúng ta lại kết thúc một bài khá ngắn về Cách thêm sản phẩm bên ngoài trong plugin WooCommerce. Bài sau chúng ta cùng tìm hiểu về Cách thêm nhóm sản phẩm trong plugin WooCommerce

The post Cách thêm sản phẩm bên ngoài trong plugin WooCommerce appeared first on Blog Wordpress.



from WordPress http://ift.tt/2brQwKM
via IFTTT

Cách thêm sản phẩm có thuộc tính trong plugin WooCommerce

Bài này thuộc phần 16 của 16 trong series Học làm website bán hàng với plugin WooCommerce
woocommerce123

Bài trước chúng ta đã cùng tìm hiểu cách thêm một sản phẩm đơn giản trong plugin WooCommerce, bài này tôi và các bạn cùng tìm hiểu cách thêm sản phẩm có thuộc tính trong plugin WooCommerce. Trong plugin WooCommerce có 02 loại thuộc tính để thêm cho sản phẩm đó là thuộc tính loại văn bảnthuộc tính loại lựa chọn

1. Thêm thuộc tính loại văn bản

Bạn vào Sản phẩm >> Các thuộc tính >> Thêm thuộc tính mới
Cách thêm sản phẩm có thuộc tính trong plugin WooCommerceCác bạn làm theo hình trên và nhớ đánh dấu vào Cho phép lưu trữ?. Sau đó bấm vào Thêm thuộc tính

Bây giờ chúng ta quay lại mục Sản phẩm (Bạn có thể Thêm sản phẩm mới hoặc sửa lại sản phẩm đã thêm)
Sản phẩm >> Thêm sản phẩm >> Dữ liệu sản phẩm và làm theo hình dưới
Cách thêm sản phẩm có thuộc tính trong plugin WooCommerce

Sau khi thêm xong, chúng ta sẽ khai báo giá trị hiển thị của thuộc tính này như hình dưới
Cách thêm sản phẩm có thuộc tính trong plugin WooCommerceBạn nhớ bấm vào nút Save attributes (lưu thuộc tính) và sau đó nhớ bấm vào nút Cập nhật

Bây giờ chúng ta sẽ xem nó hiển thị ra ngoài như thế nào
Cách thêm sản phẩm có thuộc tính trong plugin WooCommerceNhư hình trên bạn thấy nó xuất hiện thêm một Tab Thông tin thêm và nó sẽ hiển thị giá trị nãy giờ tôi vừa nhập.

Bạn cũng có thể lặp lại như vậy để thêm nhiều thuộc tính cho một sản phẩm.

Như vậy chúng ta có thể thấy được thuộc tính sản phẩm loại văn bản nghĩa là nó sẽ hiển thị ra phần thông tin thêm của sản phẩm và người dùng không thể lựa chọn, hoặc chúng ta không thể thiết lập giá cả và hình ảnh riêng cho nó được. Mục đích sử dụng của thuộc tính kiểu này là để khách hàng tham khảo

2. Thêm thuộc tính loại lựa chọn

Bạn vào Sản phẩm >> Các thuộc tính >> Thêm thuộc tính mới
Cách thêm sản phẩm có thuộc tính trong plugin WooCommerceCác bạn làm theo hình trên và nhớ đánh dấu vào Cho phép lưu trữ?. Sau đó bấm vào Thêm thuộc tính

Bây giờ bạn bấm vào biểu tượng hình bánh răng bên phải như hình dưới
Cách thêm sản phẩm có thuộc tính trong plugin WooCommerce

Và bây giờ các bạn làm tương tự như hình dưới để thêm các màu sắc như Xanh, Đỏ, Vàng …
Cách thêm sản phẩm có thuộc tính trong plugin WooCommerce

Khi các bạn thêm xong các bạn sẽ được như hình dưới
Cách thêm sản phẩm có thuộc tính trong plugin WooCommerce

Bây giờ chúng ta quay lại mục Sản phẩm (Bạn có thể Thêm sản phẩm mới hoặc sửa lại sản phẩm đã thêm)
Sản phẩm >> Thêm sản phẩm >> Dữ liệu sản phẩm và làm theo hình dưới
Cách thêm sản phẩm có thuộc tính trong plugin WooCommerceNhư hình trên bạn thấy:
Phần Dữ liệu sản phẩm bạn chọn Sản phẩm có biến thể.
Phần Tùy chỉnh thuộc tính sản phẩm bạn chọn Màu sắc và bấm vào nút Thêm
Phần Giá trị (s) bạn chọn Đỏ, Vàng, Xanh mà chúng ta đã thêm ở phần Sản phẩm >> Các thuộc tính >> Màu sắc >> Thêm các màu (Đỏ, Vàng, Xanh)
Bạn nhớ đánh dấu vào mục Dùng cho nhiều biến thể.
Sau đó bạn nhớ bấm vào Save attributes (lưu thuộc tính)

Bây giờ các bạn qua mục Các biến thể, Phần Thêm biến thể các bạn bấm vào nút Đi 03 lần để tạo ra 03 biến thể Xanh, Đỏ, Vàng sau đó các bạn thiết lập như hình dưới
Cách thêm sản phẩm có thuộc tính trong plugin WooCommerceGiá trị form mặc định: Bạn chọn một màu sắc để hiển thị mặc định hoặc bạn có thể chọn là không có mặc định màu sắc
Như hình trên bạn thấy mỗi biến thể bạn nhấp vào nó để thiết lập màu sắc, giá cả, trọng lượng,…và nếu bạn muốn thêm nhiều biến thể khác cứ việc ấn nút thêm biến thể là được. Thêm xong các giá trị các bạn nhớ bấm vào nút Lưu thay đổi và sau đó bấm vào nút Cập nhật

Bây giờ chúng ta sẽ xem nó hiển thị ra ngoài như thế nào
Cách thêm sản phẩm có thuộc tính trong plugin WooCommerceCách thêm sản phẩm có thuộc tính trong plugin WooCommerce

Như vậy là chúng ta đã kết thúc một bài dài về Cách thêm sản phẩm có thuộc tính trong plugin WooCommerce. Bài tiếp theo chúng ta cùng tìm hiểu Cách thêm sản phẩm bên ngoài trong plugin WooCommerce

The post Cách thêm sản phẩm có thuộc tính trong plugin WooCommerce appeared first on Blog Wordpress.



from WordPress http://ift.tt/2bZmRqU
via IFTTT

Thứ Bảy, 27 tháng 8, 2016

Cách thêm một sản phẩm đơn giản trong plugin WooCommerce

Bài này thuộc phần 15 của 15 trong series Học làm website bán hàng với plugin WooCommerce
woocommerce123

Trước khi chúng ta tìm hiểu sâu như thêm sản phẩm có thuộc tính, thêm sản phẩm liên kết bên ngoài, thêm nhóm sản phẩm 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. Cùng lúc đó chúng ta sẽ thử nghiệm qua chức năng đặt hàng của plugin WooCommerce rồi ở những bài sau chúng ta sẽ tìm hiểu sâu hơn về các định dạng sản phẩm mà tôi vừa viết ở trên

1. Thêm sản phẩm đơn giản

1.1 Tổng quan

Bạn vào Sản phẩm >> Thêm sản phẩm
Cách thêm một sản phẩm đơn giản trong plugin WooCommerceNếu bạn nhập như hình trên thì ở ngoài khi xem trang sẽ được hiển thị như hình dưới
Cách thêm một sản phẩm đơn giản trong plugin WooCommerce

1.2 Nhập dữ liệu sản phẩm

Bạn kéo chuột xuống tìm mục Dữ liệu sản phẩm và chọn sản phẩm đơn giản

1.2.1 Tab Chung

Cách thêm một sản phẩm đơn giản trong plugin WooCommerceChung: Phần này sẽ nhập thông tin giá của sản phẩm.
Giá tiêu chuẩn (Regular price): Đây là mục giá bán ra của một sản phẩm.
Giá khuyến mãi (Sale price): Nếu bạn muốn giảm giá sản phẩm, hãy nhập giá sau khi đã được giảm vào đây.
Tình trạng Thuế (Tax status): Xác định có hay không toàn bộ sản phẩm phải chịu thuế hay chỉ tính chi phí vận chuyển nó
Loại hình thuế: Mục này được thiết lập tại WooCommerce >> Cài đặt >> Thuế

Xem thêm: Thiết lập thuế cho plugin WooCommerce

1.2.2 Tab Kiểm kê kho hàng

Cách thêm một sản phẩm đơn giản trong plugin WooCommerce
Kiểm kê kho hàng: Phần này sẽ thiết lập số lượng sản phẩm trong kho và tình trạng hàng hóa trong kho.
Mã sản phẩm: Nếu bạn muốn quản lý sản phẩm theo mã (SKU) thì nhập mã sản phẩm vào đây.
Quản lý kho hàng?: Bạn muốn thiết lập số lượng hàng trong kho thì đánh dấu vào.
Tình trạng kho hàng: Tình trạng của sản phẩm này là còn hàng hay hết hàng. Nếu bạn bật tính năng kiểm kê kho hàng thì khi khách mua hết số lượng đã thiết lập thì nó đưa về tình trạng hết hàng.
Soild individually (Bán riêng): Đánh dấu nếu bạn muốn khách chỉ được mua với số lượng 1 cái của mặt hàng này trong một đơn hàng.

1.2.3 Tab Giao nhận

Cách thêm một sản phẩm đơn giản trong plugin WooCommerceGiao nhận: Thiết lập trọng lượng, kích thước của sản phẩm và loại hình giao hàng.
Trọng lượng: Nhập số trọng lượng của sản phẩm, đơn vị sẽ được thiết lập ở Woocommerce >> Cài đặt.
Kích thước: Nhập chiều dài, chiều rộng và chiều cao của sản phẩm, đơn vị sẽ được thiết lập ở Woocommerce >> Cài đặt.
Loại hình giao nhận hàng: Chọn loại hình giao nhận hàng.

Xem thêm: Các thiết lập trước khi tính phí giao nhận của plugin WooCommerce

Xem thêm: Cách tính phí giao nhận của plugin WooCommerce

1.2.4 Tab các sản phẩm được kết nối

Cách thêm một sản phẩm đơn giản trong plugin WooCommerce
Các sản phẩm được kết nối: Kết nối các sản phẩm lại với nhau để người mua có thể dễ dàng tìm ra các sản đó và gợi ý khách hàng mua kèm thêm.
Up-sells (Bán thêm): Gợi ý khách hàng mua sản phẩm thay cho sản phẩm hiện tại mà họ đang xem. Ví dụ sau này bạn có một sản phẩm tốt hơn sản phẩm này thì có thể thêm nó vào phần này.
Cross-sells (Bán chéo): Gợi ý khách hàng mua thêm trong lúc xem giỏ hàng, ví dụ bạn bán iPhone 6S thì nên thêm các sản phẩm như sạc, vỏ điện thoại vào phần bán chéo để họ mua kèm thêm.
Nhóm: Chọn nhóm sản phẩm cần đưa vào. Nhóm sản phẩm nghĩa là họ mua theo một nhóm chứ không mua riêng lẻ (Phần này mình sẽ viết kỹ hơn ở bài viết sau)

1.2.5 Tab các thuộc tính

Cách thêm một sản phẩm đơn giản trong plugin WooCommerce
Các thuộc tính: Thiết lập thuộc tính sản phẩm như màu sắc, kích thước, … (Phần này khá dài nên mình sẽ viết một bài hướng dẫn riêng cho nó)

1.2.6 Tab nâng cao

Cách thêm một sản phẩm đơn giản trong plugin WooCommerce
Nâng cao: Một số thiết lập thêm cho sản phẩm.
Purcahse note (Ghi chú thanh toán): Ghi chú mà bạn muốn gửi đến khách hàng sau khi mua hàng.
Menu đơn hàng: Số thứ tự ưu tiên của sản phẩm trong giỏ hàng, số càng nhỏ thì càng ưu tiên.
Cho phép đánh giá: Đánh dấu nếu muốn cho khách hàng đánh giá sản phẩm.

1.3 Thiết lập danh mục sản phẩm

Cách thêm một sản phẩm đơn giản trong plugin WooCommerce
Nếu chưa có bạn có thể bấm vào Thêm danh mục sản phẩm mới sau đó bạn nhập tên và chọn nó [Nhìn chung nó giống hệt chức năng Category (Chuyên mục) trong bài viết thôi]

1.4 Thiết lập từ khóa sản phẩm

Cách thêm một sản phẩm đơn giản trong plugin WooCommerceTừ khóa sản phẩm là các từ khóa mà bạn cho là có liên quan đến sản phẩm. Ví dụ mình đặt danh mục như trên là Music danh mục con là Singles thì từ khoá của mình là tên ca sĩ, nhạc trữ tình hoặc nhạc trẻ hoặc nhạc sến …

1.5 Ảnh sản phẩm

Cách thêm một sản phẩm đơn giản trong plugin WooCommerceMỗi sản phẩm nên có một ảnh sản phẩm, hay còn gọi là ảnh đại diện cho sản phẩm.

1.6 Thư viện hình ảnh sản phẩm

Cách thêm một sản phẩm đơn giản trong plugin WooCommerceNgay bên dưới phần ảnh sản phẩm là phần thư viện hình ảnh sản phẩm, nói chính xác hơn thì đây là danh sách nhiều hình ảnh mà bạn muốn nó hiển thị theo dưới dạng slide (trình diễn ảnh) trong trang sản phẩm. Bạn nên chọn một số tấm ảnh khác của sản phẩm này ở đây, khi chọn ảnh bạn hãy ấn Ctrl để chọn nhiều ảnh.

Như vậy là chúng ta đã tìm hiểu xong Cách thêm một sản phẩm đơn giản trong plugin WooCommerce. Bây giờ bạn bấm vào nút Đăng bài viết và chúng ta sẽ tìm hiểu tiếp cách thức nó thể hiện ra ngoài trang cửa hàng như thế nào và các chức năng của Giỏ hàngThanh toán

2. Xem cách thức sản phẩm thể hiện ra ngoài trang cửa hàng như thế nào và tìm hiểu chức năng của Giỏ hàng và Thanh toán

Cách thêm một sản phẩm đơn giản trong plugin WooCommerceĐây là sản phẩm A mà chúng ta vừa đăng được thể hiện trong trang cửa hàng

Bây giờ nếu bạn bấm vào nút Thêm vào giỏ thì nó sẽ được thể hiện như hình dưới
Cách thêm một sản phẩm đơn giản trong plugin WooCommercevà nó còn được thể hiện thêm trên thanh menu hình biểu tượng cái giỏ hàng và khi bạn rê chuột vào nó sẽ hiện ra như hình dưới
Cách thêm một sản phẩm đơn giản trong plugin WooCommerce

và bây giờ bạn thử bấm vào nút Xem giỏ hàng các bạn sẽ được như hình dưới
Cách thêm một sản phẩm đơn giản trong plugin WooCommerceNhìn hình trên các bạn thấy nó cũng thể hiện rất đẹp đúng không?

Bây giờ bạn bấm vào Thanh toán sẽ thấy như hình dưới
Cách thêm một sản phẩm đơn giản trong plugin WooCommerce

Như vậy chúng ta đã tìm hiểu xong Cách thêm một sản phẩm đơn giản trong plugin WooCommerce. Qua bài sau chúng ta sẽ tìm hiểu Cách thêm sản phẩm có thuộc tính trong plugin WooCommerce

The post Cách thêm một sản phẩm đơn giản trong plugin WooCommerce appeared first on Blog Wordpress.



from WordPress http://ift.tt/2bzj7wT
via IFTTT