Tạo trang sản phẩm Elementor WooC Commerce

Xu hướng mua sắm đang thay đổi với tốc độ chóng mặt và mọi người có xu hướng mua hàng trực tuyến hơn bao giờ hết.

Đó là lý do tại sao họ cần một cửa hàng thương mại điện tử đang gia tăng để đáp ứng thói quen mua sắm trực tuyến vì mọi người thấy thuận tiện hơn khi mua trực tuyến hơn là ra ngoài mua sắm.

Bạn cũng có thể bắt đầu cửa hàng thương mại điện tử của mình ngay lập tức, bằng cách sử dụng các công cụ và thiết lập phù hợp. Và bạn sẽ nhận thấy doanh số bán hàng của bạn tăng mạnh trong một khoảng thời gian kỷ lục.

Nếu bạn đã lên kế hoạch bắt đầu một cửa hàng thương mại điện tử và tìm kiếm một chuyên gia WordPress để thực hiện công việc cho bạn, hãy để tôi nói với bạn, bạn không cần bất kỳ.

Đúng! Bạn có thể tự làm điều đó bởi vì bạn không cần phải là nhà phát triển hoặc chuyên gia mã hóa WordPress và bạn có thể làm điều đó mà không cần có bất kỳ kiến ​​thức nào về mã hóa với các công cụ và thiết lập phù hợp.

Chỉ cần làm theo hướng dẫn từng bước về cách tạo trang cửa hàng WooCommerce bằng trình tạo trang Elementor.

Hãy tìm hiểu sâu hơn để đi đến điểm chính!

Bạn sẽ cần gì khi tạo trang sản phẩm bằng Elementor?

plugin WooCommerce trên trang web WordPress của bạn từ kho lưu trữ WordPress.org và trên hết, bạn sẽ cần cài đặt trình tạo trang Elementor . Phiên bản Miễn phí có thể được tải xuống từ WordPress.org tuy nhiên phiên bản miễn phí đi kèm với một số tùy chọn tùy chỉnh hạn chế. Do đó, nếu bạn muốn có được các tùy chọn tùy chỉnh vô hạn hơn là sử dụng Elementor chuyên nghiệp và tải xuống từ Elementor.org chính thức.

Làm cách nào để cài đặt trình tạo trang Elementor?

  • Đối với phiên bản miễn phí Elementor:

Chuyển đến Plugin s> Thêm mới> nhập trình tạo trang Elementor> nhấp vào cài đặt và kích hoạt.

  • Đối với Elementor Pro:

Mua phiên bản Pro từ Elementor.com và sau đó tải lên tệp zip và sau đó nhấp vào cài đặt và kích hoạt.

Từng bước tạo một trang sản phẩm Elementor WooC Commerce

Trang sản phẩm WooC Commerce tiêu chuẩn trông giống như bất kỳ trang sản phẩm WooC Commerce cơ bản nào mà không có bất kỳ sắc nét nào.

Tuy nhiên, nếu bạn muốn thêm tiếng nói thương hiệu của mình hơn bạn phải tùy chỉnh nó một cách độc đáo.

Bước 1: Đi tới phần Mẫu từ menu Trang tổng quan của bạn và nhấp vào “Thêm mới”.

Bây giờ từ menu thả xuống, chọn mục Mặt hàng Sản phẩm duy nhất

Phần tốt nhất là, Elementor đi kèm với một số mẫu trang sản phẩm được tạo sẵn, vì vậy, nếu bạn muốn bắt đầu nhanh, hãy chọn bất kỳ ai trong số các tùy chọn trông gần nhất với mẫu bạn muốn.

Việc tạo một trang sản phẩm từ mẫu được tạo sẵn sẽ dễ dàng hơn nhiều so với việc tạo từ đầu. Do đó, sửa đổi bất kỳ mẫu hiện có và tiết kiệm thời gian và công sức của bạn.

Chúng tôi đã chọn mẫu này cho trang sản phẩm của chúng tôi.

Khi bạn đã chọn mẫu yêu thích của mình, nó sẽ dẫn bạn đến trình soạn thảo Elementor nơi bạn có thể tùy chỉnh mẫu theo sở thích của mình.

Ở đây bạn có thể thấy các khối khác nhau trên menu leftside. Kéo và thả khối bạn muốn làm việc.

Nhấp vào nút Thêm + + Thêm và chọn kích thước cột bạn muốn thêm.

Chúng tôi đã chọn hai kích thước cột cho mẫu sản phẩm của chúng tôi.

Bây giờ, thêm một tiện ích tiêu đề sản phẩm trên cột bên phải và thêm tiêu đề của sản phẩm của bạn trên đó.

Khi bạn đã thêm tiêu đề sản phẩm, bước tiếp theo là thêm phần bánh mì vụng về Woo Woo bên trên nó.

Bây giờ, thêm hình ảnh sản phẩm vào cột bên trái và kéo thả tiện ích hình ảnh sản phẩm từ cột bên trái.

Bạn có thể thêm phần đệm vào cả hai cột để giữ chúng cách xa nhau một chút.

Sau khi thêm hình ảnh và điều chỉnh phần đệm theo kích thước yêu cầu, hãy thêm tiện ích xếp hạng sản phẩm dưới tiêu đề sản phẩm.

