C cenaly.com
Bắt đầu miễn phí

Đặt hàng trực tuyến trên trang web của bạn

Nút «Thêm vào giỏ hàng» và thanh toán ngay trên trang web hiện có của bạn

On this page 10

Đơn hàng trực tuyến trên website của bạn

Widget “Đơn hàng trực tuyến” bổ sung khả năng nhận đơn hàng vào website bạn đã có sẵn. Không cần di chuyển hay dựng lại giao diện: widget đọc các trang trên website của bạn, đặt nút “Thêm vào giỏ” lên đó và quản lý giỏ hàng cùng việc thanh toán đè lên bố cục hiện có của bạn.

Vị trí: Marketing → “Website của tôi” → thẻ “Đơn hàng trực tuyến” → biểu tượng bánh răng. Mã cài đặt dùng chung cho mọi widget, xem Website của tôi.


Bốn chế độ hoạt động#

Chế độ Khách truy cập thấy gì Khi nào nên chọn
Cửa hàng riêng Nút “Đặt hàng”; khi nhấp vào sẽ mở cửa hàng của bạn với menu và giỏ hàng đè lên trang Website giới thiệu, trang đích, blog — không có sản phẩm trên các trang
Đè lên website Nút “Thêm vào giỏ” của chúng tôi nằm ngay trong bố cục của bạn — trên thẻ sản phẩm và trong danh mục, giỏ hàng ở góc màn hình Website đã có danh mục sản phẩm nhưng chưa nhận đơn hàng (hoặc nhận đơn bất tiện)
Thay thế nút Tương tự, cộng thêm việc các nút “mua” và giỏ hàng gốc của website bị ẩn Bạn muốn mọi đơn hàng chỉ đi qua chúng tôi
Chặn hoàn toàn Website trông như không bị thay đổi: các nút vẫn là nút gốc, nhưng khi nhấp vào sẽ đưa sản phẩm vào giỏ hàng của chúng tôi, chuyển đến giỏ hàng của website sẽ mở giỏ hàng của chúng tôi, còn bộ đếm và số tiền hiển thị số liệu của chúng tôi Cửa hàng đã được dựng bố cục tốt — không muốn thay đổi diện mạo, nhưng đơn hàng và giá phải là của chúng tôi

Quét website#

Mọi chế độ, trừ “cửa hàng riêng”, hoạt động dựa trên bản đồ website: vị trí tên sản phẩm, giá, hình ảnh, nút mua gốc và giỏ hàng gốc trên các trang của bạn.

Bản đồ do máy quét xây dựng: nhập địa chỉ và nhấn “Quét website” — thường mất 1–3 phút. Bên trong gồm:

  1. Preset nền tảng — bộ selector sẵn có cho tám nền tảng: WooCommerce, Shopify, Magento, PrestaShop, Bitrix, InSales, Tilda, OpenCart. Máy quét còn nhận diện Ecwid, Squarespace và Wix qua dấu hiệu đặc trưng, nhưng không có preset cho chúng — bản đồ được xây dựng bằng phân tích AI;
  2. Phân tích AI bố cục — dành cho website tự viết và giao diện không chuẩn;
  3. Kiểm tra từng selector tìm được trên các trang thực tế; dữ liệu được đối chiếu với microdata của sản phẩm. Selector chưa kiểm tra sẽ không vào bản đồ — thà ít nút còn hơn nút đặt sai chỗ.

Kết quả hiển thị: nền tảng xác định được, số trang đã quét, ví dụ sản phẩm nhận diện được và tách riêng — trang sản phẩm và thẻ danh mục. Bản đồ được áp dụng bằng nút và lưu cùng cài đặt của widget. Website thay đổi — chỉ cần quét lại.


Đặt nút và trang trí#

