Cài đặt thiết kế Ecwid mới: Hàng tá tùy chọn tùy chỉnh, không cần mã hóa

Đã đọc 12 phút

Thiết kế nói lên nhiều điều cho một thương mại điện tử cửa hàng. Nếu mọi người có thể dễ dàng điều hướng mặt tiền cửa hàng trực tuyến của bạn, bạn sẽ có cơ hội chuyển đổi họ cao hơn nhiều. Thiết kế nhất quán, hiện đại có thể cho khách hàng biết rằng bạn là một thương hiệu đáng tin cậy.

Ecwid giúp bất kỳ doanh nghiệp nào - thậm chí là doanh nghiệp nhỏ và mới bắt đầu - tìm kiếm và bán hàng một cách chuyên nghiệp trên web. Bạn không cần phải trả quá nhiều tiền để cấp cao nhất nhà thiết kế web để có được một thân thiện với thiết bị di động, sạch và đẹp thương mại điện tử cửa hàng.

Chúng tôi đã thêm hàng chục chức năng thiết kế mặt tiền cửa hàng mới tới Ecwid, để bạn có thể đưa ra thương mại điện tử lưu trữ giao diện phản ánh thương hiệu của bạn nhiều nhất.

Thiết lập từng chi tiết nhỏ trong thiết kế cửa hàng trực tuyến của bạn thật dễ dàng. Thay đổi kiểu hình ảnh, bố cục trang sản phẩm và các thành phần mặt tiền cửa hàng mà không cần mã hóa. Bạn sẽ thấy nó cho chính mình trong bài viết này.

Các cài đặt mới nằm bên dưới Cài đặt → Thiết kế trong bảng điều khiển Ecwid của bạn. Để sử dụng chúng, hãy đảm bảo bạn đã bật tất cả các bản cập nhật mặt tiền cửa hàng trong Cài đặt → Có gì mới.

Bật các cập nhật này trong Cài đặt → Có gì mới để xem trang cài đặt thiết kế mới

Nếu tôi đang sử dụng phiên bản cũ hơn của cửa hàng Ecwid thì sao?

Việc chuyển sang mặt tiền cửa hàng mới có thể thay đổi hoàn toàn diện mạo cửa hàng của bạn. Với cài đặt thiết kế mới, bạn sẽ có nhiều tùy chọn tùy chỉnh hơn và giao diện hấp dẫn hơn cho cửa hàng của mình. Tuy nhiên, hãy cẩn thận nếu bạn đang sử dụng một tự làm Chủ đề CSS hoặc chủ đề khác tùy chỉnh phát triển các tính năng của mặt tiền cửa hàng - chúng có thể không tương thích với mặt tiền cửa hàng mới. Nếu bạn cần trợ giúp, nhóm hỗ trợ của chúng tôi luôn sẵn sàng hỗ trợ bạn.

Thiết kế mặt tiền cửa hàng trực tuyến của bạn

Bạn kiểm soát toàn bộ giao diện của danh mục sản phẩm của mình, từ hình ảnh sản phẩm đến SKU và các nút.

1. Chọn kích thước hình ảnh tốt nhất để giới thiệu sản phẩm của bạn

Theo mặc định, hình ảnh sản phẩm được cỡ trung bình, phù hợp với hầu hết các cửa hàng.

Một số sản phẩm có những chi tiết quan trọng mà bạn có thể muốn hình dung (ví dụ: nếu bạn bán đồ trang sức hoặc tranh vẽ). Chọn kích thước hình ảnh lớn để khách hàng có thể chiêm ngưỡng những sản phẩm và bức ảnh đẹp của bạn.

Nếu bạn bán một loại sản phẩm với số lượng lớn (chẳng hạn như 200 chiếc thắt lưng da với nhiều màu sắc khác nhau), hãy sử dụng những hình ảnh nhỏ hơn. Cửa hàng của bạn sẽ hiển thị rất nhiều sản phẩm trên màn hình và khách hàng của bạn sẽ bị ấn tượng bởi sự lựa chọn đó.

Kích thước hình ảnh nhỏ, vừa và lớn cho hình ảnh sản phẩm

2. Tối ưu hóa tỷ lệ khung hình hình ảnh cho kích thước sản phẩm của bạn

Bạn có bán lòng bàn tay không? Hoặc có thể chân dài người mẫu giới thiệu áo khoác thiết kế của bạn? Cả hai sẽ trông tuyệt vời trong hình ảnh dọc.

Tỷ lệ ngang phù hợp với nhiều sản phẩm - chẳng hạn như giày, ghế sofa hoặc thanh dinh dưỡng.

Đối với các vật thể hình tròn (hoặc khi nghi ngờ), hãy sử dụng hình ảnh hình vuông, chúng luôn trông đẹp mắt.

Hình ảnh dọc, ngang và vuông

Nếu bạn muốn nhấn mạnh hình ảnh sản phẩm và làm nổi bật chúng trên nền cửa hàng, hãy chọn “Làm tối nền hình ảnh”.

3. Chọn thông tin sản phẩm sẽ hiển thị trên mặt tiền cửa hàng

