App hay code theme? Cách quyết định trên Shopify

Gần như cửa hàng Shopify nào cũng sẽ gặp một yêu cầu tính năng có thể giải theo hai cách: cài một app, hoặc thay đổi theme. Cả hai đều chính đáng. Rắc rối bắt đầu khi app store là điểm dừng đầu tiên và duy nhất. Dưới đây là vài câu hỏi giúp bạn chọn, cùng những thói quen để không con đường nào trở nên tốn kém về sau.

Vì sao lựa chọn này quan trọng

Tài liệu trợ giúp của chính Shopify nêu ba yếu tố ảnh hưởng chính đến tốc độ storefront: theme, các app đã cài và code của bên thứ ba như thẻ theo dõi và tag manager. Tài liệu khuyên merchant cân nhắc xem mỗi app có mang lại đủ giá trị để bù cho cái giá về hiệu năng hay không, và gỡ những app không thiết yếu cho việc bán hàng. Tài liệu cũng chỉ ra điều nhiều người bỏ sót: gỡ cài đặt một app không phải lúc nào cũng xóa code nó để lại trong theme, nên các snippet còn sót có thể tiếp tục tải ngay cả khi app đã biến mất.

Tuy vậy, app không phải kẻ xấu. Một app được làm tốt có thể tiết kiệm nhiều tuần công, xử lý những trường hợp biên mà bạn không bao giờ nghĩ tới, và có người khác lo bảo trì. Câu hỏi là tính năng đó có đáng để đánh đổi như vậy với cửa hàng của bạn không.

Năm câu hỏi nên đặt ra trước

Nó đã là một cài đặt chưa? Các theme hiện đại mở ra rất nhiều thứ qua editor. Hãy kiểm tra theme settings, section settings và các tùy chọn của block trước tiên.
Đó là nội dung chứ không phải hành vi? Bảng size, hướng dẫn bảo quản, badge và danh sách thông số thường nên lưu trong metafield và hiển thị qua một section hoặc block. Hướng dẫn theme của Shopify gợi ý chọn các metafield chuẩn phù hợp với khách hàng của bạn và hiển thị chúng bằng các block chuyên dụng. Khi đó merchant có thể chỉnh sửa mà không cần developer.
Nó có cần dữ liệu hoặc logic mà bạn không thể tự tái tạo? Đăng ký định kỳ, điểm thưởng, đánh giá có kiểm duyệt và các quy tắc vận chuyển hay tồn kho phức tạp là địa hạt phù hợp của app. Tự viết và bảo trì những thứ này hiếm khi đáng.
Nó có làm thay đổi những gì khách thấy trên hầu hết các trang không? Tính năng tải script ở khắp nơi đáng được xem xét kỹ hơn so với tính năng chỉ xuất hiện ở một chỗ.
Một năm nữa ai sẽ bảo trì nó? App có nhà cung cấp. Code tùy chỉnh thì có bất kỳ ai đang trực. Hãy thành thật xem bạn có thể trông cậy vào bên nào.

Nếu bạn chọn app

Hãy xem nó gắn vào theme của bạn bằng cách nào. Hướng dẫn của Shopify dành cho người làm app khuyến nghị dùng theme app extension, giúp tránh phải sửa code theme nên giảm nguy cơ hỏng, và app embed block, cho phép app chỉ tải script trên những trang cần. Với tư cách người mua, điều đó có nghĩa là ưu tiên các app xuất hiện dưới dạng block hoặc embed trong editor hơn những app yêu cầu bạn dán snippet vào file theme.

Cũng nên biết Shopify đánh giá app thế nào trong quy trình review của chính họ. Với các app ảnh hưởng đến storefront, Shopify so sánh điểm hiệu năng Lighthouse trước và sau khi cài, dùng trung bình có trọng số trên ba loại trang: 17 phần trăm cho trang chủ, 40 phần trăm cho trang sản phẩm và 43 phần trăm cho trang collection. Bạn có thể mượn phương pháp này. Chạy cùng ba trang đó qua PageSpeed Insights trên mobile trước khi cài app, lặp lại sau khi app đã được cấu hình, và lấy trung bình nhiều lần chạy, vì điểm Lighthouse thay đổi giữa các lần thử.

Nếu bạn chọn code theme

Code tùy chỉnh không tự động nhanh hơn hay tốt hơn. Nó phải được viết cẩn thận và phải sống sót qua các lần cập nhật theme. Một bài của Shopify Growth Services về tùy biến theme Horizon mô tả một mô hình áp dụng được rộng hơn nhiều so với riêng theme đó:

Đưa càng nhiều càng tốt vào theme settings và metafield để merchant có thể điều chỉnh mà không cần deploy.
Giữ style tùy chỉnh trong một stylesheet riêng và dùng các biến mà theme cung cấp, thay vì sửa stylesheet của nhà cung cấp.
Khi một section cần thay đổi, hãy sao chép nó, đặt cho bản sao một tiền tố rõ ràng, chỉ sửa bản sao, rồi trỏ các template của bạn vào đó.
Giữ một bản nguyên vẹn của từng phiên bản từ nhà cung cấp trong version control, với các thay đổi của bạn ở nhánh riêng, và ghi lại mọi chỉnh sửa bất khả kháng lên file của nhà cung cấp để có thể áp dụng lại.
Test trên một bản theme nhân bản, luôn có sẵn một theme để rollback, và theo dõi các funnel chính một hai ngày sau khi publish.

Các tác giả của bài này bán dịch vụ triển khai và các ước tính thời gian là của riêng họ, nên hãy xem các con số một cách tương đối; cấu trúc thì hợp lý.

Một quy tắc ngón tay cái đơn giản

Với cửa hàng nhỏ, chúng tôi gợi ý thứ tự này: cài đặt trước, rồi metafield cùng một block, rồi một section tùy chỉnh nhẹ, và cuối cùng mới đến app khi tính năng cần logic backend thực sự hoặc việc bảo trì liên tục mà bạn không muốn tự gánh. Dù chọn cách nào, hãy ghi lại bạn đã thêm gì và vì sao, để chính bạn sau này hoặc một developer mới có thể gỡ bỏ gọn gàng.

Nếu bạn cần một bàn tay giúp quyết định, hoặc muốn một tính năng được làm thành section gọn gàng thay vì thêm một script, trang dịch vụ của chúng tôi giải thích cách liên hệ, và các theme của chúng tôi là một điểm khởi đầu khả dĩ khi theme hiện tại của cửa hàng mới là trở ngại thật sự.