Thiết kế nói lên nhiá»u Ä‘iá»u cho má»™t
ºÚÁÏÃÅ 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 để
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 ºÚÁÏÃÅ, để bạn có thể Ä‘Æ°a ra
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 trong bảng Ä‘iá»u khiển ºÚÁÏÃÅ 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 .
![Phần má»›i trong bảng Ä‘iá»u khiển ºÚÁÏÃÅ](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-desing-2-1524574378-1024x310.png)
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 ºÚÁÏÃÅ 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
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
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 đó.
![Thiết kế hình ảnh sản phẩm trong ºÚÁÏÃÅ](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-8-1524574356.gif)
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ể
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 sản phẩm dá»c, ngang và vuông](https://don16obqbay2c.cloudfront.net/wp-content/uploads/GIFMaker.org_2SrMTw-1524576477.gif)
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.
![Thiết kế hình ảnh sản phẩm trong ºÚÁÏÃÅ](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-9-1524574358.jpg)
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ố cục khác nhau của các thà nh phần (tên sản phẩm và giá. Bố cục khác nhau của các thà nh phần](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-7-1524574354.png)
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. ºÚÁÏÃÅ 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](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-3-1524574375.gif)
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, ºÚÁÏÃÅ Ä‘á»u có các tùy chá»n thiết kế để khiến chúng trông tháºt bắt mắt.
![Thiết kế hình ảnh danh mục sản phẩm](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-10-1524574360.gif)
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
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
![Tối ưu hóa trang sản phẩm](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-11-1524574362.png)
Sản phẩm
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
![Tối ưu hóa trang sản phẩm 2](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-1-1524574373.png)
Sản phẩm
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á».
![Tối ưu hóa trang sản phẩm 3](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-5-1524574377.png)
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
![Tối ưu hóa trang sản phẩm 4](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-14-1524574370-1024x302.png)
các nhá» gá»n
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](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-2-1524574349.gif)
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 ºÚÁÏÃÅ, 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.
![Tối ưu hóa trang sản phẩm 5](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-12-1524574365.gif)
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 ºÚÁÏÃÅ 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
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 ºÚÁÏÃÅ 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á» (có sẵn trên các gói ºÚÁÏÃÅ 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 giải thÃch cách tạo chủ Ä‘á» CSS của riêng bạn và . Bạn luôn có thể yêu cầu nhóm chăm sóc khách hà ng của ºÚÁÏÃÅ trợ giúp hoặc .
- Dà nh cho nhà phát triển: SỠdụng .
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 ºÚÁÏÃÅ 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à ºÚÁÏÃÅ cung cấp khi bạn tạo tà i khoản ºÚÁÏÃÅ. Ä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
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 ºÚÁÏÃÅ Mobile dà nh cho iOS.
sỠdụng
- Và dụ vá» trang web tức thì ºÚÁÏÊđầy cảm hứng
- Trang web tức thì của ºÚÁÏÃÅ vá»›i các chủ Ä‘á» có sẵn và hÆ¡n 99 tùy chá»n thiết kế
- Cà i đặt thiết kế ºÚÁÏÃÅ má»›i: Hà ng tá tùy chá»n tùy chỉnh, không cần mã hóa
- Cách chá»n mẫu thÆ°Æ¡ng mại Ä‘iện tá» cho trang web của bạn
- HÆ°á»›ng dẫn toà n diện để tùy chỉnh thiết kế cá»a hà ng ºÚÁÏÃÅ của bạn
- Thiết kế trang web thương mại điện tỠmiễn phà của bạn từ đầu
- Là m thế nà o Mẫu cá»a hà ng trá»±c tuyến có thể truy cáºp của ºÚÁÏÃÅ trở thà nh má»™t Ä‘iểm nhấn