Muốn thêm nút đặt hàng vào landing page hoặc gắn thêm form liên hệ, bạn chỉ cần mở mẫu trong editor kéo thả của TaoPage, kéo khối có sẵn từ bảng bên trái thả vào trang, rồi sửa chữ và đổi màu — không phải viết một dòng code nào. Toàn bộ thao tác mất khoảng 5 phút.

Thêm nút đặt hàng vào landing page bằng cách nào?

Trong editor kéo thả của TaoPage (GrapesJS), mọi thành phần đều nằm sẵn trong tab Khối ở bảng bên trái. Muốn thêm nút đặt hàng, chỉ cần tìm khối Nút bấm trong nhóm Cơ bản rồi kéo thả vào vị trí mong muốn trên trang — thường là ngay dưới banner đầu trang hoặc cuối phần giới thiệu sản phẩm. Sau khi thả xong, double-click vào nút để sửa chữ (ví dụ đổi thành Đặt hàng ngay hoặc Nhắn tin đặt hàng), rồi chọn nút và mở tab Kiểu dáng bên phải để đổi màu nền, bo góc, tăng kích thước cho nút dễ bấm hơn trên điện thoại. Ngay bên dưới phần style là mục thuộc tính liên kết (href) — dán vào đó số điện thoại dạng tel:0901234567, link Zalo hoặc link Messenger để khách bấm vào là nhắn tin đặt hàng ngay. Cùng cách làm này, bạn có thể thêm bao nhiêu nút tuỳ ý — nút đặt hàng ở đầu trang, nút Mua ngay dưới mỗi sản phẩm, hoặc nút Liên hệ tư vấn ở cuối trang — miễn là mỗi nút được kéo từ đúng khối Nút bấm rồi chỉnh sửa lại theo nhu cầu.

Tại sao nút đặt hàng và form liên hệ quan trọng với người bán hàng online?

Khách truy cập một landing page thường chỉ lướt qua trong vài giây đầu. Nếu không thấy ngay cách liên hệ hoặc đặt hàng, phần lớn sẽ rời trang mà không để lại bất kỳ thông tin nào. Theo các nguyên tắc UX phổ biến, một nút kêu gọi hành động (CTA) có màu tương phản rõ, đặt đúng vị trí và chỉ có một hành động duy nhất có thể giúp tỷ lệ click tăng đáng kể — nhiều trường hợp thực tế ghi nhận mức tăng 20-40% so với nút mờ nhạt hoặc bị chìm giữa nhiều nội dung khác. Với người bán hàng online tại Việt Nam, phần lớn đơn hàng vẫn chốt qua tin nhắn Zalo hoặc Messenger thay vì giỏ hàng truyền thống, nên một nút đặt hàng trỏ thẳng tới kênh chat thường hiệu quả và ít rào cản hơn một form nhiều trường thông tin. Ngược lại, một landing page chỉ có văn bản mô tả mà không có bất kỳ nút bấm hay thông tin liên hệ nào thường khiến khách phải tự tìm cách liên lạc — và phần lớn sẽ bỏ cuộc giữa chừng thay vì chủ động nhắn tin hỏi thêm.

Hướng dẫn chi tiết: thêm nút đặt hàng và form liên hệ

Bước 1: Mở mẫu landing page trong editor kéo thả

Đăng nhập tài khoản TaoPage, vào trang thư viện mẫu landing page, sau đó bấm nút Dùng mẫu này trên mẫu bạn muốn dùng. Trang sẽ mở thẳng vào editor kéo thả để bạn bắt đầu chỉnh sửa — không cần tải file về máy trước. Nếu mẫu đã có trong tài khoản của bạn, chỉ cần mở lại trang đó ở mục quản lý dự án.

Bước 2: Kéo khối Nút bấm vào vị trí đặt nút đặt hàng

Mở tab Khối ở bảng bên trái, tìm khối Nút bấm trong nhóm Cơ bản. Nhấn giữ chuột và kéo khối này thả vào vị trí mong muốn trên trang — con trỏ sẽ hiện đường kẻ xanh báo vị trí sẽ chèn vào. Thả chuột để hoàn tất, sau đó double-click trực tiếp vào chữ trên nút để đổi nội dung theo ý bạn.

Bước 3: Tuỳ chỉnh màu sắc và liên kết của nút

Chọn nút vừa thêm, mở tab Kiểu dáng bên phải để đổi màu nền cho trùng màu thương hiệu, tăng khoảng đệm (padding) để nút to và dễ bấm trên điện thoại. Ngay dưới phần style là ô nhập liên kết — dán link Zalo, Messenger hoặc số điện thoại vào đây để nút hoạt động đúng mục đích đặt hàng.

