Trang lên báo giá ngoài web

Toàn cảnh trang

Trang chỉ có khi bạn đã đặt mã ngắn [devvn_bao_gia] vào một trang của website — cách làm ở bài Tạo trang khách tự lên báo giá. Trang mẫu dưới đây chụp đúng như khách chưa đăng nhập thấy.

1. Loại báo giá — nút đổi Thương mại / Lắp đặt. Đổi là đơn giá tính lại ngay, lưới combo gợi ý cũng đổi theo loại.
2. Chọn hệ cho … — hàng nút chọn hệ của tab đang mở (ví dụ Hệ lưu trữ, Hệ bám tải).
3. Combo gợi ý — các combo dựng sẵn của hệ đang chọn, bấm là đổ cả combo vào tab.
4. Tab cấu hình — mỗi tab là một phương án riêng. Số đỏ trên tab là số sản phẩm đang có.
5. Ô hạng mục — mỗi hạng mục (Tấm pin, Inverter, Tủ điện…) là một ô, chọn thiết bị trong ô đó.
6. Chi phí dự tính — tổng tiền và các nút: lấy link, tải file, chốt & thanh toán, yêu cầu tư vấn, so sánh.

Trang không chứa giá trong mã HTML; giá được nạp sau khi trang mở. Vì vậy bật bộ nhớ đệm toàn trang cho trang này không làm lộ giá của người khác. Trình duyệt tắt JavaScript sẽ thấy câu "Trang lên báo giá cần bật JavaScript. Hãy bật JavaScript trong trình duyệt rồi tải lại trang."

Loại báo giá, chọn hệ và combo gợi ý

1. Thương mại / Lắp đặt — chỉ hiện khi bạn bật cả hai loại, bật Khách tự đổi loại ở tab Chung, và mã ngắn không khoá loại (loai="…"). Hạng mục chỉ dùng cho loại kia sẽ tự ẩn và không tính tiền. Người xem không thấy giá của loại đang chọn (ví dụ đại lý chỉ thấy giá đại lý) thì đơn giá lấy giá đại lý, không có thì giá web, và cạnh nút có câu "Bạn đang xem giá đại lý — đổi loại báo giá không đổi đơn giá." (hoặc "Bạn đang xem giá web — …") khi mọi loại cùng một giá, hay "Loại báo giá này tính theo giá đại lý." / "Loại báo giá này tính theo giá web." khi mỗi loại một giá. Báo giá lưu từ trang dùng đúng giá đang hiện. Loại nào người xem không có giá để dùng (không thấy giá của loại đó, giá đại lý lẫn giá web) thì không hiện.
2. Nút hệ — hiện khi bật Ô chọn hệ ở màn Hệ & combo và có từ hai hệ đang bật trở lên. Tab đã có sản phẩm mà khách đổi hệ thì trang hỏi "Đổi hệ cho …?": toàn bộ sản phẩm đang chọn trong cấu hình này sẽ bị xoá, rồi điền combo gợi ý của hệ mới (nếu có).
3. Sắp xếp — Nổi bật · Giá thấp đến cao · Giá cao đến thấp.
4. Nhãn lọc — Tất cả cùng các nhãn bạn gắn cho combo (ví dụ "Hoá đơn 1–2 triệu"). Bấm một nhãn là chỉ còn combo mang nhãn đó.
5. Nổi bật — nhãn đỏ của combo bạn đánh dấu nổi bật; thẻ còn ghi số sản phẩm, hai món đầu và Tổng theo loại giá đang chọn (không có giá thì ghi "Liên hệ").
6. Xem — mở hộp liệt kê đủ món của combo. Combo có link xem riêng thì nút Xem mở link đó ở tab mới.
7. Chọn — đổ combo vào tab đang mở. Tab đã có sản phẩm thì trang hỏi "Thay toàn bộ bằng combo này?" trước khi thay.