Tương tự như ảnh sản phẩm, bạn có thể chọn từ nhiều tùy chọn thiết kế cho các thành phần khác của mặt tiền cửa hàng: tên sản phẩm, tiêu đề, giá cả, SKU, nút “Mua”. Quyết định cách hiển thị từng mục — dưới hình ảnh sản phẩm hoặc khi di chuột.

Hiển thị các thành phần dưới hình ảnh sản phẩm, khi di chuột hoặc ẩn chúng

Nếu bạn chọn đặt thông tin dưới ảnh sản phẩm, bạn có thể đặt bố cục. Căn chỉnh nội dung của bạn sang trái, phải, giữa hoặc căn đều nội dung đó - bạn có thể tự do tạo ra giao diện mà bạn thích nhất.

Bố cục khác nhau của các thành phần (tên sản phẩm và giá)

Cũng có thể ẩn các phần tử. Ẩn tất cả chúng để làm cho mặt tiền cửa hàng của bạn trông giống một cuốn lookbook. Bằng cách nhấp vào bất kỳ hình ảnh sản phẩm nào, khách hàng của bạn sẽ đi đến trang sản phẩm.

Chọn hiển thị thêm hình ảnh sản phẩm nếu muốn hiển thị chi tiết hơn. Ecwid sẽ hiển thị hình ảnh đầu tiên từ thư viện ảnh sản phẩm khi di chuột.

Bổ sung hình ảnh sản phẩm khi di chuột

Những cài đặt mới này tạo ra vô số biến thể thiết kế cho giao diện mặt tiền cửa hàng của bạn.

4. Thiết kế danh mục cửa hàng của bạn

Bạn sẽ tìm thấy các tùy chọn để thiết lập giao diện cho danh mục của mình. Cho dù bạn có ảnh, biểu tượng hay logo thương hiệu cho ảnh danh mục của mình, Ecwid đều có các tùy chọn thiết kế để khiến chúng trông thật bắt mắt.

Tên danh mục dưới ảnh, trên ảnh, khi di chuột và ẩn

Tối ưu hóa trang sản phẩm để chuyển đổi

Giờ đây, bạn có thể sắp xếp thông tin trên các trang sản phẩm của mình theo nhiều cách khác nhau, tùy thuộc vào cách nào phù hợp nhất với khách hàng của bạn. Mỗi lựa chọn thiết kế được thực hiện theo tốt nhất thương mại điện tử thực hành để tăng chuyển đổi.

1. Chọn bố cục trang sản phẩm

Có bốn tùy chọn mới để sắp xếp nội dung trên trang sản phẩm của bạn.

Thu hút sự chú ý đến hình ảnh sản phẩm của bạn. Đặt một chất lượng cao Hình ảnh sản phẩm ở phía bên trái trang sản phẩm sẽ khiến nó trở thành điều đầu tiên khách hàng chú ý. Sử dụng 2 cột bố cục có mô tả sản phẩm ở bên phải nếu bạn bán sản phẩm hấp dẫn về mặt hình ảnh và có mô tả sản phẩm ngắn gọn.

Sản phẩm 2 cột bố cục với mô tả sản phẩm ở bên phải

Thêm mô tả chi tiết về sản phẩm. Đối với các sản phẩm như đồ điện tử hoặc dược phẩm, phần mô tả sản phẩm có thể khá dài. Sau đó chọn hai cột bố cục kèm mô tả sản phẩm bên dưới hình ảnh. Ngay cả khi bạn thêm một hướng dẫn dài về cách sử dụng sản phẩm của mình, trang này sẽ trông hài hòa.

Sản phẩm 2 cột bố cục có mô tả sản phẩm bên dưới hình ảnh

Nhấn mạnh các tùy chọn sản phẩm và nút “Thanh toán”. Nếu khách hàng không phải đọc những mô tả dài dòng hoặc xem kỹ thư viện để mua sản phẩm của bạn, hãy chọn hiển thị các tùy chọn sản phẩm bằng nút thanh toán ở bên trái. Giả sử bạn bán cá cảnh nhỏ.

Nút “Thêm vào túi” được lấy nét

Giảm thiểu việc cuộn và mất tập trung. A ba cột bố cục hoạt động nếu bạn muốn trang sản phẩm của mình hiển thị thông tin tối đa mà không cần di chuyển thêm.

các nhỏ gọn 3 cột bố trí

Quý vị cũng có thể chọn bố cục của thư viện ảnh của bạn. Giúp khách hàng cảm nhận được sản phẩm của bạn bằng bộ sưu tập ảnh hấp dẫn. Chọn bố cục cho hình thu nhỏ của hình ảnh trong thư viện của bạn (dọc hoặc ngang) hoặc hiển thị hình ảnh thôi miên của bạn ở kích thước đầy đủ. Bạn hiển thị càng nhiều chế độ xem xen kẽ và chi tiết thì càng tốt.

Tùy chọn bố cục thư viện ảnh

3. Chọn thông tin sản phẩm hiển thị ở sidebar