Bước 4: Thêm phần thông tin liên hệ hoặc form thu thập khách hàng

Kéo tiếp khối Thông tin liên hệ trong nhóm Liên hệ để hiển thị địa chỉ, số điện thoại, email dưới dạng thẻ đẹp mắt. Nếu muốn thu thập email hoặc số điện thoại khách để lại, dùng khối Đăng ký nhận tin trong nhóm Marketing — đây là khối có sẵn ô nhập liệu thật dạng form. Lưu ý quan trọng: các khối kéo-thả chỉ tạo giao diện, form sẽ không tự động lưu dữ liệu vào đâu nếu bạn chưa nối nó với một nơi nhận thật (ví dụ đổi action của form sang một Google Form, hoặc một dịch vụ nhận form riêng). Với người mới, cách đơn giản và ít lỗi hơn là bỏ qua form nhiều trường, chỉ dùng nút bấm trỏ thẳng tới Zalo hoặc Messenger để khách nhắn tin trực tiếp — xem thêm cách đổi màu, logo, hình ảnh trong mẫu website để đồng bộ toàn bộ giao diện trước khi xuất bản.

Bước 5: Thêm khối Kêu gọi hành động ở cuối trang

Ngoài nút đặt hàng ở giữa trang, nên kéo thêm khối Kêu gọi (nhóm Marketing) xuống cuối landing page. Đây là một khối lớn có tiêu đề, mô tả ngắn và một nút bấm sẵn, thường dùng làm điểm chốt cuối cùng để nhắc khách hành động sau khi đã đọc hết nội dung trang. Sửa lại chữ, đổi link của nút bên trong khối này giống hệt cách làm ở Bước 3.

Ví dụ thực tế

Một chủ shop mỹ phẩm nhỏ mở mẫu landing page bán hàng trong editor, kéo khối Nút bấm đặt ngay dưới phần giới thiệu sản phẩm, đổi chữ thành Đặt hàng qua Zalo và dán link Zalo cá nhân vào ô liên kết. Tiếp theo, chị kéo thêm khối Thông tin liên hệ để hiển thị số hotline và giờ mở cửa ngay bên dưới, rồi kéo khối Kêu gọi xuống cuối trang làm lời chốt. Toàn bộ thao tác mất chưa đến 5 phút, không cần nhờ ai viết code, và trang có thể xuất bản ngay sau đó.

Một trường hợp khác là landing page bán khóa học online: thay vì nút Đặt hàng, chủ khóa học đổi chữ trên khối Nút bấm thành Đăng ký ngay và dán link tới form thanh toán hoặc trang thông tin chuyển khoản. Vì mục tiêu là thu thập người quan tâm trước, họ giữ lại khối Đăng ký nhận tin để khách để lại email nhận tài liệu miễn phí, đồng thời vẫn đặt nút Đăng ký ngay ở vị trí dễ thấy nhất cho những khách đã sẵn sàng mua ngay.

Câu hỏi thường gặp (FAQ)

Thêm nút đặt hàng vào landing page có cần biết code không?

Không. Bạn chỉ cần kéo khối Nút bấm từ bảng bên trái thả vào trang, sau đó double-click để sửa chữ và dùng bảng Kiểu dáng để đổi màu, đổi link — toàn bộ đều thao tác bằng chuột.

Form liên hệ kéo thả có tự động nhận đơn hàng vào email không?

Không tự động. Khối form kéo-thả chỉ tạo giao diện; muốn nhận dữ liệu thật, bạn cần nối form với một nơi nhận (Google Form, dịch vụ form riêng) hoặc đơn giản hơn là dùng nút bấm trỏ thẳng tới Zalo/Messenger để khách nhắn tin trực tiếp.

Có thể thêm bao nhiêu nút đặt hàng trên một trang landing page?

Không giới hạn số lượng, nhưng nên ưu tiên một nút CTA chính, nổi bật nhất để tránh làm khách phân vân giữa nhiều lựa chọn cùng lúc.

Lỡ kéo nhầm khối hoặc xoá nhầm nút thì có hoàn tác lại được không?

Được. Editor kéo thả của TaoPage hỗ trợ hoàn tác bằng tổ hợp phím Ctrl+Z (hoặc Cmd+Z trên Mac) ngay trên canvas, nên bạn có thể thử kéo thả thoải mái mà không sợ hỏng bố cục đang có.

Kết luận

Thêm nút đặt hàng và form liên hệ vào landing page chỉ mất vài phút với editor kéo thả — không cần biết code, không cần thuê lập trình viên. Bắt đầu tạo và tuỳ chỉnh landing page bán hàng ngay hôm nay tại TaoPage — miễn phí, không cần code.