Mỗi lượt hiện 6 combo, còn nữa thì có nút Xem thêm (n combo). Khối combo ẩn khi bạn tắt Combo gợi ý, khi tab đang mở là tab nhập tự do, hoặc hệ chưa có combo nào. Combo đang tắt, có món không bán được hoặc vi phạm quy tắc khoá cứng sẽ không hiện cho khách.

Lưới combo theo loại báo giá đang chọn: combo khai Chỉ Thương mại / Chỉ Lắp đặt chỉ hiện khi khách đang chọn đúng loại đó, combo Mọi loại báo giá luôn hiện. Combo điền sẵn của một tab mà dành cho loại kia thì không được đổ vào tab — tab để trống; khách chuyển sang đúng loại khi tab vẫn còn trống thì combo tự đổ vào. Bấm chọn đúng lúc vừa đổi loại mà combo không dùng cho loại mới thì trang báo "Combo “…” chỉ dùng cho báo giá … — hãy chuyển loại báo giá rồi chọn lại."

1. × số lượng và đơn giá từng món.
2. Tổng theo giá … — tổng của combo theo loại báo giá đang chọn.
3. Chọn combo này — như nút Chọn trên thẻ.

Món của combo không thuộc hạng mục nào của hệ sẽ được đưa vào ô Khác; món không còn bán thì bị bỏ, kèm lý do trong hộp "Một số sản phẩm của combo được xếp lại".

Tab cấu hình và ô hạng mục

1. Tab đang mở — số đỏ là số sản phẩm của tab. Mặc định 3 tab, tối đa 10, đặt ở màn Hệ & combo.
2. Cấu hình 3 — tab chưa đặt tên và không gắn combo dựng sẵn nằm ở hàng dưới. Tab nhập tự do cũng xếp ở hàng dưới.
3. Dòng báo sản phẩm đang ẩn — "1 sản phẩm thuộc hạng mục không dùng cho giá Thương mại — đang ẩn và không tính tiền. Chuyển lại loại kia là hiện lại."
4. Xoá tất cả — hỏi trước rồi xoá mọi sản phẩm, ô Khác và combo đang dùng của tab. Hệ đang chọn được giữ nguyên.
5. Tên hạng mục — dấu * là hạng mục bắt buộc: thiếu thì chưa lưu, chưa tải file, chưa chốt được.
6. Số lượng — bấm − / + theo bước của sản phẩm hoặc gõ thẳng số (nhận số lẻ như 1,5).
7. Thành tiền của dòng.
8. Đổi — mở cửa sổ chọn để thay sản phẩm khác. Ô chọn một thì món mới thay món cũ, giữ nguyên số lượng.
9. Xoá dòng.

Ô chưa có sản phẩm hiện "Vui lòng chọn thiết bị" và nút Chọn. Hệ có hơn 5 hạng mục thì danh sách được thu gọn, có nút Mở rộng — còn n hạng mục / Thu gọn.

Hạng mục chọn nhiều và ô Khác

1. ✓ n đã chọn — chỉ có ở hạng mục bật Cho chọn nhiều sản phẩm (xem Hạng mục báo giá). Mặc định một hạng mục chỉ chọn một sản phẩm.
2. + Thêm / Sửa — mở cửa sổ chọn ở chế độ chọn nhiều.
3. Lên / Xuống — đổi thứ tự dòng trong ô (thay cho kéo thả).
4. Thêm — mở thêm một ô Khác trống để khách chọn thiết bị ngoài các hạng mục. Ô Khác còn trống có nút ✕ để xoá.

Khi khách chọn hai thiết bị không hợp nhau theo Quy tắc tương thích, ô bị khoá hiện câu lý do kèm ổ khoá, và dòng vi phạm hiện câu cảnh báo ngay dưới tên sản phẩm.

Thiết bị tự đổi theo quy tắc

Quy tắc loại Tự thay thế chạy ngay trên trang. Khách chọn thiết bị kích hoạt quy tắc thì thiết bị ở cột "từ" đang có trong cấu hình tự đổi sang thiết bị "sang", giữ nguyên số lượng, rồi trang hiện hộp Thiết bị đã tự đổi theo quy tắc tương thích với câu "Đã thay “X” bằng “Y” theo quy tắc “…”." (nối thêm câu cảnh báo riêng của quy tắc nếu có).

• Ô chọn một và ô Khác: thiết bị mới thay đúng chỗ. Hạng mục chọn nhiều và tab nhập tự do: thiết bị mới thêm vào cuối danh sách (trùng sản phẩm thì cộng số lượng).
• Thiết bị "sang" đang hết hàng, đang tắt báo giá, chưa đăng bán, có nhiều phiên bản (cần chọn một phiên bản cụ thể) hoặc không còn tồn tại thì không đổi; hộp báo (tiêu đề "Thiết bị cần thay theo quy tắc tương thích" khi không có dòng nào đổi được) ghi "Chưa tự đổi được “X” theo quy tắc “…” vì thiết bị thay thế đang tạm chưa có — bạn vẫn lưu được báo giá, nhân viên sẽ tư vấn thiết bị phù hợp." Dòng đó chỉ hiện cảnh báo, khách vẫn lưu / gửi được. Trang không đổi được vì lý do khác thì báo "Chưa tự đổi được “X” sang “Y” — vui lòng chọn thiết bị phù hợp."
• Trang khách không lộ tên sản phẩm chưa đăng bán: câu báo ghi "thiết bị thay thế". Sản phẩm đã xoá ghi dạng "#ID".
• Khách chọn lại thiết bị cũ thì trang không đổi lần nữa. Dòng đó hiện câu "“X” không dùng được với lựa chọn hiện tại — cần đổi sang “Y” (…)."; với mức Khoá cứng (mặc định với khách) thì không lưu được cho tới khi đổi thiết bị.
• Mở lại nháp trong trình duyệt hoặc link cấu hình cũ, trang cũng đổi theo các quy tắc đang bật.

Cửa sổ chọn thiết bị

Mở bằng nút Chọn, Đổi hay + Thêm / Sửa của một ô. Cửa sổ chỉ hiện sản phẩm thuộc hạng mục đó, đang bật báo giá và còn bán.

1. Nhãn giá — cho biết đang xem giá loại nào (Giá thương mại / Giá lắp đặt).
2. Nhập tên hoặc mã SKU — tìm theo tên, mã SKU, kể cả mã của từng phiên bản.
3. Sắp xếp theo — Giá tăng dần · Giá giảm dần · Mới nhất.
4. Danh mục — lọc theo danh mục con trong hạng mục. Chỉ hiện khi bộ lọc Danh mục đang bật.
5. Khoảng giá — gõ ô Từ / Đến hoặc kéo thanh. Khoảng theo giá của loại báo giá đang chọn.
6. Thương hiệu — tick để lọc; số trong ngoặc là số sản phẩm. Thuộc tính sản phẩm (công suất, tiết diện…) hiện cùng kiểu khi bạn bật.
7. Chọn — thêm sản phẩm vào ô. Ô chọn một: cửa sổ đóng ngay. Thẻ đang được chọn ghi "✓ Đang chọn".
8. Phân trang — mỗi trang 20 sản phẩm.

Bộ lọc nào hiện, thứ tự và tên gọi do bạn đặt ở tab Bộ lọc sản phẩm. Trên điện thoại, cột lọc thu vào sau nút Bộ lọc.

1. Thẻ đã chọn — có viền nổi.
2. ✕ — bỏ chọn món đó khỏi ô.
3. ✓ Đã chọn — món đã có trong ô.
4. + Thêm — thêm món; cửa sổ vẫn mở để chọn tiếp.
5. Xong — đóng cửa sổ (chỉ có ở chế độ chọn nhiều).

Sản phẩm có biến thể

Site mẫu không có sản phẩm biến thể nên không có ảnh. Trên thẻ của sản phẩm biến thể, mỗi thuộc tính hiện dạng nút bấm khi có tối đa 6 giá trị, nhiều hơn thì là ô chọn — Chọn —. Nút của thẻ khoá với chữ "Vui lòng chọn thuộc tính" cho tới khi khách chọn đủ; giá trị hết hàng ghi "hết hàng", tổ hợp không tồn tại ghi "không có". Sản phẩm có hơn 50 phiên bản hiện nút Xem n phiên bản để nạp dần. Chọn rồi thì thẻ ghi "Đã chọn n phiên bản".

Cột Chi phí dự tính

1. Tổng của tab đang mở, ghi rõ "Theo giá Thương mại" / "Lắp đặt". Tách VAT thì có thêm dòng Tạm tính và từng dòng thuế. Dòng hết hàng / chưa có giá và sản phẩm đang ẩn theo loại thì không tính tiền và được ghi rõ.
2. Sao chép link — lưu cấu hình rồi chép link mở lại. Sau lần lưu đầu, ô Link cấu hình (mã) hiện ngay trên các nút.
3. Sao chép ảnh — chép ảnh báo giá để dán vào Zalo, Messenger. Máy không chép được ảnh thì tải ảnh về.
4. Xem trước bằng ảnh — mở ảnh báo giá trong hộp có nút Lưu ảnh, Sao chép ảnh. Xem thì không bị hỏi thông tin; lưu hay chép thì hỏi như tải ảnh.
5. Tải file — menu định dạng (ảnh dưới).
6. Chốt & thanh toán — chỉ hiện khi bật Khách tự chốt & thanh toán và đã khai tài khoản nhận tiền ở tab Thanh toán & mã QR. Xem Khách đồng ý & thanh toán online.
7. Yêu cầu tư vấn — khách để lại SĐT để nhân viên gọi lại (mục bên dưới).
8. So sánh cấu hình — đặt các tab cạnh nhau. Không có ở trang nhập tự do.

Cuối cột luôn có dòng "Giá có thể thay đổi theo thời điểm". Nút Chia sẻ (mở bảng chia sẻ của điện thoại) chỉ hiện khi website chạy HTTPS và trình duyệt hỗ trợ — site mẫu chạy http nên ảnh không có nút này.

1. Tải file PDF — tải file Bao-gia-<mã>.pdf.
2. Tải file ảnh — dựng ảnh PNG ngay trên trang rồi tải về.
3. Xem và in — mở bản in ở tab mới.
4. Tải file Excel — chỉ có khi thư viện xuất Excel đã được khởi tạo; chưa khởi tạo thì mục này ẩn.

Mặc định khách phải để lại họ tên và số điện thoại trước khi tải PDF, ảnh, Excel — xem Lấy SĐT khách trước khi tải file. Khách chưa đăng nhập không tải trực tiếp được cấu hình quá 100 dòng.

Yêu cầu tư vấn

1. Họ tên — không bắt buộc.
2. Số điện thoại — bắt buộc, phải là số di động Việt Nam (ví dụ 0912 345 678).
3. Email — không bắt buộc, nếu nhập thì phải đúng định dạng.
4. Ghi chú — tối đa 1000 ký tự, vào ghi chú nội bộ của báo giá.
5. Gửi yêu cầu — lưu cấu hình kèm thông tin khách, khách thấy "Đã gửi yêu cầu tư vấn. Nhân viên sẽ liên hệ với bạn sớm nhất." và mã báo giá.

Yêu cầu tư vấn không bắt chọn đủ hạng mục bắt buộc, nhưng tab phải có ít nhất một sản phẩm. Báo giá vẫn ở Nháp · Chưa ai nhận; nhân viên nhận thông báo "Khách gửi yêu cầu tư vấn" theo cài đặt ở tab Thông báo. Khách gửi quá 3 lần / giờ sẽ thấy câu "Yêu cầu tư vấn của bạn đã được ghi nhận…" thay vì gửi thêm (đổi mức ở tab Khách & chống lạm dụng).

