Giới hạn của trang checkout trên nền tảng Shopify

Byadmin

Trong quá trình làm việc với các website bán hàng trên nền tảng Shopify, chúng tôi nhận được rất nhiều yêu cầu liên quan đến trang checkout (trang thanh toán). Một số yêu cầu phổ biến là:

  • Chỉnh sửa giao diện, bố cục của trang
  • Chỉnh sửa đường dẫn của trang
  • Thêm hoặc xoá các trường thông tin (field)

Tuy nhiên, hầu hết các yêu cầu này đều không thể thực hiện do giới hạn của Shopify. Nếu bạn thử tìm kiếm các website khác trên nền tảng này, bạn sẽ thấy tất cả các trang checkout đều tương tự nhau, không có khác biệt quá lớn.

Ở bài viết này, mình sẽ làm rõ một số giới hạn của trang checkout trên nền Shopify. Ngoài ra, mình cũng sẽ đề cập tới nhưng phần mà bạn có thể tuỳ chỉnh trên trang này.

Bài viết này sẽ chỉ hướng tới đối tượng người dùng gói Basic và gói Shopify. Người dùng gói Plus có nhiều lựa chọn tuỳ chỉnh hơn cho trang checkout.

Tại sao Shopify giới hạn khả năng tuỳ chỉnh trang checkout ?

Lí do hàng đầu chính là bảo mật.

Trang checkout sẽ thu thập các thông tin tương đối nhạy cảm liên quan đến cá nhân (họ, tên, số điện thoại, địa chỉ,…) và thanh toán (họ và tên chủ thẻ, thẻ ngân hàng,…). Do đó, Shopify cần duy trì sự kiểm soát chặt chẽ với trang này để tránh để lộ các thông tin trên.

Ngoài ra, bằng việc hạn chế khả năng tuỳ chỉnh trên trang checkout, Shopify có thể bảo vệ bạn khỏi mã độc từ các phần mềm thứ ba.

Mặt khác, việc giới hạn các tuỳ chỉnh trang checkout đối với người dùng gói Basic và gói Shopify, và cho phép người dùng gói Plus tuỳ chỉnh nhiều hơn, chính là cách mà Shopify khuyến khích người dùng của mình nâng cấp lên gói Plus với chi phí cao hơn.

Bạn có thể tuỳ chỉnh gì trên trang checkout ?

Để chỉnh sửa giao diện trang checkout, bạn hãy đăng nhập vào trang quản trị của website. Tiếp đó, hãy chọn Online Store và nhấn Customize ở giao diện bạn muốn chỉnh sửa.

Tiếp đó, hãy chọn Checkout

Dưới đây là danh sách các thiết lập mà Shopify cung cấp cho bạn để chỉnh sửa giao diện trang checkout

Banner

Bạn có thể thay đổi ảnh banner nằm ở đầu trang. Kích thước ảnh được gợi ý là 1000×400 pixel. Hình ảnh sẽ bị crop tuỳ theo kích thước màn hình của người mua hàng. Do đó, bạn nên tránh các hình ảnh chứa nhiều chữ hoặc hình ảnh có thể trông khó hiểu khi bị crop.

Logo

Shopify cho phép bạn thay đổi logo, vị trí của logo (trái, giữa hoặc phải) và kích thước của logo (nhỏ, trung bình và lớn)

Main content area

Tại đây, bạn có thể chỉnh sửa giao diện của cột bên trái trên trang checkout. Các tuỳ chọn bao gồm:

  • Background image: Ảnh nền
  • Background color: Màu nền
  • Form fields: Giao diện của các ô nhập nội dung

Order summary

Ngược lại với phần trên, tại đây, bạn có thể chỉnh sửa giao diện của cột bên phải. Các tuỳ chọn bao gồm:

  • Background image: Ảnh nền
  • Background color: Màu nền

Typography

Shopify cung cấp cho bạn 2 tuỳ chọn để bạn chỉnh sửa phông chữ trên trang checkout, bao gồm

  • Headings: Phông chữ của các đề mục (Ví dụ: Contact information, Shipping address,…). Bạn có thể chọn System để dùng phông chữ mặc định.
  • Body: Phông chữ chung trên trang checkout. Bạn có thể chọn System để dùng phông chữ mặc định.

Colors

  • Accents: Màu sắc của đường dẫn, phần chữ highlight và dấu tích
  • Buttons: Màu sắc của button
  • Errors: Màu sắc của chữ thông báo và ô nhập đang bị lỗi

Ngoài ra, Shopify cũng cung cấp cho bạn các lựa chọn tuỳ chỉnh khác liên quan đến nội dung form thanh toán. Bạn có thể vào trang admin, chọn Settings và chọn tiếp Checkout để xem các tuỳ chỉnh này

Chi tiết về các tuỳ chọn ở trang này bạn có thể tìm hiểu tại đây. Trong phạm vi bài viết này, mình sẽ chỉ đề cập đến 4 tuỳ chọn phổ biến nhất. Đó là

  • Full name: Bắt buộc khách hàng họ và tên hoặc chỉ bắt buộc nhập tên.
  • Company name: Ẩn/hiện ô nhập tên công ty trên trang checkout.
  • Address line 2 (apartment, unit, etc.): Ẩn/hiện ô nhập địa chỉ 2 trên trang checkout.
  • Shipping address phone number: Ẩn/hiện ô nhập số điện thoại trên trang checkout.

Bạn không thể tuỳ chỉnh gì trên trang checkout ?

Ngoài các tuỳ chọn ở trên, việc tuỳ chỉnh giao diện và nội dung của trang checkout khá phức tạp, thậm chí là bất khả thi trong nhiều trường hợp.

Cụ thể

  • Bố cục tổng thể của trang checkout.
  • Chỉnh sửa phần đầu của trang: thêm ảnh, thêm chữ,..
  • Các bước thanh toán, danh sách các field và các field bắt buộc.
  • Bổ sung thêm hình ảnh, chữ ở cột bên phải
  • Chuyển đổi thành “single-page” checkout (thanh toán trên một trang)
  • …

Nhìn chung, giao diện và tính năng của trang checkout có thể đáp ứng được yêu cầu của đa số website bán hàng phổ thông. Nếu bạn có mong muốn tối ưu trang checkout nhiều hơn nữa, bạn sẽ cần sự trợ giúp của các Shopify app và lập trình viên.