Thêm một mô tả ngắn gọn về widget sản phẩm bên dưới khối đánh giá sản phẩm. bạn cũng có thể điều chỉnh không gian giữa hai khối.

Khi bạn đã hoàn tất mô tả sản phẩm và tất cả các chi tiết, bước tiếp theo của chúng tôi là thêm giá của sản phẩm và để làm điều này, bạn sẽ phải kéo thả vật dụng giá theo mô tả của sản phẩm.

Sau khi thêm tab giá bên dưới mô tả sản phẩm, bạn có thể tùy chỉnh tiện ích giá bằng cách chọn các tùy chọn từ menu bên trái. Bạn có thể phóng to biểu tượng, thay đổi kiểu phông chữ và cả màu phông chữ từ màu đen sang bất kỳ màu nào khác mà bạn chọn.

Bây giờ hãy thêm tiện ích vào Thêm vào giỏ hàng và tùy chỉnh màu sắc, phông chữ hoặc kiểu từ menu nếu bạn muốn.

Bây giờ, thêm meta sản phẩm trong tiện ích giá sẽ hiển thị danh mục sản phẩm và số sê-ri sản phẩm.

Bước 2: Thêm thông tin bổ sung về sản phẩm trong phần tiếp theo.

Tạo một phần hai cột mới và sau đó thêm các tab dữ liệu Sản phẩm bao gồm mô tả, thông tin bổ sung và đánh giá. Và ở bên phải của cột thêm phần sản phẩm liên quan.

Để giữ cùng định dạng của mỗi cột, bạn có thể nhấp vào góc bên trái của mỗi cột và sao chép và dán định dạng cột cho mỗi cột.

Bước 3: thêm một phần khác của thêm "phần bán thêm".

Đây là cách bạn sẽ bán phần sau khi thêm. Thêm một số phần đệm để căn chỉnh phần.

Và cuối cùng, bạn đã hoàn thành việc thiết kế trang sản phẩm của mình. Bây giờ, bước cuối cùng là nơi bạn muốn xuất bản sản phẩm của bạn? bạn có thể nhấp vào xuất bản hoặc đi đến phần mắt ở góc dưới cùng của menu bên trái và nhấp vào cài đặt để chọn danh mục sản phẩm.

Nhấp vào menu thêm điều kiện và sau đó chọn danh mục sản phẩm của bạn và nhấp vào xuất bản.

Điện thoại di động tối ưu hóa trang sản phẩm WooC Commerce của bạn

Vì rất nhiều lưu lượng truy cập sẽ đi qua Điện thoại thông minh, do đó bạn sẽ phải tối ưu hóa cửa hàng của mình để xem Điện thoại thông minh, nếu không bạn có thể mất doanh số.

Mặc dù, WooC Commerce đã được tối ưu hóa cho thiết bị di động, nhưng vẫn phải yên tâm nếu các mẫu trang sản phẩm của bạn trông hoàn toàn tốt trên màn hình di động theo quy trình.

Bạn sẽ tìm thấy tùy chọn Chế độ đáp ứng ở góc dưới bên trái của giao diện Elementor.

Khi bạn nhấp vào tùy chọn đáp ứng di động, bạn có thể chuyển đổi giữa các tùy chọn xem trên thiết bị di động, máy tính để bàn và tab.

Nhấp vào bất kỳ tùy chọn nào bạn muốn xem và điều chỉnh thiết kế nếu bạn thấy bất kỳ sự phức tạp nào.

Bây giờ, lưu và tiếp tục xuất bản trang sản phẩm của bạn.

Giá Elementor Pro

Phiên bản cơ bản Elementor có sẵn miễn phí trong khi phiên bản chuyên nghiệp đi kèm với ba giấy phép. Nếu bạn đang tìm kiếm blog cá nhân của mình hoặc cho một trang web thì giấy phép cá nhân phù hợp nhất với bạn, nơi bạn có thể có được trình tạo WooCommerce cùng với hơn 90 tiện ích con chuyên nghiệp.

Trong khi giấy phép cộng và giấy phép chuyên gia phù hợp cho các doanh nghiệp hoặc đại lý đã trưởng thành với sự hỗ trợ của 3 trang web và 1000 trang web tương ứng.

Gói lại

Mục đích duy nhất của trình tạo trang Elementor là cho phép người dùng thỏa sức sáng tạo mà không cần dựa vào mã hóa. Elementor đi kèm với nhiều tiện ích con cho phép bạn tạo bất kỳ loại trang sản phẩm nào dựa trên bố cục hấp dẫn. Các yếu tố cơ bản của WooCommerce có hơn 10 yếu tố cho phép người dùng tùy chỉnh từng đường gấp khúc và đường cong của trang cửa hàng. Và nếu bạn không tìm thấy phần tử mong muốn của mình trong menu Elementor, đừng lo lắng! Có nhiều cài đặt nâng cao khác có thể nâng cấp kho vũ khí của bạn và thêm nhiều yếu tố vào thư viện của bạn. Một trong số đó là Tiện ích bổ sung cần thiết đi kèm với các yếu tố dành riêng cho WooCommerce.

Để lại bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *