Hướng dẫn: Thiết kế cửa hàng của bạn

Sau khi thiết lập Quick Shopping Cart®, bạn cần cấu hình một số yếu tố của cửa hàng trực tuyến. Những khu vực này hiển thị dưới dạng các nút liên tiếp trên đầu màn hình và hiển thị dấu kiểm khi bạn hoàn tất mỗi khu vực.

Chúng tôi đã tạo ba nội dung hướng dẫn để giúp bạn tạo cửa hàng trực tuyến của mình. Nội dung đầu tiên hướng dẫn Thiết kế cửa hàng.

Thời gian hoàn tất: 1 giờ.

Ấn tượng đầu tiên của khách hàng thường đến từ thiết kế giao diện cửa hàng của bạn. Giỏ mua hàng nhanh có thể giúp bạn tạo tác động tích cực với một cửa hàng được thiết kế đẹp mắt. Mặc dù Giỏ mua hàng nhanh cung cấp nhiều tùy chọn để tùy chỉnh giao diện của trang, những công cụ này mới là nền tảng cho giao diện cửa hàng của bạn:

  • Mẫu
  • Hình ảnh mẫu
  • Thông tin trên giao diện cửa hàng của bạn
  • Kiểu trang sản phẩm và danh mục

Trong nội dung hướng dẫn này, chúng ta sẽ thiết lập giao diện cửa hàng cho một công ty áo phông. Chúng tôi muốn có cái gì đó tươi sáng và bắt mắt để thu hút sự chú ý của khách hàng.

Thay đổi mẫu cửa hàng của bạn

Trong Giỏ mua hàng nhanh, bạn có thể dễ dàng thay đổi mẫu của mình vào bất kỳ lúc nào. Mẫu mới cho phép bạn thử nghiệm các kết hợp thiết kế và màu sắc khác nhau, có thể thay đổi hoàn toàn giao diện cửa hàng trực tuyến của bạn.

Để thay đổi mẫu

  1. Đăng nhập vào tài khoản GoDaddy của bạn.
  2. Nhấp vào Quick Shopping Cart.
  3. Trên trang Quick Shopping Cart, nhấp vào Quản lý bên cạnh tài khoản Quick Shopping Cart mà bạn muốn sửa đổi.
  4. Nhấp vào tab Mẫu.
  5. Không bắt buộc: Từ menu Xem trước, chọn trình dựng trang bạn muốn dùng để xem trước mẫu mới.
  6. Không bắt buộc: Từ menu Sắp xếp, chọn Ngày để xem các mẫu được tạo gần đây. Chọn Tên để xem các mẫu theo thứ tự bảng chữ cái.
  7. Trong tab Thư viện mẫu, di chuột qua mẫu mà bạn muốn sử dụng.
  8. Chọn những trình dựng trang mà bạn muốn áp dụng mẫu đó, sau đó nhấp vào Áp dụng.
  9. Để bắt đầu thao tác với cửa hàng, từ khu vực Cửa hàng của tôi, di chuột qua mẫu của bạn, sau đó nhấp vào Thao tác với cửa hàng

Để xem các mẫu đang áp dụng hiển thị trực tiếp trên Internet, vào tab Mẫu của tôi.

Thay đổi hình ảnh của mẫu cho cửa hàng

Tất cả các mẫu trong Giỏ mua hàng nhanh đều có một tập hợp hình ảnh mặc định, được gọi là Hình ảnh mẫu. Nếu những hình ảnh đó không phù hợp với giao diện của cửa hàng, bạn có thể thay đổi. Giống như các tùy chọn đa phương tiện khác, Hình ảnh mẫu của bạn sẽ sử dụng Thư viện phương tiện. Để biết thêm thông tin, xem Sử dụng Thư viện phương tiện.

Thay vì sử dụng Hình ảnh mẫu mặc định là anh chàng nhún nhảy, chúng ta có thể dùng hình ảnh riêng là ảnh áo phông đang treo trên giá.

hình thu nhỏ

