Đừng Suy Nghĩ Quá Nhiều – Cửa Hàng Trực Tuyến Của Bạn Không Nhất Thiết Phải Là Cơn Ác Mộng
Bạn muốn bán đồ trực tuyến, nhưng mỗi lần tìm hiểu cách xây dựng trang thương mại điện tử (ecommerce site), bạn lại chìm trong mớ thuật ngữ chuyên ngành và nhìn chằm chằm vào màn hình trống. Hít thở sâu. Thiết lập một cửa hàng hiển thị đẹp trên mọi thiết bị không phải là khoa học tên lửa, và bạn chắc chắn không cần bằng khoa học máy tính. Hãy cùng bàn luận như hai người bạn trò chuyện bên tách cà phê.
Người hàng xóm Kevin của tôi đã dành ba tháng cố gắng xây dựng trang thương mại điện tử từ đầu bằng mã thô. Anh ấy có một tầm nhìn tuyệt đẹp về quy trình thanh toán hoàn toàn tùy chỉnh. Ba tháng sau, trang của anh hỏng trên iPhone, anh quên thêm biểu tượng giỏ hàng, và con mèo đi ngang bàn phím xóa mất một nửa CSS. Bây giờ anh điều hành một cửa hàng nến thành công trên Shopify và đùa rằng giai đoạn “từ đầu” của mình là một dự án nghệ thuật đắt đỏ. Câu chuyện của Kevin không hiếm gặp, nhưng tin tốt là bạn có thể bỏ qua đau khổ đó.
Trước tiên, hãy rõ một điều: thiết lập website responsive (thiết kế đáp ứng) không còn là một tính năng có thì tốt nữa. Khi một nửa lưu lượng truy cập của bạn đang lướt điện thoại một cách thư thả trong lúc bỏ mặc một bộ phim, bạn cần một trang thương mại điện tử thân thiện với di động ngay từ ngày đầu. Responsive chỉ có nghĩa là trang web của bạn chuyển đổi linh hoạt một cách uyển chuyển – các cột xếp chồng, hình ảnh thay đổi kích thước, các nút trở nên thân thiện với ngón tay cái. Hầu hết các nền tảng tự động xử lý điều này, nhưng bạn vẫn cần đưa ra những lựa chọn thông minh trong quá trình thiết lập nền tảng thương mại điện tử để tránh những khoảnh khắc khó chịu khi văn bản tràn ra khỏi màn hình.
Nếu bạn bắt đầu mới, tôi sẽ hướng bạn đến một giải pháp lưu trữ (hosted). Không có một nền tảng thương mại điện tử tốt nhất duy nhất cho tất cả mọi người, nhưng những cái tên nặng ký như Shopify, Squarespace và WooCommerce đều có điểm mạnh riêng. Shopify giống như thuê một căn hộ đầy đủ nội thất – bạn chọn một theme, chỉnh màu sắc, thêm sản phẩm, và về cơ bản là bạn đã sẵn sàng mở cửa hàng. Nó tích hợp hosting, bảo mật và một framework thiết kế responsive, nghĩa là bạn có thể tạo cửa hàng trực tuyến responsive mà không cần đụng đến một dòng code. Squarespace cũng thân thiện với nhà thiết kế, với các template tuyệt đẹp trông ấn tượng trên di động ngay khi vừa dùng. WooCommerce, ngược lại, giống như sở hữu một ngôi nhà – bạn có toàn quyền kiểm soát nhưng cũng phải lo cả hệ thống ống nước. Bạn sẽ cần chọn một theme WordPress responsive và có thể theo dõi một hướng dẫn thiết kế web responsive (responsive web design tutorial) để đảm bảo mọi thứ không bị lệch lạc trên máy tính bảng. Sự đánh đổi là tính linh hoạt.
Đây là điều không ai nói với bạn về quá trình thiết lập nền tảng thương mại điện tử: ban đầu càng ít tùy chỉnh, bạn càng ra mắt nhanh hơn. Hãy chọn một theme đã chuẩn chỉnh trên di động, sau đó từ từ biến nó thành của riêng bạn. Khi tôi giúp bạn Maria của tôi thiết lập cửa hàng thương mại điện tử cho cốc sứ của cô ấy, cô ấy ám ảnh về việc có một slider trang chủ độc đáo. Cuối cùng nó mất nhiều tuần và tải rất chậm trên di động. Chúng tôi thay nó bằng một ảnh hero (ảnh chính) sạch sẽ duy nhất, và doanh số của cô ấy đã tăng gấp đôi – theo đúng nghĩa đen. Mọi người không quan tâm đến các hiệu ứng chuyển động hào nhoáng; họ quan tâm đến việc nhìn thấy sản phẩm rõ ràng và thanh toán một cách trơn tru. Đó chính là cốt lõi của một trang thương mại điện tử thân thiện với di động tốt.
Bây giờ, nếu bạn quyết tâm đi theo hướng tùy chỉnh và muốn có một hướng dẫn phát triển website thương mại điện tử đầy đủ, hãy bắt đầu với nguyên tắc nền tảng: thiết kế cho màn hình nhỏ nhất trước. Viết HTML của bạn sao cho nó vẫn có ý nghĩa ngay cả khi chưa có CSS. Sau đó, thêm các lớp phong cách bằng cách sử dụng CSS media queries để thích ứng lên các màn hình lớn hơn.