Biểu mẫu

Kéo Biểu mẫu từ nhóm Nhập liệu (en: Input) của bảng phần tử lên trang. Bảng mở ra có hai thẻ:

Mẫu dựng sẵn — Liên hệ, Đăng ký nhận tin, Đăng ký tư vấn, Góp ý & đánh giá, Đăng ký sự kiện, Yêu cầu báo giá, Ứng tuyển, Địa chỉ đầy đủ, Đặt hàng, Thanh toán (giỏ hàng), hai mẫu đặt lịch (cần app Đặt lịch), các mẫu tài khoản, hoặc Tạo biểu mẫu mới — một hộp thoại hỏi tên và loại, rồi bạn bắt đầu từ đầu; biểu mẫu vừa tạo đứng đầu thẻ Biểu mẫu của trang này từ đó. Biểu mẫu của trang này — đặt lại một biểu mẫu site đã có, lên trang khác hoặc lần thứ hai.

Thẻ nào cũng bấm được, không cần kéo: biểu mẫu vào đúng khung bạn đang chọn, không chọn gì thì xuống cuối trang trong một section riêng. Kéo thì đặt đúng chỗ thả. Mẫu dựng sẵn được tạo trên máy chủ ngay khi thả, nên hộp hiện "chưa liên kết" trong một nhịp rồi mới đổ trường vào — đó không phải lỗi.

Một biểu mẫu thuộc về site, không thuộc về trang. Đặt nó lên ba trang thì cả ba cùng đổ về một chỗ phản hồi, và sửa một lần là cả ba đổi theo.

Trên trang, cả biểu mẫu là một phần tử. Bấm vào bất kỳ ô nào của nó là chọn cả biểu mẫu — đó là thứ bạn kéo, đổi bề rộng, đặt nền; cây Lớp cũng chỉ liệt kê nó thành một dòng. Từng ô chỉ sửa được trong trình dựng biểu mẫu.

Trình dựng biểu mẫu

Bấm đúp vào biểu mẫu trên canvas, hoặc chọn nó rồi bấm Sửa biểu mẫu (en: Edit form). Một hộp thoại lớn mở đè lên trình chỉnh sửa — một trình dựng riêng, chỉ biết về trường và hàng nên kéo thả gọn hơn hẳn. Thanh rail bên trái có sáu mục: Trường · Các bước · Luật · Cài đặt · Xem trước · Phản hồi.

Một dải ngay dưới tiêu đề là danh sách kiểm tra của biểu mẫu, cập nhật ngay khi bạn sửa — bạn biết điều gì sai trước khi bấm Lưu, không phải sau. Mỗi mục là một câu nói rõ vấn đề, và phần lớn có sẵn nút sửa: Thêm chèn trường còn thiếu (biểu mẫu Đánh giá cần trường số sao, Đăng nhập cần email và mật khẩu, Đơn hàng cần một trường liên hệ để biết ai đặt), Thêm nút Gửi khi biểu mẫu chưa có nút gửi, Mở Cài đặt khi biểu mẫu đặt hàng chưa chọn sản phẩm.

Có hai loại mục, và cách phân biệt rất đơn giản: mục nào máy chủ sẽ từ chối thì chặn nút Lưu, còn lại chỉ là lời nhắc. Thiếu trường bắt buộc, hai trường cùng ghi vào một chỗ hay trùng ID trường, một trường gắn vào dữ liệu mà loại biểu mẫu này không cho — những thứ đó làm nút Lưu mờ đi. Chưa có nút Gửi, bật báo email mà chưa địa chỉ nào được xác minh — những thứ đó vẫn lưu được, nhưng biểu mẫu sẽ không làm được việc bạn nghĩ, nên danh sách nói ra. Bạn vẫn Hủy được bất cứ lúc nào, nên không bị kẹt.

• Kéo bằng tay cầm ⠿ hoặc bằng chính thân trường — thân trường chỉ bắt đầu kéo sau vài pixel, nên một cú bấm vẫn chỉ là chọn.
• Chỗ sẽ thả hiện bằng một ô mờ đúng bằng kích thước trường sẽ chiếm. Thả vào nửa trên / nửa dưới một trường là đặt lên trên hay xuống dưới; thả vào một phần ba mép trái/phải là tách hàng đó thành hai–ba cột. Không có chỗ hợp lệ thì không vẽ gì cả.
• Trên khổ Điện thoại, một hàng hai cột xếp dọc — đó là mặc định, và với hàng đã dựng ở khổ máy tính thì cứ để vậy. Muốn hai trường nằm cạnh nhau trên điện thoại thì chuyển sang khổ Điện thoại rồi kéo trường này đặt cạnh trường kia: hàng vừa tạo nằm ngang ngay ở khổ đó, khổ máy tính không đổi. Kéo thêm trường vào một hàng đã có thì hàng giữ nguyên cách xếp của nó; đổi cách xếp của hàng bằng ⌘↑ chọn hàng rồi Bố cục → Hướng.
• Trường đang chọn có hai tay nắm ở mép — kéo để chỉnh tỉ lệ cột, bám lưới 12 phần.
• ⌘↑ chọn phần tử cha. Từ một trường nằm trong hàng, nó ra chính hàng đó — hàng có thanh công cụ riêng, và tỉ lệ cột với khoảng cách của hàng nằm ở đó.
• Nút mắt trên thanh công cụ ẩn trường ở khổ màn hình đang xem. Trong trình dựng trường vẫn nằm nguyên chỗ, chỉ mờ đi — ẩn nhầm mà nó biến mất hẳn thì không còn gì để bấm cho hiện lại. Ở Xem trước và trên trang thật thì nó thực sự không có.
• Bấm một trường là bảng thuộc tính bên phải hiện nội dung của nó. Thẻ Chung là những gì khách nhìn thấy (nhãn, placeholder, bắt buộc…). Thẻ Nâng cao mở đầu bằng ID trường — tên cột trong file xuất và khoá mọi tích hợp gọi tới — rồi tới cách trường phải được trả lời, khoảng cách, ẩn/hiện theo khổ, và ô Class cho ai tự viết CSS. Chỗ nào cần giải thích có dấu ? cạnh nhãn.

Vài chỗ đáng biết:

• Trường chữ có ô Kiểu nhập: Văn bản · Email · Số điện thoại · Đường dẫn. Nó đổi bàn phím điện thoại mở ra, và với Email/Đường dẫn thì máy chủ từ chối câu trả lời sai định dạng — không chỉ trình duyệt. Số điện thoại cố ý không bị kiểm: số hợp lệ ở mỗi nước một khác, và từ chối nhầm một số thật là mất một đơn hàng.
• Muốn kiểm số điện thoại thì tự bật: hàng Định dạng trong thẻ Nâng cao có Số điện thoại, và ngay dưới nó hiện hàng Quốc gia — chọn một hay nhiều nước. Số hợp lệ khi khớp bất kỳ nước đã chọn, viết dạng +mã vùng (+84912…) hoặc dạng trong nước (0912…); số nước khác bị từ chối, nên chỉ chọn nước bạn thật sự bán tới. Chưa chọn nước nào thì ô này chưa kiểm gì. Cùng hàng đó còn có Chỉ số, Chỉ chữ, Mã bưu chính, và Tùy chỉnh cho ai tự viết biểu thức.
• Trường lựa chọn (radio, checkbox, select) sửa danh sách tùy chọn tại chỗ; Sửa hàng loạt mở một thẻ để dán mỗi dòng một tùy chọn — tối đa 100. Radio và checkbox xếp được 1–3 cột.
• Trường lựa chọn còn có thể lấy tùy chọn từ cửa hàng thay vì gõ tay: dòng Nguồn (en: Source) có Tự nhập, Sản phẩm, Danh mục, Bài viết, Thương hiệu và Thẻ sản phẩm. Thương hiệu liệt kê thương hiệu của các sản phẩm trang đang hiển thị; Thẻ sản phẩm liệt kê mỗi thẻ của các sản phẩm đó một lần — thẻ được tách và loại trùng, nên nếu một sản phẩm có Mới, Giảm giá và sản phẩm khác có Mới, bạn có hai tùy chọn, không phải ba. Nguồn Bài viết giờ hiện bài viết thật trên trang đã xuất bản, không chỉ trên canvas.
• Trường tải tệp chọn được nhiều loại tệp cùng lúc (Ảnh, Video, PDF).
• Nhóm có công tắc ở tiêu đề (Biểu tượng, Giới hạn ký tự…) là nhóm tắt gọn: bật lên mới thấy các ô bên trong.

Lưu lưu rồi đóng; Hủy, Esc hay bấm ra ngoài đều hỏi lại nếu còn thay đổi chưa lưu. Không có cửa thứ ba tự lưu hộ. ⌘ Z hoàn tác ngay trong hộp thoại.

Định dạng câu trả lời

Thẻ Nâng cao của một trường chữ có nhóm Định dạng:

Không kiểm · Chỉ số · Chỉ chữ · Số điện thoại Việt Nam · Mã bưu chính · Tùy chỉnh

Đây không phải ý kiến thứ hai về email — Kiểu nhập đã lo email và đường dẫn. Nhóm này là chỗ đặt những luật mà nền tảng từ chối tự đặt hộ bạn: bạn bật lên khi bạn, chứ không phải chúng tôi, biết một lần từ chối nhầm sẽ mất gì. Vì thế có riêng Số điện thoại Việt Nam chứ không có "số điện thoại" chung chung: một luật số điện thoại chỉ dùng được khi nói rõ nó cho nước nào.

Ba điều đáng biết:

• Máy chủ kiểm lại. Trình duyệt kiểm để khách sửa ngay tại chỗ, thấy "Chưa đúng định dạng của ô này" cạnh ô vừa gõ; nhưng trang là nơi khách sửa được mọi thứ, nên câu trả lời sai còn bị từ chối lần nữa ở máy chủ. Một luật đặt ở đây là luật thật, không phải lời nhắc.
• Luật chỉ chạy khi có gì để kiểm: ô để trống không "sai định dạng". Bắt buộc hay không vẫn là công tắc Bắt buộc — hai việc khác nhau, cộng được với nhau.
• Định dạng chỉ nói về hình dạng một câu trả lời. Luật thuộc về cửa hàng — "đặt trước ít nhất hai tiếng" — viết bằng mã của bạn: xem Nối mã của bạn vào biểu mẫu.

Tự viết biểu thức

Chọn Tùy chỉnh thì hiện ô Biểu thức, nhận một regex do bạn viết.

Nó không được neo hộ. Bốn mục dựng sẵn đều neo hai đầu, nên "Chỉ số" thật sự là chỉ số. Biểu thức của bạn giữ nguyên như bạn viết — một regex không neo chỉ cần khớp một khúc, nên [0-9]+ cho abc123 đi qua. Muốn khớp cả câu trả lời thì viết ^[0-9]+$.

Nó chạy bằng hai công cụ khác nhau: trình duyệt dùng regex của JavaScript, máy chủ dùng RE2 — không có lookahead (?=…), không có tham chiếu ngược \1. Biểu thức chỉ một bên hiểu là một ô im lặng không bao giờ khớp, nên nó bị chặn ở hai chỗ: trình sửa báo "Biểu thức này chưa đúng cú pháp nên chưa dùng được" ngay lúc gõ, và nút Lưu từ chối nếu máy chủ không biên dịch được.

Nó không phải hàng rào bảo mật. Định dạng lọc lỗi gõ nhầm của khách thật thà, không chặn được người cố tình.

Các bước

Biểu mẫu dài chia được thành nhiều bước, mỗi bước một trang câu hỏi. Mở Các bước trên rail rồi bấm Thêm bước.

Điều đáng biết trước tiên: trong trình dựng mỗi bước vẽ thành một thẻ riêng, còn trang xuất bản chỉ có MỘT hộp — khách đi qua từng bước ngay tại chỗ. Các thẻ là cách trình dựng cho bạn thấy ranh giới, không phải bố cục khách nhận.

Ba việc xảy ra tự động, vì một biểu mẫu chia dở là một biểu mẫu không dùng được:

• Bước đầu tiên gói toàn bộ những gì đang có vào Bước 1. Một trường nằm ngoài mọi bước vẫn hiện trên trang, nhưng câu trả lời không ai thu.
• Mỗi bước có thanh Quay lại / Tiếp tục riêng, nằm cuối bước. Thanh nào cũng mang đủ nút; trang xuất bản ẩn nút mà vị trí của bước đó không dùng tới (bước đầu không có Quay lại, bước cuối không có Tiếp tục).
• Nút Gửi luôn theo bước cuối, nằm trong thanh của bước đó. Đổi thứ tự bước thì nó đi theo; xoá bước đang giữ nó thì nó sang bước cuối còn lại.

Xoá một bước lấy đi cả các câu hỏi trong đó — hộp thoại nói rõ bao nhiêu câu trước khi bạn quyết định.

Sửa riêng từng nút

Quay lại, Tiếp tục và ô đếm bước là ba phần tử riêng. Bấm vào một nút trên canvas là bảng thuộc tính mở đúng nút đó: chữ, màu, viền, bo góc, đệm, bề rộng, cỡ chữ, biểu tượng.

Bốn chỗ khác thường, và đều có lý do:

• Hai nút không xoá được. Một bước mất Tiếp tục là bước khách không đi tiếp được, mà trên canvas không nhìn ra — trang xuất bản vốn đã ẩn nút ở bước không dùng, nên nút bị xoá trông y hệt nút được ẩn đúng chỗ.
• Ô đếm bước tắt bằng nút mắt, không bằng xoá — xoá thì không có cửa đặt lại, vì không kéo thả được vào trong thanh.
• Kéo được, nhưng chỉ trong thanh của chính nó. Tay cầm ⠿ đổi thứ tự trong hàng; muốn đảo cả hàng thì chọn thanh rồi đổi Bố cục → Hướng. Kéo tay nắm bên phải của nút để đổi bề rộng.
• Nút mà bước đó không dùng thì mờ đi, không biến mất — vẫn bấm và tạo kiểu được. Nếu ẩn hẳn, nút Quay lại của bước 1 là nút bạn không bao giờ chỉnh được, và nó lòi ra nguyên si ngay khi bạn thêm một bước vào trước.

Bước mới sinh ra mang sẵn kiểu của thanh bạn đã làm — chỉ chữ để trống, vì mỗi bước có quyền nói lời riêng. Ô đếm hiện luôn số thật ("1/3") ngay trong trình dựng.

Đặt biểu mẫu ra nhiều chỗ

Cùng một cách chia bước, hai cách tới tay khách, chọn ngay lúc kéo biểu mẫu ra trang. Một biểu mẫu đã chia bước hiện hai thẻ trong bảng phần tử:

• Một hộp, khách đi theo bước — một hộp duy nhất, khách bấm Tiếp tục.
• N khối rời, đặt đâu cũng được — mỗi bước là một hộp riêng, đặt rải trên trang. Không có Quay lại / Tiếp tục, vì tất cả đang hiện sẵn.

Biểu mẫu chưa chia bước chỉ hiện một thẻ.

Vẫn chỉ có MỘT nút Gửi, và nó thu câu trả lời của mọi khối trên trang. Nút ở hộp cuối vẫn lấy được câu khách điền ở hộp đầu. Cũng vì vậy, một câu bắt buộc còn trống được báo ngay tại chỗ nó nằm — chỗ duy nhất khách trả lời được.

Ba hộp rời trông y hệt ba biểu mẫu khác nhau, nên bấm vào một khối, mọi khối cùng biểu mẫu sáng lên, mỗi cái đeo nhãn mang tên biểu mẫu.

Ba cái bẫy, và cả ba đều im lặng nếu không ai nói trước

• Khối chứa nút Gửi phải được đặt. Quên nó thì trang hiện một biểu mẫu trông đầy đủ mà không gửi được. Trình dựng cảnh báo ngay dưới ô chọn khi trên trang không khối nào mang được nút gửi.
• Đừng đặt một bước hai lần. Ô chọn đánh dấu (đã có trên trang) những bước đã đặt, và hộp thứ hai tự rơi vào bước còn trống.
• Thêm bước SAU khi đã đặt form lên trang thì bảng phần tử không giúp được. Chọn một khối, bảng thuộc tính nói "Còn 2 bước chưa đặt trên trang" kèm nút Đặt nốt: các khối thiếu rơi xuống cạnh khối bạn đang chọn.

Muốn đổi ý về một hộp đã đặt: chọn nó, ở hàng Bước của bảng thuộc tính đổi giữa Cả biểu mẫu và Bước 1 / Bước 2 / ….

Luật hiển thị chạy xuyên các khối: một luật ẩn được câu hỏi nằm ở hộp khác.

Luật hiển thị

Luật trên rail trả lời câu hỏi mà một biểu mẫu hai mươi trường thực sự đặt ra: biểu mẫu này đang có những luật nào? Một luật đọc thành một câu — Nếu … Thì …:

• Phần Nếu ghép được nhiều điều kiện bằng Và / Hoặc.
• Phần Thì nhắm được nhiều trường một lúc, mỗi trường nhận một trong bốn kết quả: bị ẩn, hiện ra, không bắt buộc, bắt buộc.

Luật thuộc về biểu mẫu, không thuộc về trường. Khi bạn mở một luật, những trường nó nhắc tới được viền ngay trên biểu mẫu và gắn nhãn Nếu / Thì.

Ba chỗ dễ bất ngờ:

• Luật được thi hành cả ở máy chủ. Trường bị ẩn không bị kiểm "bắt buộc" và không lưu dòng trả lời nào; trường được đặt thành bắt buộc thì vẫn bắt buộc, kể cả khi ai đó sửa trang trong trình duyệt.
• Trường đang ẩn không bao giờ là bắt buộc, dù luật nào nói thế. Một trường bắt buộc mà khách không thấy là một biểu mẫu từ chối gửi mà không nói vì sao.
• Luật sau thắng. Hai luật cùng nhắm một trường thì cái nằm dưới quyết định.

Nhóm Liên hệ tự khớp dữ liệu khách

Kéo Email từ nhóm Liên hệ ra là trường đó đã gắn sẵn vào hồ sơ khách hàng — phản hồi gửi lên tự tạo hoặc cập nhật bản ghi trong Quản lý → Khách hàng. Chính nhóm Liên hệ là cách gắn dữ liệu, không cần cấu hình thêm.

Biểu mẫu Tự do thì không lưu khách, nên kéo trường đầu tiên của nhóm Liên hệ vào một biểu mẫu Tự do sẽ tự đổi nó sang loại Liên hệ, kèm dòng báo

Đã chuyển sang biểu mẫu Liên hệ để lưu thông tin khách

Xoá trường đó đi thì loại vẫn giữ là Liên hệ — đổi lại là việc của bạn, trong Cài đặt, nơi loại biểu mẫu luôn hiện ở đầu kèm một câu nói nó làm gì. Một trường đã gắn dữ liệu hiện dòng Lưu vào: … trong bảng thuộc tính, cạnh nút Bỏ liên kết. Những hàng không thể gắn vào loại biểu mẫu hiện tại (trường thanh toán, giao hàng trên một biểu mẫu không phải đơn hàng) hiện mờ kèm lý do, thay vì cho kéo vào rồi mới báo lỗi lúc lưu.

Mỗi trường có một ID trong bảng thuộc tính. Với biểu mẫu đăng nhập/đăng ký, ID là thứ hệ thống dùng để nhận ra đâu là email, đâu là mật khẩu — đổi ID của các trường đó thì đăng nhập hỏng, và lúc lưu trình dựng cảnh báo đích danh trường bị thiếu ngay trong danh sách kiểm tra, trước khi lưu.

Địa chỉ: nhiều ô, một địa chỉ

Nhóm Liên hệ có tám hàng địa chỉ. Bảy hàng là bảy ô riêng — Quốc gia, Tỉnh / Thành phố, Phường / Xã, Khu vực, Số nhà, tên đường, Toà nhà, tầng, căn hộ, Mã bưu chính — và một hàng ghép Tỉnh + Phường (một hàng) thả sẵn hai ô chọn cạnh nhau.