So sánh cấu hình

1. Cột — mỗi tab có sản phẩm một cột, kèm tên hệ.
2. Hàng — mỗi hạng mục một hàng; ô Khác gộp một hàng.
3. Tổng cộng của từng cấu hình (tách VAT thì có thêm Tạm tính, Thuế).
4. Mở … — chuyển sang tab đó.

Cần ít nhất 2 tab có sản phẩm, nếu không trang báo "Cần ít nhất 2 cấu hình có sản phẩm để so sánh…".

Link cấu hình và nháp trong trình duyệt

• Tự nhớ trong trình duyệt — mọi thao tác được lưu nháp trên chính trình duyệt của khách. Mở lại trang là thấy cấu hình cũ, giá được nạp lại theo bảng giá hiện hành.
• Link cấu hình — dạng <trang>?bg=<mã>, mở trên máy khác vẫn ra đúng cấu hình. Thứ tự ưu tiên khi mở trang: link ?bg= → nháp trong trình duyệt → combo điền sẵn.
• Khi nhân viên đã nhận báo giá — link không mở lại cấu hình cũ nữa. Khách thấy "Báo giá … đã được nhân viên gửi cho bạn — mở báo giá chính thức để xem bản mới nhất…" kèm nút Xem báo giá chính thức, hoặc "Báo giá này đang được nhân viên xử lý — chúng tôi sẽ liên hệ bạn sớm…".
• Khách đang đăng nhập (không phải nhân viên) lưu báo giá thì báo giá tự vào mục Báo giá của tôi trong tài khoản của họ — xem Trang khách nhận báo giá.

Trang nhập tự do

Mã ngắn [devvn_bao_gia che_do="tu-do"] cho một trang chỉ có danh sách thiết bị: không tab, không chọn hệ, không combo, không bắt hạng mục bắt buộc. Muốn có một tab tự do bên cạnh các tab theo hạng mục thì đặt Kiểu tab = Nhập tự do ở màn Hệ & combo.

1. Loại báo giá — trang / tab tự do mặc định mở ở giá Thương mại.
2. Danh sách thiết bị — một danh sách chung, chọn nhiều.
3. Thêm thiết bị — mở cửa sổ chọn với mọi sản phẩm đang bật báo giá.
4. Chi phí dự tính — như trang theo hạng mục, trừ nút So sánh cấu hình.

Trên điện thoại

Khung trang hẹp dưới khoảng 960px thì cột chi phí thành thanh dính đáy màn hình; hàng nút hệ, hàng tab và dải combo trượt ngang.

1. Loại báo giá.
2. Hàng nút hệ — vuốt ngang.
3. Dải combo — vuốt ngang.

1. Chi tiết — mở rộng / thu gọn thanh để thấy các nút.
2. Tổng tiền — luôn thấy ở đáy màn hình khi thanh thu gọn.

Kiểm tra đã đúng chưa

1. Mở trang bằng cửa sổ ẩn danh (không đăng nhập) để thấy đúng như khách. Tài khoản nhân viên không bị hỏi thông tin khi tải file, không thấy giá cộng phụ thu cho khách.
2. Bấm Chọn ở một ô: cửa sổ phải hiện đúng sản phẩm của hạng mục, có giá.
3. Đổi Thương mại / Lắp đặt: đơn giá đổi, hạng mục chỉ dùng cho loại kia ẩn / hiện đúng, lưới combo chỉ còn combo dùng được cho loại đó.
4. Bấm Sao chép link, mở link ở trình duyệt khác: cấu hình phải giống hệt. Vào Báo giá → Tất cả báo giá thấy một bản Nháp "Chưa ai nhận".

Lỗi thường gặp

Tiếp theo: khách nhận báo giá chính thức ra sao — Trang khách nhận báo giá.