Cấu hình trên các bố cục mẫu có xem trước trực tiếp — trang sản phẩm điển hình và danh mục:

  • Nút trên trang sản phẩm: dưới giá, cạnh nút gốc của website, nổi ở cuối màn hình hoặc tắt (kịch bản chính của “chặn hoàn toàn” — không có nút riêng, khách nhấn nút gốc);
  • Nút trong thẻ danh mục: đè lên thẻ, dưới thẻ hoặc tắt;
  • Nút giỏ hàng: bất kỳ góc nào trong bốn góc màn hình;
  • Màu nút và văn bản (“Thêm vào giỏ”, “Đặt hàng”, tự nhập) — nhãn có thể đặt riêng cho từng ngôn ngữ trên website của bạn.

Giá riêng#

Công tắc riêng: widget quy đổi giá trên website của bạn sang giá của mình và hiển thị cho khách — trên trang sản phẩm, trong danh mục và trong giỏ hàng.

  • Quy tắc cơ bản cho mọi sản phẩm: phần trăm, phụ phí theo đơn vị tiền tệ, giới hạn “không thấp hơn / không cao hơn” và làm tròn (đến số nguyên, đuôi …9, phần lẻ .99, hàng chục tròn …0, bội số 10/50/100).
  • Ghi đè riêng theo địa chỉ trang, tên hoặc mã sản phẩm: giá riêng, quy tắc riêng, tên khác trong giỏ hàng hoặc “ngừng bán” — khi đó nút không được đặt.
  • Tùy chọn hiển thị: giá cũ gạch ngang cạnh giá mới, nhãn như “giá khuyến mãi”, nhãn đơn vị tiền tệ riêng, các vị trí bổ sung có giá (thanh dính, khối “sản phẩm tương tự”). Có thể tắt việc vẽ lại giá ngay trong bố cục website: khách sẽ thấy giá của website, còn vào giỏ hàng sẽ là giá của bạn.
  • Trong tài khoản có phần xem trước “trước → sau” trên mẫu giá lấy từ website của bạn.

⚠️ Việc ghi đè là trực quan: backend của website bạn không biết về giá mới. Vì vậy giá riêng chỉ có ý nghĩa khi đi kèm chặn đơn hàng — nếu không, khách nhấn nút gốc còn sót lại sẽ đặt hàng theo giá cũ mà không qua bạn. Ở chế độ “Chặn hoàn toàn”, giá riêng được bật mặc định, và trang quản trị sẽ cảnh báo nếu bạn bật chúng mà không có chặn.


Điều gì xảy ra sau khi đặt hàng#

Khách thêm sản phẩm vào giỏ hàng, mở giỏ và đặt hàng — tên, số điện thoại, giao hàng hoặc tự đến lấy kèm địa chỉ, bình luận. Đơn hàng đến mục “Đơn hàng” trong tài khoản, ngang hàng với đơn hàng từ cửa hàng, thu ngân và các kênh tổng hợp: cùng trạng thái, thông báo, in ấn và chuyển đến bếp. Không có “hộp thư đến riêng của widget”. Mỗi dòng đơn hàng đến kèm liên kết đến trang trên website của bạn nơi sản phẩm được thêm vào giỏ — nhân viên vận hành thấy được chính xác đã đặt gì.

Mọi thứ còn lại về đơn hàng trực tuyến được cấu hình ngay tại đó, trong cửa sổ widget: nó được tổ chức như accordion với các mục “Widget trên website của bạn”, “Nhận đơn hàng”, “Giao hàng và tự đến lấy”, “Thanh toán”, “Thanh toán đơn hàng” và “Xuất hóa đơn tài chính” — cùng các biểu mẫu như trong các mục tương ứng của tài khoản, được tập hợp ở một nơi.


Nút “Thông báo khi có hàng”#

Thẻ thứ hai, riêng biệt của cùng Widget — dành cho trang sản phẩm đã bán hết trên website của bạn. Khách nhấn nút, để lại email, xác nhận qua liên kết trong thư và nhận một email khi sản phẩm có hàng trở lại; trong thư xác nhận, bên cạnh “xác nhận” còn có “từ chối”. Thông báo do cùng cơ chế gửi như đăng ký “thông báo khi có hàng” trên Cửa hàng của chúng tôi — không tạo thêm cơ chế thứ hai.