Khu vực là cấp hành chính thứ ba, cho những nước có nó (Thái Lan có tambon trong amphoe); Việt Nam từ 01/7/2025 chỉ còn hai cấp. Nên nó là hàng bạn tự kéo ra khi cần.

Lấy đúng những ô bạn cần: shop giao trong thành phố có thể chỉ dùng phường và số nhà; shop gửi bưu điện thêm mã bưu chính. Mỗi ô là một trường riêng nên xếp ở đâu, rộng bao nhiêu, ở bước nào cũng được.

Dữ liệu địa giới là của sàn: Việt Nam theo mô hình hai cấp tỉnh → phường, không còn quận/huyện, và sàn biết thêm sáu mươi tư nước khác. Khách không gõ được một phường không tồn tại, nên cột địa chỉ trong đơn là dữ liệu chuẩn hoá.

Địa giới nước khác được nạp theo yêu cầu. Nước chưa nạp thì ô tỉnh tự chuyển thành ô gõ tay — khách vẫn gửi được, và bảng thuộc tính báo điều này ngay lúc bạn chọn nước. Ngoại lệ: ô đã đặt Chỉ bán tới thì không cho gõ tay, vì nhận chữ tự do sẽ âm thầm mở rộng vùng bán bạn vừa thu hẹp.

Mỗi ô là một câu trả lời

Phản hồi và file Excel có một cột cho mỗi ô, không phải một dòng địa chỉ gộp. Dòng gộp nằm ở chỗ thực sự cần: Quản lý → Khách hàng, cạnh các cột tỉnh, phường, mã bưu chính riêng để lọc.

Ô tỉnh và ô phường ghi tên, kèm mã: bảng hiện "Hồ Chí Minh", mã vẫn được lưu để báo cáo gom nhóm. Máy chủ tự tra tên từ mã, trang không tự ghi.

Mỗi ô tự khai với trình duyệt nó là phần nào của địa chỉ, nên khách đã lưu địa chỉ trong máy được điền cả cụm một lần — kể cả hai ô chọn.

Các ô thuộc về cùng một địa chỉ

Bấm vào một ô địa chỉ trên canvas, mọi ô cùng địa chỉ cùng sáng lên. Trong bảng thuộc tính mỗi ô có công tắc Liên kết: bật (mặc định) là ô thuộc về một địa chỉ — phường đi theo tỉnh, số nhà gợi ý đường theo tỉnh ấy; tắt là ô đứng riêng, cho câu hỏi "bạn ở tỉnh nào" không kèm cả địa chỉ.

Tắt trên ô phường thì ô đó không mở ra được — nó không có tỉnh nào để đi theo. Trình dựng nói thẳng ngay dưới công tắc.

Khi chưa chọn tỉnh, ô phường ghi "Chọn tỉnh / thành phố trước" thay vì nằm im màu xám.

Khi biểu mẫu có hai địa chỉ

Biểu mẫu hỏi cả địa chỉ giao hàng lẫn xuất hoá đơn có hai địa chỉ. Lúc đó — và chỉ lúc đó — bảng thuộc tính hiện hàng Địa chỉ: ô này thuộc Địa chỉ 1, Địa chỉ 2, hay ＋ Địa chỉ mới.

Nếu một địa chỉ có hai ô tỉnh, ô phường không đoán: nó không mở cho tới khi bạn sắp lại. Một ô không mở là câu hỏi bạn nhìn thấy; một danh sách phường của sai thành phố là một đơn giao sai thành phố mà không ai đi tìm.

Chọn sẵn, và chỉ bán tới những nơi bạn giao

Mỗi ô có danh sách đều có thêm hai hàng:

• Chọn sẵn — ô mở ra đã đứng ở một nơi, khách vẫn đổi được.
• Chỉ bán tới — chọn nhiều nơi, ô chỉ hiện đúng những nơi đó. Trống là bán khắp nơi.

Chọn sẵn nói "bắt đầu từ đây"; chỉ bán tới nói "chỗ khác tôi không giao".

Chỉ chọn một nơi duy nhất thì ô tự điền — một danh sách còn đúng một lựa chọn không còn là câu hỏi. Đó là cách gọn nhất để nói "shop này chỉ bán ở Việt Nam": ô Quốc gia → Chỉ bán tới → Việt Nam.

Đây là luật thật. Máy chủ kiểm lại khi khách gửi: tỉnh nằm ngoài danh sách bị từ chối kèm "Chúng tôi chưa giao tới khu vực này", kể cả khi ai đó sửa trang trong trình duyệt.

Ô dưới chỉ giới hạn được khi ô trên đã cố định. Muốn "chỉ giao bốn phường này", ô tỉnh phía trên phải được chọn sẵn hoặc còn một tỉnh — nếu khách tự chọn tỉnh thì không có một danh sách phường nào để bạn chọn. Bảng thuộc tính nói thẳng điều này thay vì đưa bạn một ô rỗng.

