Cách tùy chỉnh các trang sản phẩm WooCommerce

Tác giả NetworkEngineer, Tháng năm 21, 2021, 04:56:11 PM

« Chủ đề trước - Chủ đề tiếp »

0 Thành viên và 5 Khách đang xem chủ đề.

Cách tùy chỉnh các trang sản phẩm WooCommerce


Bạn có muốn tùy chỉnh các trang sản phẩm WooCommerce mà không cần phải viết bất kỳ mã nào không?

Bằng cách tùy chỉnh các trang sản phẩm WooCommerce của mình, bạn có thể cải thiện tỷ lệ chuyển đổi và tạo ra nhiều doanh thu hơn từ những khách truy cập trang web hiện tại của mình.

Trong bài viết này, mình sẽ chỉ cho bạn cách tùy chỉnh các trang sản phẩm WooCommerce mà không cần bất kỳ kiến ​​thức kỹ thuật nào.

Tại sao phải tùy chỉnh các trang sản phẩm WooCommerce trong WordPress?

Các trang sản phẩm WooCommerce của bạn là một số trang có giá trị nhất trong cửa hàng trực tuyến của bạn. Vấn đề là các trang sản phẩm WooCommerce mặc định không được tối ưu hóa cho chuyển đổi.

Bằng cách tùy chỉnh các trang sản phẩm WooCommerce của mình, bạn có thể tạo các trang đích sản phẩm độc đáo sẽ chuyển đổi khách truy cập thành khách hàng với tỷ lệ cao hơn nhiều.

Điều này có nghĩa là cửa hàng của bạn có thể kiếm được nhiều doanh thu hơn mà không cần thêm lưu lượng truy cập.

Trước khi bắt đầu tùy chỉnh các trang sản phẩm WooCommerce của mình, bạn cần đảm bảo rằng bạn có lưu trữ WooCommerce nhanh nhất để hỗ trợ cửa hàng trực tuyến của bạn vì tốc độ ảnh hưởng đến chuyển đổi.

Chúng ta hãy xem cách bạn có thể tùy chỉnh các trang sản phẩm WooCommerce mà không cần biết viết mã.

Cách tùy chỉnh các trang sản phẩm WooCommerce của bạn trong WordPress.

SeedProd là chương trình tạo trang kéo và thả tốt nhất được hơn 1 triệu trang web sử dụng. Nó cho phép bạn dễ dàng tùy chỉnh các trang sản phẩm WooCommerce của mình và tăng doanh số bán hàng.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin SeedProd. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của mình về cách cài đặt plugin WordPress.

Lưu ý: có một phiên bản SeedProd miễn phí mà bạn có thể sử dụng, nhưng đối với hướng dẫn này, mình sẽ hiển thị phiên bản Pro vì nó có các khối WooCommerce tích hợp sẵn.

Sau khi kích hoạt, bạn cần truy cập Cài đặt SeedProd » và nhập khóa cấp phép của mình.


Bạn có thể tìm thấy thông tin này trong tài khoản của mình trên trang web SeedProd.

Tiếp theo, bạn cần truy cập SeedProd »Pages và sau đó nhấp vào 'Add New Landing Page'.


Trên màn hình tiếp theo, bạn sẽ được yêu cầu chọn một mẫu. SeedProd có hàng chục mẫu được thiết kế chuyên nghiệp để bạn lựa chọn.

Vì bạn đang xây dựng trang sản phẩm WooCommerce chuyển đổi cao, hãy chọn tùy chọn 'Bán hàng' và sau đó chọn một trong các mẫu.

Chỉ cần nhấp vào một mẫu để chọn nó.


Mình sẽ sử dụng mẫu 'Trang Bán hàng Bữa tối', nhưng bạn có thể chọn bất kỳ mẫu nào bạn thích.

Tiếp theo, bạn sẽ được yêu cầu đặt tên cho trang của mình và sau đó nhấp vào nút 'Lưu và Bắt đầu Chỉnh sửa Trang'.


