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ử ngày càng tăng để đáp ứng thói quen mua sắm trực tuyến vì mọi người thấy mua hàng trực tuyến thuận tiệ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 mình tăng mạnh trong một khoảng thời gian kỷ lục.
Nếu bạn dự định thành lập một cửa hàng thương mại điện tử và đang tìm kiếm một chuyên gia WordPress để thực hiện công việc cho mình, hãy để tôi nói cho bạn biết, bạn không cần bất kỳ chuyên gia nào.
Đúng! Bạn có thể tự làm điều đó vì bạn không cần phải là nhà phát triển WordPress hoặc chuyên gia mã hóa 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 để tạo trang cửa hàng WooC Commerce 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 cần những gì khi tạo trang sản phẩm bằng Elementor?
- Làm cách nào để cài đặt trình tạo trang Elementor?
- Từng bước tạo trang sản phẩm Elementor WooC Commerce
- Di động tối ưu hóa trang sản phẩm WooC Commerce của bạn
- Giá Elementor Pro
- Kết thúc
Bạn cần những gì khi tạo trang sản phẩm bằng Elementor?
plugin WooC Commerce 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 các tùy chọn tùy chỉnh hạn chế. Do đó, nếu bạn muốn nhận được các tùy chọn tùy chỉnh vô hạn thì hãy truy cập 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í của Elementor:
Đi tới Plugin > 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, sau đó tải tệp zip lên rồi nhấp vào cài đặt và kích hoạt.
Từng bước tạo 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ự sắc nét nào.
![](https://www.holdersing.com/wp-content/uploads/2020/06/2nd-1.png)
Tuy nhiên, nếu bạn muốn thêm tiếng nói thương hiệu của mình thì 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 Bảng điều khiển của bạn và nhấp vào “Thêm mới”.
![](https://www.holdersing.com/wp-content/uploads/2020/06/Ad-new-template-2.png)
Bây giờ từ menu thả xuống, chọn mục “Sản phẩm duy nhất”
![](https://www.holdersing.com/wp-content/uploads/2020/06/seelct-single-product.png)
Điều tuyệt vời 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ỳ mẫu nào trong số các tùy chọn trông gần nhất với mẫu bạn mong muốn.
Việc tạo trang sản phẩm từ mẫu tạo sẵn sẽ dễ dàng hơn nhiều so với việc tạo từ đầu. Do đó, hãy sửa đổi bất kỳ mẫu hiện có nào và tiết kiệm thời gian và công sức của bạn.
![](https://www.holdersing.com/wp-content/uploads/2020/06/product-page-template.png)
Chúng tôi đã chọn mẫu này cho trang sản phẩm của mình.
![](https://www.holdersing.com/wp-content/uploads/2020/06/aaa.png)
Khi bạn đã chọn được mẫu yêu thích của mình, nó sẽ dẫn bạn đến trình chỉnh sửa Elementor nơi bạn có thể tùy chỉnh mẫu theo sở thích của mình.
![](https://www.holdersing.com/wp-content/uploads/2020/06/elementor-editor.png)
Ở đây bạn có thể thấy các khối khác nhau trên menu bên trái. Kéo và thả khối bạn muốn làm việc.
Nhấp vào nút “+” Thêm và chọn kích thước cột bạn muốn thêm.
Chúng tôi đã chọn kích thước hai cột cho mẫu sản phẩm của mình.
Bây giờ, hãy thêm tiện ích tiêu đề sản phẩm vào cột bên phải và thêm tiêu đề sản phẩm của bạn vào đó.
![](https://www.holdersing.com/wp-content/uploads/2020/06/poduct-tite-widegt-1.png)
Khi bạn đã thêm tiêu đề sản phẩm, bước tiếp theo là thêm “Mẩu bánh mì Woo” phía 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 và thả tiện ích hình ảnh sản phẩm từ cột bên trái.
![](https://www.holdersing.com/wp-content/uploads/2020/06/drop-the-image-in-left-column.png)
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 bên dưới tiêu đề sản phẩm.
![](https://www.holdersing.com/wp-content/uploads/2020/06/add-the-product-ratign.png)
Thêm mô tả ngắn gọn về tiện ích 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 khoảng cách 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 được điều này, bạn sẽ phải kéo và thả tiện ích giá bên dưới mô tả sản phẩm.
![](https://www.holdersing.com/wp-content/uploads/2020/06/product-price.png)
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.
![](https://www.holdersing.com/wp-content/uploads/2020/06/product-price-foramt-1.png)
Bây giờ, hãy thêm tiện ích “thêm vào giỏ hàng” và tùy chỉnh màu sắc, phông chữ hoặc kiểu dáng của nó từ menu nếu bạn muốn.
![](https://www.holdersing.com/wp-content/uploads/2020/06/add-to-the-cart-widget.png)
![](https://www.holdersing.com/wp-content/uploads/2020/06/add-to-the-cart-options.png)
Bây giờ, hãy thêm meta sản phẩm vào 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: bổ sung thêm thông tin về sản phẩm ở phần tiếp theo.
Tạo phần hai cột mới, 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ột thêm phần sản phẩm liên quan.
Để giữ nguyên định dạng của từng cột, bạn có thể nhấp vào góc trái của mỗi cột và sao chép và dán định dạng cột cho từng cột.
Bước 3: thêm phần khác hoặc thêm “phần bán thêm”.
![](https://www.holdersing.com/wp-content/uploads/2020/06/up-sell-section-1.png)
Phần bán thêm của bạn sẽ trông như thế nào sau khi thêm vào. Thêm một số phần đệm để căn chỉnh phần.
![](https://www.holdersing.com/wp-content/uploads/2020/06/up-sell-section-2.png)
Và cuối cùng, bạn đã hoàn tất việc thiết kế trang sản phẩm của mình. Bây giờ, bước cuối cùng là bạn muốn xuất bản sản phẩm của mình ở đâu? 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.
![](https://www.holdersing.com/wp-content/uploads/2020/06/find-category.png)
Nhấp vào menu thêm điều kiện, sau đó chọn danh mục sản phẩm của bạn và nhấp vào xuất bản.
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 nên bạn sẽ phải tối ưu hóa cửa hàng của mình để xem trên Điện thoại thông minh, nếu không bạn có thể mất doanh thu.
Mặc dù WooC Commerce đã được tối ưu hóa cho thiết bị di động nhưng vẫn phải đảm bảo rằng 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 thiết bị di động, hãy làm 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.
![](https://www.holdersing.com/wp-content/uploads/2020/06/mobile-responsive.png)
Khi bạn nhấp vào tùy chọn Mobile responsive, bạn có thể chuyển đổi giữa các tùy chọn xem Mobile, Desktop 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ờ, hãy lưu và tiếp tục xuất bản trang sản phẩm của bạn.
Giá Elementor Pro
![](https://www.holdersing.com/wp-content/uploads/2020/06/pridicn.png)
Phiên bản cơ bản của Elementor có sẵn miễn phí trong khi phiên bản pro đi kèm 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 là phù hợp nhất với bạn, nơi bạn có thể có được trình tạo WooC Commerce cùng với hơn 90 tiện ích 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ợ lần lượt là 3 trang web và 1000 trang web.
Kết thúc
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 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 thành phần WooC Commerce cơ bản có hơn 10 thành phần cho phép người dùng tùy chỉnh mọi đường cong 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 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 thành phần 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 thành phần dành riêng cho WooC Commerce.