Ô Mã bưu chính cũng có hàng Quốc gia, vì mã được kiểm theo nước — mã Thái Lan 5 số, mã Việt Nam 6. Khi địa chỉ đã có ô Quốc gia thì hàng này biến mất ở mọi ô: nước lúc đó là câu trả lời của khách, không phải cài đặt của bạn.

Nhiều quốc gia trong một biểu mẫu

Kéo hàng Quốc gia ra là ô tỉnh bên dưới đi theo nó: khách đổi sang Thái Lan thì danh sách tỉnh đổi, ô phường theo tiếp, mã bưu chính kiểm theo nước đó. Không kéo ô Quốc gia thì mỗi ô tự nói nó thu địa chỉ nước nào ở hàng Quốc gia — mặc định Việt Nam.

"Giống địa chỉ giao hàng"

Kéo hàng Giống địa chỉ khác ra và một ô tick trả lời hộ cả địa chỉ thứ hai. Ô này khai hai điều: Địa chỉ nói câu trả lời rơi vào địa chỉ nào, Chép từ nói nó lấy từ địa chỉ nào. Tick sẵn mặc định bật — đúng với gần hết mọi người; ai khác thì bỏ tick, các ô hiện ra.

Việc chép do máy chủ làm, trước khi kiểm bất cứ thứ gì. Mọi luật vẫn áp đúng lên câu trả lời được chép. Và tick không sinh địa chỉ từ hư không: địa chỉ giao còn trống thì hoá đơn cũng trống, và biểu mẫu báo thiếu ở ô giao hàng.

Ghép theo loại ô: tỉnh sang tỉnh, phường sang phường; ô bên này không có thì thôi.

Gợi ý tên đường

Dòng số nhà gợi ý tên đường trong lúc khách gõ, từ danh sách đường của sàn, lọc theo tỉnh khách vừa chọn. Gõ không dấu vẫn ra: nguyen hu tìm được Nguyễn Huệ, Nguyễn Hữu Cảnh. Danh sách nằm sẵn trên sàn nên không phụ thuộc dịch vụ ngoài. Dưới gợi ý có dòng © OpenStreetMap contributors — ghi công bắt buộc theo giấy phép dữ liệu, bấm vào không chọn gì.

Đường chưa có trong danh sách thì khách tự gõ, không có báo lỗi — một dòng chữ đỏ dưới ô địa chỉ khiến người ta nghi ngờ một địa chỉ hoàn toàn đúng.

Biểu mẫu cũ vẫn chạy. Trước đây địa chỉ là một trường vẽ cả ba ô; biểu mẫu bạn đã tạo giữ nguyên trường đó. Muốn chuyển sang ô rời thì xoá trường cũ rồi kéo các hàng mới vào.

Biểu mẫu đặt hàng: sản phẩm ghim sẵn, hoặc nguyên giỏ

Hai mẫu dựng sẵn cho hai kiểu bán, và chọn nhầm là lỗi im lặng:

• Đặt hàng — bán đúng một sản phẩm bạn ghim sẵn. Có ô số lượng. Hợp với trang giới thiệu một sản phẩm.
• Thanh toán (giỏ hàng) — bán nguyên giỏ của khách: không có ô số lượng (mỗi dòng giỏ đã mang số lượng) và có sẵn ô Phương thức thanh toán. Đây là mẫu cho trang Thanh toán.

Trong Cài đặt, mục Nguồn đơn hàng chuyển giữa hai kiểu: Sản phẩm ghim sẵn hoặc Giỏ hàng của khách. Với giỏ hàng, giá luôn lấy từ danh mục tại thời điểm đặt; một sản phẩm trong giỏ đã ngừng bán thì cả đơn bị từ chối và khách được báo đích danh món nào. Đặt xong giỏ tự trống.

Cả hai đường đều tạo đơn thật trong Quản lý → Đơn hàng, tính cả giảm giá tự động của site.

Hỏi khách trả tiền và nhận hàng thế nào

Nhóm Cơ bản của bảng phần tử có hai hàng nối sẵn vào đúng cột của đơn: Phương thức thanh toán và Phương thức vận chuyển. Phải dùng chúng thay vì một ô chọn thường, vì mối nối đó không có ô nào trong bảng thuộc tính để tự đặt.

Phương thức thanh toán thả ra một thẻ cho mỗi cách trả — bắt đầu bằng Thanh toán khi nhận hàng, rồi từng cổng bạn đã bật trong Ứng dụng → Thanh toán. Mỗi thẻ sửa được tên và dòng mô tả; mã nhỏ bên dưới (cod, vnpay…) là thứ máy chủ đối chiếu nên không sửa được. Thêm phương thức chỉ đưa ra cổng cửa hàng thật sự nhận — muốn thêm cách trả mới thì kết nối cổng trước.

Nhóm Logo cổng trong bảng thuộc tính đặt logo chính thức của từng cổng lên thẻ — VNPay, MoMo, PayOS, ZaloPay, SePay, PayPal, Stripe, lấy từ bộ nhận diện của chính họ; logo PayPal và Stripe được giữ nguyên bản như bộ nhận diện phát hành, đúng điều khoản không chỉnh sửa của hai hãng. Nhóm này bật sẵn trên thẻ mới; thẻ bạn đã đặt từ trước giữ nguyên trạng thái nó đang có, nên một trang đã xuất bản không tự đổi. Ô Chiều cao logo đặt riêng cho từng điểm ngắt, nên logo trên điện thoại có thể nhỏ hơn trên máy tính.

Dạng logo chọn giữa Nguyên bản và Vuông. Đây là chỗ dễ hiểu nhầm nên nói trước: năm trong bảy hãng có logo vuông chính chủ (VNPay, MoMo, payOS, PayPal, Stripe) và ZaloPay với SePay thì không — hai hãng này không phát hành logo vuông ở bất kỳ đâu, mà cắt logo ngang thành hình vuông là tự chế logo cho người ta. Nên ở chế độ Vuông, thẻ của hai hãng đó vẫn vẽ logo ngang, thu nhỏ lại trong ô vuông. Bảng thuộc tính nói thẳng điều này bằng cách gọi tên đúng những thẻ nó không vuông được, thay vì để bạn ngồi đoán tại sao hàng vẫn lệch.

Cách chữa cho đúng hai trường hợp đó — và cho cả thẻ Thanh toán khi nhận hàng — là đặt logo riêng cho từng phương thức: bấm ô logo ở đầu mỗi dòng trong Danh sách lựa chọn và chọn một ảnh từ thư viện. Ảnh của bạn thắng logo của hãng. Đây cũng là cách duy nhất để một cách trả không phải cổng thanh toán có logo, vì không có thương hiệu nào để lấy về: tiền mặt tại quầy, hay một khoản chuyển khoản bạn tự đối soát. Xoá ảnh đi thì thẻ quay lại logo của hãng.

Phương thức vận chuyển tự điền các lựa chọn từ Cài đặt → Vận chuyển tại lúc bạn thả nó ra, và máy chủ đối chiếu tên khách chọn với danh sách đó để ra phí. Ba điều đáng biết:

• Chưa khai phương thức nào thì ô chọn thả ra rỗng. Khai trước, kéo sau.
• Sửa tay chữ trong ô chọn là cách chắc chắn nhất để hỏng phí: lựa chọn không có trong cài đặt được tính 0đ.
• Xoá một phương thức khỏi cài đặt thì đơn mới không còn được tính phí đó; đơn đã đặt giữ nguyên phí đã tính.

Số lượng và ghi chú đơn hàng

Cũng trong Cơ bản: Số lượng (tối thiểu 1) và Ghi chú đơn hàng (khung nhiều dòng). Ghi chú đơn hàng không phải Ghi chú của nhóm Liên hệ: Ghi chú là điều shop nên biết về con người đó và nằm lại trong hồ sơ khách; Ghi chú đơn hàng là về đơn này — "giao sau 6h" — và đọc cạnh danh sách món trong đơn.

Phản hồi

Thẻ Phản hồi liệt kê mọi lượt gửi, cột theo đúng các trường, xuất được Excel. Cùng dữ liệu đó xem được ở Quản lý → Biểu mẫu.

Ô tìm phía trên bảng tìm trong mọi câu trả lời — tên, email, số điện thoại — và tìm không dấu cũng ra: gõ van an thấy Nguyễn Văn An. Việc này cũng chạy được từ hộp ⌘K ở bất kỳ đâu trong phần Quản lý: gõ thứ khách đã điền, kết quả hiện câu trả lời khớp kèm tên biểu mẫu, bấm vào là mở đúng biểu mẫu đó với bảng đã lọc sẵn — vì bạn thường nhớ khách chứ không nhớ biểu mẫu nào đã thu câu trả lời.

Trong Cài đặt: Báo email khi có phản hồi gửi nội dung tới các địa chỉ bạn thêm — địa chỉ chỉ nhận được sau khi có người mở liên kết xác minh gửi tới đó. Biểu mẫu mới bật sẵn báo email cho chủ site, và email của chủ site được coi là đã xác minh vì tài khoản đã xác minh nó lúc đăng ký; mọi địa chỉ khác vẫn phải qua liên kết xác minh. Không lưu lượt gửi dành cho biểu mẫu mà câu trả lời đã đi nơi khác.

Chưa đọc, và cái chuông

Phản hồi mới hiện in đậm kèm một chấm cho tới khi bạn mở nó. Danh sách biểu mẫu có cột Mới, mục Biểu mẫu ở thanh bên đếm tổng số chưa đọc của site, và cái chuông trên thanh trên cùng có một dòng cho mỗi biểu mẫu đang có phản hồi mới — kể cả ở site khác mà bạn là thành viên. Đọc hết là dòng đó tự biến mất; không có gì phải "đánh dấu đã xem" riêng. Trong chi tiết phản hồi có Đánh dấu chưa đọc để để dành việc đó cho sau, và bộ lọc trạng thái có Chưa đọc.

Phản hồi bị coi là thư rác không bao giờ tính là chưa đọc — nếu tính, một đợt spam sẽ làm cái chuông vô nghĩa.

Sửa biểu mẫu xong, trang đã xuất bản vẫn là bản cũ