Thao tác này sẽ khởi chạy giao diện trình tạo trang kéo và thả.

Bạn sẽ thấy bản xem trước trực tiếp của mẫu bạn đã chọn, nơi bạn có thể trỏ và nhấp để chọn và chỉnh sửa bất kỳ mục nào trên trang.


Cột bên trái có các khối mới mà bạn có thể thêm vào trang sản phẩm của mình.

Tiếp theo, mình sẽ thêm một vài khối để làm cho trang này giống trang sản phẩm WooCommerce hơn.

Đầu tiên, nhấp vào hình ảnh và thay thế nó bằng hình ảnh sản phẩm của bạn. Bạn sẽ tải lên một hình ảnh hoặc chọn một hình ảnh từ thư viện phương tiện của mình.


Sau đó, bạn có thể thay đổi tiêu đề và văn bản của sản phẩm bằng cách nhấp vào các mục đó và thay đổi chúng trực tiếp trong trình chỉnh sửa trang.

Menu bên trái cho phép bạn thay đổi kích thước, căn chỉnh và hơn thế nữa.


Cuối cùng, mình sẽ thêm nút 'Thêm vào giỏ hàng' giống như trang sản phẩm WooCommerce tiêu chuẩn.

Bạn cần tìm khối WooCommerce 'Thêm vào giỏ hàng' và kéo nó vào trang của bạn.


Bây giờ bạn đã có kiến ​​thức cơ bản về trang sản phẩm WooCommerce của mình, mình sẽ chỉ cho bạn cách thêm các mục sẽ cải thiện chuyển đổi của bạn.

Trước tiên, hãy thêm xếp hạng sao cho sản phẩm để cho khách hàng thấy rằng sản phẩm của bạn có chất lượng cao.

Chỉ cần kéo khối 'Xếp hạng theo sao' và thả nó vào phần xem trước trang mà bạn muốn nó được hiển thị.


Bạn có toàn quyền kiểm soát số lượng sao, kích thước, tổng số xếp hạng và hơn thế nữa.

Sau đó, mình sẽ thêm một khối lời chứng thực của khách hàng. Thêm lời chứng thực về sản phẩm có thể giúp cải thiện bằng chứng xã hội và chuyển đổi sản phẩm của bạn.

Nếu bạn đang tìm cách thu thập lời chứng thực của khách hàng, hãy xem danh sách các plugin lời chứng thực tốt nhất cho WordPress của mình .

Để thêm lời chứng thực, chỉ cần kéo khối 'Lời chứng thực' vào trang mà bạn muốn nó được hiển thị.


Bạn hoàn toàn có thể tùy chỉnh lời chứng thực, thêm hình ảnh và thay đổi văn bản lời chứng thực.

Khi bạn nhấp vào mục lời chứng thực, bạn có thể thay đổi tất cả các tùy chọn hiển thị trên menu bên trái.

Nếu bạn muốn thêm nhiều lời chứng thực, hãy nhấp vào nút 'Thêm lời chứng thực'. Điều này sẽ tự động tạo ra một băng chuyền xoay vòng các lời chứng thực từ khách hàng của bạn.


Tiếp theo, bạn có thể thêm phần Câu hỏi thường gặp về sản phẩm, tương tự như phần câu hỏi và câu trả lời trên các trang sản phẩm của Amazon.

Nhấp vào khối 'Accordion' và kéo nó đến trang của bạn, sau đó nhấp vào mục để hiển thị màn hình chỉnh sửa ở bên trái.


Tại đây, bạn có thể thêm một trình đơn thả xuống Câu hỏi thường gặp khác, thay đổi kích thước phông chữ, màu sắc và hơn thế nữa.

Bạn có thể thay đổi văn bản Câu hỏi thường gặp trực tiếp trên bản xem trước trang.


Việc thêm các khối SeedProd WooCommerce ở trên vào các trang sản phẩm của bạn sẽ giúp cải thiện chuyển đổi của bạn.