Để thay đổi hình ảnh mẫu

  1. Đăng nhập vào tài khoản GoDaddy của bạn.
  2. Nhấp vào Quick Shopping Cart.
  3. Trên trang Quick Shopping Cart, nhấp vào Quản lý bên cạnh tài khoản Quick Shopping Cart mà bạn muốn sửa đổi.
  4. Từ menu Thiết lập, trong phần Thiết kế, chọn Hình ảnh mẫu.

    Đối với giao diện cửa hàng của công ty áo phông, chúng ta cần thay thế hình ảnh anh chàng nhún nhảy, đó là Hình 2.

    hình thu nhỏ

  5. Chọn hình ảnh bạn muốn thay đổi, sau đó nhấp vào Thay đổi hình ảnh.
  6. Để tải lên hình ảnh, vào tab Thêm hình ảnh và nhấp vào Duyệt. Tìm và chọn hình ảnh, sau đó nhấp vào Tải lên.

    Lưu ý: Nếu bạn đã tải lên hình ảnh bạn muốn sử dụng, hãy chọn hình thu nhỏ trong Thư viện.

  7. Từ tab Hình ảnh của tôi, chọn hình ảnh bạn muốn thêm vào mẫu.
  8. Nhấp OK.
  9. Để thay đổi cách hiển thị hình ảnh, trong danh sách Chọn định dạng, chọn một trong các tùy chọn sau:

    Lưu ý: Không gian có sẵn hiển thị bên dưới hình thu nhỏ. Hãy tận dụng thông tin này khi chọn tùy chọn định dạng:

    • Nguyên gốc — Giữ nguyên kích thước và định dạng gốc của hình ảnh.
    • Chỉnh kích thước cho vừa — Điều chỉnh kích thước hình ảnh cho bằng hoặc nhỏ hơn kích thước ban đầu trong khi vẫn giữ nguyên tỉ lệ khung hình.
    • Kéo giãn cho vừa — Điều chỉnh kích thước hình ảnh đến kích thước bằng với hình ảnh gốc, bỏ qua tỷ lệ khung hình.
    • Xếp hình ảnh — Xếp hình ảnh theo chiều ngang và chiều dọc trong không gian được phân bổ.
    • Xếp theo chiều ngang - Xếp một hàng hình ảnh theo chiều ngang. Cách thức căn chỉnh dọc phụ thuộc vào mẫu.
    • Xếp theo chiều dọc — Xếp một cột hình ảnh theo chiều dọc. Cách thức căn chỉnh ngang phụ thuộc vào mẫu.
    • Chỉnh kích thước và cắt - Duy trì tỷ lệ khung hình trong khi điều chỉnh tăng hoặc giảm kích thước hình ảnh tùy thuộc vào không gian có sẵn cho hình ảnh trong mẫu. Khi một chiều ảnh đã khớp và chiều kia khớp hoặc vượt quá không gian có sẵn, hình ảnh đó sẽ được cắt từ giữa để bằng với kích thước của không gian có sẵn.
  10. Để sử dụng hình ảnh mẫu mặc định, nhấp vào Chuyển lại về hình ảnh ban đầu.
  11. Để không hiển thị ảnh nào, nhấp vào Xóa hình ảnh.
  12. Nhấp vào OK để lưu thay đổi.

    hình thu nhỏ

    Trong ví dụ về cửa hàng áo phông, cửa hàng của chúng ta giờ đây sẽ có hình ảnh áo phông treo trên giá thay vì hình ảnh anh chàng đang nghe nhạc.
  13. Nhấp vào Xem trước để xem giao diện trang khi bạn đăng tải.

Lưu ý: Các thay đổi bạn thực hiện sẽ không hiển thị trên Internet cho đến khi bạn công bố giao diện cửa hàng của mình. Để biết thêm thông tin, xem

.

Cấu hình thông tin trên giao diện cửa hàng

Khi bạn đã chọn mẫu, bạn cần cung cấp thông tin về doanh nghiệp của mình cho khách hàng. Thông tin bạn cung cấp sẽ hiển thị trên giao diện cửa hàng của bạn.

Để cấu hình thông tin giao diện cửa hàng

  1. Đăng nhập vào tài khoản GoDaddy của bạn.
  2. Nhấp vào Quick Shopping Cart.
  3. Trong danh sách Quick Shopping Cart, nhấp vào Quản lý bên cạnh tài khoản Quick Shopping Cart mà bạn muốn sửa đổi.
  4. Từ menu Thiết lập, trong phần Thông tin doanh nghiệp, nhấp vào Tên, logo, thông tin liên hệ.
  5. Điền thông tin về công ty bạn vào các trường này.