Trang đã xuất bản giữ bản biểu mẫu lúc nó được xuất bản. Sửa câu hỏi, thêm trường hay đổi chỗ chuyển tới thì khách vẫn thấy bản cũ cho tới khi trang được xuất bản lại. Sau khi lưu, trình dựng (và màn hình của biểu mẫu trong Quản lý) nói rõ điều đó:

Biểu mẫu đang nằm trên N trang đã xuất bản với bản cũ — Xuất bản lại các trang này

Nút đó xuất bản lại từ bản đã xuất bản của từng trang, không phải từ bản nháp — nên những chỗ bạn đang sửa dở trên trang không bị đẩy lên theo biểu mẫu.

Gửi xong thì khách đi đâu

Mục Sau khi gửi trong Cài đặt có hai lựa chọn: Hiện lời cảm ơn (câu cảm ơn thế chỗ biểu mẫu) hoặc Chuyển tới trang khác — một Trang trong site, hoặc một Đường dẫn ngoài như trang Zalo hay Facebook của shop. Đổi qua lại không mất câu cảm ơn bạn đã viết.

Điều dễ vấp: đường dẫn tới trang trong site được chốt lúc trang chứa biểu mẫu được xuất bản, không phải lúc khách gửi. Vì vậy:

• Trang đích còn là bản nháp thì khách thấy lời cảm ơn thay vì bị đưa tới một trang không tồn tại. Xuất bản trang đích, rồi xuất bản lại trang có biểu mẫu.
• Đổi đường dẫn của trang đích sau đó cũng vậy: biểu mẫu vẫn gửi khách tới đường dẫn cũ cho tới khi bạn xuất bản lại trang có biểu mẫu.

Đường dẫn ngoài phải là link đầy đủ http:// hoặc https:// có tên miền; những thứ khác bị từ chối ngay khi lưu, vì một link chạy mã thay vì mở trang là cách quen thuộc để biến biểu mẫu của shop thành bẫy. Biểu mẫu đặt hàng có cổng thanh toán thì khách vẫn đi thanh toán trước. Chuyển trang cũng có nghĩa khách không thấy mã đơn hay mã lịch hẹn trên màn hình — danh sách kiểm tra của biểu mẫu nhắc điều này.

Email xác nhận cho khách

Gửi email xác nhận cho khách — Khách nhận một email báo đã nhận được thông tin. Email không chép lại câu trả lời của khách.

Tắt sẵn; bật cho từng biểu mẫu. Chỉ có ở biểu mẫu loại Liên hệ và Đăng ký nhận tin, và biểu mẫu cần một ô Email từ nhóm Liên hệ — thiếu thì danh sách kiểm tra báo ngay, vì không có địa chỉ thì không gửi được cho ai. Biểu mẫu đặt hàng và đặt lịch đã có email riêng của chúng.

Email không bao giờ chép lại câu trả lời, và đó là chủ ý: nếu có, ai cũng có thể gõ địa chỉ của người khác vào biểu mẫu của bạn và mượn tên shop để gửi nội dung tuỳ ý tới họ. Cùng lý do đó:

• Lời nhắn thêm của bạn chỉ được gửi kèm khi site đã cài email riêng (Ứng dụng Email). Khi site còn gửi bằng địa chỉ chung của nền tảng, khách chỉ nhận câu cảm ơn.
• Mỗi địa chỉ nhận tối đa một email xác nhận mỗi ngày cho mỗi biểu mẫu, và cả site tối đa 200 email mỗi ngày. Lượt bị chặn vẫn được lưu như mọi phản hồi; chỉ email là không đi.
• Lượt gửi bị coi là thư rác thì không có email nào — cả email cho bạn lẫn cho khách.

Khách đến từ đâu

Mỗi phản hồi ghi lại nguồn truy cập của khách: các tham số utm_ trên link quảng cáo (nguồn, kênh, chiến dịch, từ khoá, nội dung) và trang giới thiệu nếu khách bấm từ một trang web khác. Chúng hiện ở khung Nguồn truy cập khi mở một phản hồi, ở cột Nguồn trong bảng, và thành sáu cột trong file Excel. Bộ lọc Nguồn phía trên bảng liệt kê các nguồn đã gặp kèm số phản hồi; (Không có) là những phản hồi không có utm_source.

Ba điều cần biết khi đọc con số:

• Ghi là chạm đầu tiên trong một phiên: khách vào từ link quảng cáo Facebook rồi đi qua ba trang khác mới gửi, phản hồi vẫn ghi Facebook. Đóng tab thì phiên kết thúc. Không dùng cookie.
• Trang giới thiệu chỉ giữ tên miền và đường dẫn, bỏ phần sau dấu ?, vì phần đó hay mang email hay mã của người dùng.
• Phản hồi gửi trước khi tính năng này có không mang nguồn và hiện là —, không phải "trực tiếp" — chúng ta không biết khách đó đến từ đâu.

Mật khẩu

Trường kiểu mật khẩu không bao giờ được lưu vào phản hồi, kể cả khi ai đó gắn nó vào một biểu mẫu thường. Các biểu mẫu tài khoản (đăng nhập, đăng ký…) — xem Tài khoản khách hàng.