SeedProd có một số khối WooCommerce bổ sung mà bạn có thể thêm vào các trang sản phẩm của mình.

Nếu bạn đang chạy chương trình giảm giá tặng quà mùa xuân hoặc giảm giá Thứ Sáu Đen, thì bạn có thể sử dụng khối 'Đếm ngược' để tạo sự khẩn cấp.


Bạn cũng có thể muốn làm nổi bật các sản phẩm khác trong cửa hàng của mình bằng cách sử dụng khối 'Sản phẩm nổi bật' hoặc 'Sản phẩm được xếp hạng cao nhất'.

Để thêm các khối bổ sung, chỉ cần làm theo các bước tương tự như trên.


Để biết thêm chi tiết về việc thêm các sản phẩm phổ biến vào WooCommerce, hãy xem hướng dẫn của mình về cách hiển thị các sản phẩm phổ biến trên các trang sản phẩm WooCommerce .

Bạn có thể tiếp tục tùy chỉnh trang sản phẩm của mình bằng cách sử dụng các khối bổ sung và điều chỉnh menu cài đặt.


Khi bạn hoàn tất việc tùy chỉnh trang sản phẩm của mình, hãy đảm bảo rằng bạn nhấp vào 'Lưu' và sau đó nhấp vào 'Xuất bản' từ menu thả xuống để làm cho trang của bạn hoạt động.

Các tùy chỉnh trang sản phẩm bạn đã thực hiện sẽ giúp chuyển đổi khách truy cập thành người mua dễ dàng hơn.


Cách cải thiện chuyển đổi trang sản phẩm WooCommerce của bạn (2 cách)

Sau khi bạn đã tùy chỉnh trang sản phẩm WooCommerce của mình, bạn có thể cải thiện hơn nữa chuyển đổi cửa hàng của mình bằng các yếu tố động sau.

Thêm thông báo hoạt động mua hàng trong WooCommerce.

Phương pháp đầu tiên sử dụng thông báo bằng chứng xã hội để cảnh báo khách truy cập của bạn rằng những người khác vừa mua hàng. Điều này sử dụng FOMO để đơn giản là cải thiện chuyển đổi của bạn.

Cách tốt nhất để thêm bằng chứng xã hội vào WooCommerce là sử dụng TrustPulse . Đây là một trong những plugin bật lên WordPress tốt nhất và ứng dụng bằng chứng xã hội trên thị trường.

Nó cho phép bạn hiển thị thông báo mua hàng theo thời gian thực trên trang WooCommerce của bạn một cách dễ dàng.


Để biết thêm chi tiết, hãy xem hướng dẫn của mình về cách sử dụng FOMO trên trang web WordPress của bạn để tăng chuyển đổi.

Tạo các chiến dịch tiếp thị được cá nhân hóa trong WooCommerce.

Phương pháp thứ hai sử dụng văn bản động để bạn có thể hiển thị các thông điệp tiếp thị tùy chỉnh cho khách truy cập của mình. Với văn bản động, bạn có thể hiển thị tên, vị trí hoặc thậm chí ngày trong tuần của khách truy cập.

Nó cho phép bạn hiển thị thông điệp được cá nhân hóa cho đúng người vào đúng thời điểm để cải thiện đáng kể tỷ lệ tương tác và chuyển đổi của bạn.

Cách tốt nhất để thêm văn bản động là sử dụng OptinMonster . Đây là cửa sổ bật lên và công cụ chụp email tốt nhất cho WordPress được hơn 1,2 triệu trang web sử dụng.


Đầu tiên, bạn cần truy cập trang web OptinMonster và tạo một tài khoản. Bạn sẽ cần ít nhất gói cấp Pro để tạo văn bản động với các thẻ thông minh.

Tiếp theo, bạn cần cài đặt và kích hoạt plugin OptinMonster . Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của mình về cách cài đặt plugin WordPress .

Plugin này kết nối trang web WordPress của bạn với ứng dụng OptinMonster.

Khi kích hoạt, bạn cần nhập khóa cấp phép của mình. Bạn có thể tìm thấy thông tin này trong tài khoản của mình trên trang web OptinMonster.

Trong bảng điều khiển WordPress của bạn, đi tới OptinMonster »Cài đặt , nhấp vào 'Kết nối Tài khoản Hiện có' và nhập chi tiết tài khoản của bạn.


Tiếp theo, bạn sẽ muốn kết nối OptinMonster với WooCommerce.

Điều này cung cấp cho bạn các quy tắc hiển thị bổ sung mà bạn có thể sử dụng để tùy chỉnh các chiến dịch của mình. Trên cùng một trang, nhấp vào 'Tự động tạo khóa + Kết nối WooCommerce'.


Sau khi kết nối với OptinMonster, hãy điều hướng đến OptinMonster »Chiến dịch và sau đó nhấp vào nút 'Thêm Mới'.

Điều này sẽ đưa bạn đến công cụ tạo chiến dịch OptinMonster.


Có hàng chục mẫu bạn có thể lựa chọn.

Mình sẽ tạo một cửa sổ bật lên với thẻ thông minh WooCommerce. Để làm điều này, hãy chọn loại chiến dịch 'Cửa sổ bật lên' và chọn một trong các mẫu.

Mình sẽ chọn mẫu 'Phiếu mua hàng', nhưng bạn có thể chọn bất kỳ mẫu nào bạn thích.


Chỉ cần di chuột qua mẫu và nhấp vào 'Sử dụng Mẫu'.

Sau khi bạn đặt tên cho chiến dịch của mình và nhấp vào 'Bắt ​​đầu xây dựng', bạn sẽ được đưa đến trình tạo chiến dịch kéo và thả.


Bạn có thể tùy chỉnh từng phần của cửa sổ bật lên bằng cách nhấp vào bất kỳ mục nào và tùy chỉnh nó trên menu bên trái.

Mình sẽ thêm văn bản động vào tiêu đề để nó hiển thị ngày hôm nay và cung cấp cho khách truy cập của mình một phiếu giảm giá chỉ có giá trị trong ngày.

Đầu tiên, nhấp đúp vào bất kỳ thành phần văn bản nào để hiển thị menu. Sau đó, nhấp vào biểu tượng 'Thẻ thông minh' '{}' để hiển thị danh sách thả xuống các thẻ thông minh có sẵn.


Chỉ cần nhấp vào thẻ thông minh bạn muốn thêm vào chiến dịch của mình.

Các thẻ thông minh sử dụng văn bản được tạo động để cung cấp cho khách truy cập của bạn một thông điệp độc đáo và tùy chỉnh.


Sau khi bạn hoàn tất việc tùy chỉnh cửa sổ bật lên của mình, hãy đảm bảo nhấp vào 'Lưu'.

Sau đó, nhấp vào tab 'Xuất bản' và sau đó chọn tùy chọn 'Xuất bản'.


Sau khi thoát ra khỏi trình tạo, bạn sẽ được đưa đến màn hình nơi bạn có thể xác nhận cài đặt hiển thị của mình.

Để đảm bảo cửa sổ bật lên của bạn đang hoạt động, hãy thay đổi trạng thái thành 'Đã xuất bản' trong hộp meta 'Hiển thị & Trạng thái' và sau đó nhấp vào 'Lưu Thay đổi'.


Cửa sổ bật lên WooCommerce của bạn với văn bản động hiện sẽ xuất hiện trên cửa hàng WooCommerce của bạn.

Bạn có thể tiếp tục thử nghiệm các cài đặt hiển thị và văn bản động khác nhau để xem chiến dịch nào mang lại cho bạn kết quả tốt nhất.


Mình hy vọng bài viết này đã giúp bạn tùy chỉnh các trang sản phẩm WooCommerce của mình mà không cần mã hóa. Bạn có thể muốn xem hướng dẫn của mình về SEO WooCommerce được thực hiện dễ dàng và chuyên gia của mình chọn các plugin WooCommerce tốt nhất cho cửa hàng của bạn.