Trang sản phẩm chuyển đổi cung cấp đủ thông tin sản phẩm trong khi vẫn giữ nó đơn giản. Trong Ecwid, bạn có thể ẩn các thành phần (như SKU, tùy chọn sản phẩm, nút chia sẻ) nếu bạn không cần chúng để khách hàng không bị phân tâm khi đi đến giỏ hàng.

Phần tốt nhất là bạn có thể kéo từng phần tử và sắp xếp chúng theo bất kỳ thứ tự nào. Thử nghiệm nhiều cách mới để tối ưu hóa trang sản phẩm của bạn cho chuyển đổi.

Cài đặt thanh bên linh hoạt

Thay đổi điều hướng và màu sắc mặt tiền cửa hàng của bạn

Có thêm một số cài đặt mặt tiền cửa hàng được bật theo mặc định để giúp khách hàng điều hướng cửa hàng của bạn. Bạn có thể tắt bất kỳ cái nào trong số chúng bất cứ khi nào bạn muốn.

Nếu bạn chuyển từ phiên bản mặt tiền cửa hàng cũ hơn, các cài đặt này sẽ di chuyển sang mặt tiền cửa hàng mới như trước đây.

Chế độ thích ứng màu. Nếu bạn cài đặt cửa hàng trực tuyến Ecwid trên trang web của mình, màu sắc của cửa hàng sẽ tự động khớp với chủ đề trang web của bạn. Cửa hàng của bạn sẽ trông giống như một phần tự nhiên của trang web của bạn.

Menu chân trang và đường dẫn giúp khách hàng duyệt qua cửa hàng của bạn nhanh hơn và tránh bị lạc.

Sản phẩm đăng nhập liên kết này cho phép khách hàng đăng nhập vào hồ sơ của họ để xem đơn đặt hàng và sử dụng danh sách mong muốn.

Tùy chọn “Sắp xếp theo” cho phép khách hàng sắp xếp sản phẩm của bạn theo giá, tên và các điều kiện khác.

Những cách khác để thay đổi thiết kế cửa hàng Ecwid của bạn

Cài đặt thiết kế mới bao gồm các trường hợp sử dụng phổ biến nhất. Nếu bạn muốn thay đổi cửa hàng của mình theo cách khác:

Nếu bạn cần một chủ đề tùy chỉnh cho cửa hàng của mình mà không cần mã hóa, hãy thử thiết kế ứng dụng từ Chợ ứng dụng Ecwid (có sẵn trên các gói Ecwid trả phí, áp dụng giá ứng dụng).
Tạo chủ đề CSS tùy chỉnh (một bộ quy tắc xác định giao diện của mọi thành phần trong cửa hàng, như kích thước, hình dạng hoặc màu sắc). Tạo chủ đề CSS đòi hỏi kiến thức công nghệ nhất định. có một hướng dẫn về các chủ đề CSS trong Cơ sở Kiến thức Ecwid giải thích cách tạo chủ đề CSS của riêng bạn và hướng dẫn thay đổi các yếu tố cụ thể. Bạn luôn có thể yêu cầu nhóm chăm sóc khách hàng của Ecwid trợ giúp hoặc yêu cầu phát triển tùy chỉnh chủ đề CSS của riêng bạn.
Dành cho nhà phát triển: Sử dụng API Javascript của Ecwid để mở rộng các tính năng của cửa hàng Ecwid. Bạn có thể xây dựng một chủ đề CSS hoặc một ứng dụng mới và bán nó trên Chợ ứng dụng Ecwid. API Javascript Ecwid cho phép bạn thay đổi hoàn toàn giao diện cửa hàng, mang lại những thay đổi sâu sắc như bạn cần. Nếu bạn đã sẵn sàng để bắt đầu, xin vui lòng đăng ký trên trang của chúng tôi dành cho nhà phát triển.

Nhận một trang web miễn phí cho cửa hàng trực tuyến của bạn

Cửa hàng Ecwid của bạn trông rất tuyệt nhưng bạn không có trang web để bán hàng?

Trang web tức thì là công cụ xây dựng trang web miễn phí mà Ecwid cung cấp khi bạn tạo tài khoản Ecwid. Điều này được thực hiện để giúp bạn nhanh chóng bắt đầu bán hàng trực tuyến trên một trang web gọn gàng và kiếm lợi nhuận ngay lập tức để phát triển doanh nghiệp của mình.

Nói về thiết kế, Instant Site được xây dựng bằng làm sẵn các khối (ảnh bìa, logo, cửa hàng trực tuyến, phần “Giới thiệu về chúng tôi”, phản hồi của khách hàng và địa chỉ liên hệ) mà bạn có thể bật, tắt và tùy chỉnh.

Nếu bạn cần tùy chỉnh Trang web tức thì của mình, bạn sẽ gọi cho ai? Vâng, không có ai! Bạn có thể chỉnh sửa toàn bộ trang web mà không cần kiến thức đặc biệt, sử dụng máy tính để bàn hoặc thậm chí thông qua ứng dụng quản lý cửa hàng Ecwid Mobile dành cho iOS.

Xây dựng Trang web tức thì miễn phí của bạn ngay hôm nay sử dụng bước-by-step hướng dẫn.