Đây là thông tin về công ty áo phông để làm ví dụ. Bạn sẽ điền thông tin của công ty bạn vào các trường này:

  • Tên công ty — So Many Shirts!
  • Khẩu hiệu — Chúng tôi bán rất nhiều áo!
  • Địa chỉ — 123 Test St., Phoenix, AZ 85001
  • Số điện thoại chính — (321) 555-4444
  • Số điện thoại phụ — (321) 777-6666
  • Địa chỉ email — example@secureserver.net
  • Năm đăng ký bản quyền — 2011
  • Favicon — Favicon hiển thị bên cạnh URL của trang trong trình duyệt web. Khi khách truy cập đánh dấu trang của bạn, biểu tượng này sẽ hiển thị bên cạnh liên kết.

    hình thu nhỏ

  • Logo
    hình thu nhỏ
  • Hình ảnh chào mừng
    hình thu nhỏ
  • Hình ảnh hóa đơn 1 và 2

    Hình ảnh hóa đơn hiển thị trên biên lai của khách hàng. Chúng tôi sử dụng logo ở đây, nhưng bạn có thể chọn hình ảnh khác cho cửa hàng của mình.

    Đây là giao diện của cửa hàng áo phông sau khi hoàn thành thông tin này.
    hình thu nhỏ

Chọn kiểu trang sản phẩm và danh mục

Chọn kiểu hiển thị của trang sản phẩm và danh mục là bước cuối cùng trong quá trình thiết kế cơ bản cho giao diện cửa hàng của bạn.

Kiểu trang danh mục
Kiểu trang danh mục xác định cách thức hiển thị của các sản phẩm và danh mục trên trang của bạn.

Kiểu trang sản phẩm
Kiểu trang sản phẩm xác định cách thức hiển thị sản phẩm khi khách hàng nhấp vào sản phẩm để xem thêm thông tin.

Nếu bạn không có thời gian thêm hình ảnh cho từng sản phẩm và danh mục, bạn có thể thêm khung giữ chỗ hình ảnh để hiển thị cho tất cả sản phẩm và danh mục của bạn cho đến khi bạn có thời gian thêm hình ảnh cho từng sản phẩm. Bạn có thể truy cập các hình ảnh này từ menu Thiết lập, phía dưới tùy chọn Thiết kế, bằng cách nhấp vào Hình ảnh sản phẩm mặc định.

Để chọn kiểu trang

  1. Đăng nhập vào tài khoản GoDaddy của bạn.
  2. Nhấp vào Quick Shopping Cart.
  3. Trong danh sách Quick Shopping Cart, nhấp vào Quản lý bên cạnh tài khoản Quick Shopping Cart mà bạn muốn sử dụng.
  4. Từ menu Thiết lập, trong phần Thiết kế, chọn Kiểu trang danh mục hoặc Kiểu trang sản phẩm.
  5. Trong phần Chọn kiểu trang danh mục hoặc Chọn kiểu trang sản phẩm, chọn một kiểu bố cục. Sử dụng menu của trang hoặc mũi tên sang mục tiếp theo màu vàng để xem các kiểu bố cục khác.
  6. Nhấp OK.

Lưu ý: Để xem trước một kiểu trang sản phẩm cụ thể, hãy nhấp vào hình thu nhỏ của kiểu trang đó. Kiểu bố cục hiện tại sẽ hiển thị trong menu Lựa chọn hiện tại.

Đối với ví dụ về áo phông, chúng tôi đã chọn Kiểu trang danh mục "3 cột không viền".

hình thu nhỏ

Vì mỗi chiếc áo sẽ có nhiều tùy chọn đặt hàng, nên chúng tôi đã chọn "Kiểu 2" cho Kiểu trang sản phẩm.
hình thu nhỏ

Sau khi thiết kế giao diện cửa hàng, bạn cần có sản phẩm.

Tiếp tục đến bài viết số hai: Thiết lập sản phẩm.


Bài này có hữu ích không?
Cảm ơn về phản hồi của bạn. Để nói chuyện với một đại diện của dịch vụ khách hàng, vui lòng sử dụng số điện thoại hỗ trợ hoặc tùy chọn trò chuyện ở trên.
Rất vui vì chúng tôi đã giúp được bạn! Chúng tôi có thể làm gì thêm cho bạn?
Rất tiếc về điều đó. Vui lòng cho chúng tôi biết điều gì làm cho bạn bối rối và vì sao giải pháp không khắc phục được vấn đề này.