Cách kết nối: trong cửa sổ cài đặt đơn hàng trực tuyến, mở thẻ “🔔 Thông báo khi có hàng”, chọn sản phẩm và nếu có, chọn biến thể từ danh mục đã xuất bản của bạn — trình tạo sẽ tạo mã. Trên trang sản phẩm, đặt nút với thuộc tính data-cenaly-stock="<товар>" (ví dụ mẫu có sẵn — trong cùng thẻ đó) và chèn thẻ stock/v1.js một lần. Trình khởi chạy nặng chưa đến một kilobyte và chỉ làm đúng một việc — chờ nhấp chuột; biểu mẫu đăng ký, từ điển và việc gửi sẽ đến trong một tệp riêng chỉ khi khách thực hiện hành động.

Những điều cần biết:

  • Sản phẩm được liên kết thủ công. Chúng tôi không đối chiếu danh mục của bên khác và không đọc tồn kho từ trang của bên khác: “có hàng trở lại” là có hàng trong danh mục của bạn tại chúng tôi, đúng như Cửa hàng của chúng tôi thấy. Sản phẩm không có trong danh mục đã xuất bản của Chi nhánh sẽ không được nút chấp nhận.
  • Đăng ký được xác nhận qua email (double opt-in): trước khi nhấp vào liên kết trong thư, email thông báo có hàng sẽ không được gửi.
  • Đăng ký không giữ hàng. Thông báo được gửi khi hàng trở lại trong danh mục của chúng tôi. Ở phiên bản hiện tại, một email chỉ được tính một lần cho một sản phẩm: đăng ký lại cho biến thể khác của cùng sản phẩm không thay thế biến thể đã chọn.
  • Với CSP nghiêm ngặt chỉ có nonce, biểu mẫu đăng ký hiện chưa mở được nếu không có thêm quyền cho script CDN hoặc chính sách 'strict-dynamic' phù hợp: chi tiết — trong “Website của tôi”.
  • Đây không phải một thẻ hợp nhất. Nút “Thông báo khi có hàng” không được trình tải hợp nhất của “Website của tôi” kích hoạt — nút có thẻ riêng và đánh dấu riêng trên trang, vì nó chỉ đứng ở nơi bạn đặt nó.

Giới hạn#

  • Máy quét đọc HTML phía máy chủ. Nếu danh mục được vẽ hoàn toàn bằng JavaScript, các trang sản phẩm có thể không được tìm thấy — khi đó chế độ “Cửa hàng riêng” sẽ hoạt động.
  • Sản phẩm trong giỏ hàng được lấy từ các trang website của bạn, không phải từ danh mục trong Tài khoản: Widget đọc tên và giá từ chính trang đó (và khi cần, tính lại theo quy tắc giá của bạn). Không cần chuyển danh mục sang chúng tôi vì việc này — nhưng tồn kho trong Tài khoản cũng không bị trừ cho những Đơn hàng như vậy.
  • Trong giỏ hàng của Widget, có thể chọn thanh toán khi nhận hàng hoặc thanh toán trực tuyến, nếu Chi nhánh đã cấu hình nhà cung cấp được hỗ trợ. Sau khi tạo Đơn hàng, khách chuyển sang trang của nhà cung cấp; bản thân Widget không nhận dữ liệu thẻ. Nếu không chuẩn bị được thanh toán, có thể thử lại cho Đơn hàng đã tạo.
  • Ở chế độ “Thay thế nút”, các nút gốc bị ẩn về mặt hiển thị; nếu website có đường dẫn khác đến việc đặt hàng (ví dụ liên kết trực tiếp đến giỏ hàng của bên khác), bạn cần tự xóa nó — hoặc chuyển sang chế độ “Chặn hoàn toàn”, chế độ này sẽ tiếp nhận những chuyển hướng như vậy.

Xử lý sự cố#

Trên website không có nút “Thêm vào giỏ”.

  1. Không tìm thấy thẻ — nhấn “Kiểm tra cài đặt” trong mục “Website của tôi”. “Không có mã” — thẻ chưa được chèn hoặc không có trên tất cả các trang của mẫu; “mã của Chi nhánh khác” — trong thẻ có data-domain của bên khác. Thẻ do Google Tag Manager chèn — kiểm tra sẽ không thấy nó, hãy xem website bằng mắt.
  2. Thay đổi chưa đến — các tệp Widget được phân phối qua CDN với bộ nhớ đệm 5 phút: hãy đợi và làm mới trang với xóa bộ nhớ đệm.
  3. Sơ đồ website chưa được tạo hoặc chưa được áp dụng — ở các chế độ ngoài “Cửa hàng riêng”, nút được đặt theo sơ đồ: hãy quét website và áp dụng kết quả.
  4. Máy quét không tìm thấy trang sản phẩm — nó đọc HTML phía máy chủ; nếu danh mục được vẽ hoàn toàn bằng JavaScript, hãy chuyển sang chế độ “Cửa hàng riêng”.
  5. Nút trên trang sản phẩm bị tắt trong cài đặt vị trí — đó là chủ ý trong kịch bản “chặn hoàn toàn”, nơi khách nhấn nút gốc của website.

Nút giỏ hàng biến mất. Kiểm tra góc màn hình đã chọn trong cài đặt vị trí; nếu nút đa năng được bật và trong cụm của nó có mục “Đặt hàng”, nút riêng của Widget bị tắt có chủ ý.

Nút đặt sai chỗ hoặc biến mất sau khi website cập nhật. Cấu trúc trang đã thay đổi — nhấn “Quét lại”: cài đặt vị trí sẽ được giữ nguyên.

Giá trên trang không thay đổi. Có thể tắt việc vẽ lại giá ngay trong đánh dấu của website bằng cài đặt — khi đó khách thấy giá của website, còn vào giỏ hàng là giá của bạn. Cũng hãy kiểm tra rằng quy tắc giá đã bật và sản phẩm đó không có ghi đè riêng.

Khách đã đặt hàng trên website nhưng không thấy Đơn hàng trong Tài khoản. Nhiều khả năng Đơn hàng đã đi vòng qua chúng tôi — qua nút gốc còn sót lại hoặc liên kết trực tiếp đến giỏ hàng của website. Điều này được xử lý bằng chế độ “Thay thế nút” hoặc “Chặn hoàn toàn”.

Đơn hàng có giá không đúng. Việc ghi đè giá chỉ mang tính hiển thị: backend của website bạn không biết về nó. Chỉ nên bật giá riêng cùng với việc chặn Đơn hàng — nếu không, một phần Đơn hàng sẽ được đặt theo giá cũ mà không qua bạn.


Mục liên quan#


Câu hỏi thường gặp#

Có cần chuyển danh mục sang bên bạn không? Không. Widget làm việc với sản phẩm ngay trên các trang của website bạn — tên và giá được đọc từ đó. Danh mục trong tài khoản là cần thiết nếu bạn muốn quản lý kho, phân tích theo mặt hàng và cửa hàng của chúng tôi: có thể chuyển bằng cách nhập theo địa chỉ website hoặc bằng tệp — xem Nhập danh mục bằng AI và Cửa hàng trực tuyến.

Nếu website thay đổi thì sao? Nhấn “Quét lại” — bản đồ sẽ được cập nhật, các cài đặt vị trí vẫn được giữ nguyên.

Widget có làm hỏng bố cục không? Các nút được chèn vào những vị trí tìm thấy trong đánh dấu của bạn, giao diện được tùy chỉnh; giỏ hàng và trang thanh toán mở đè lên trang và không ảnh hưởng đến bố cục của bạn.

Was this article helpful?