Dán URL, chọn chiều rộng và chiều cao, bật hoặc tắt một vài tùy chọn rồi sao chép mã HTML nhúng <iframe> gọn gàng — cho trang Knocket, video, bản đồ hoặc bất kỳ nội dung nào trình duyệt có thể hiển thị. Xem bản xem trước trực tiếp, sau đó dán mã vào trang web của bạn. Không cần đăng nhập, không lưu trữ dữ liệu.
Bản xem trước trống? Trang web chặn việc nhúng — mã vẫn chính xác.
Nội dung hữu ích nhất để nhúng là một trang giúp mọi người liên hệ với bạn. Trang liên hệ Knocket miễn phí được thiết kế để nhúng — chỉ cần thêm vào trang web của bạn, khách truy cập sẽ có thể trò chuyện trực tiếp, liên hệ qua WhatsApp, email và đặt lịch mà bạn không cần tự viết biểu mẫu hay hệ thống backend. Tạo trang miễn phí của bạn →
Nhúng một trang vào bên trong một trang khác là một trong những kỹ thuật nền tảng lâu đời nhất của web, nhưng việc tự viết thẻ <iframe> — với chiều rộng phù hợp, tiêu đề dành cho trình đọc màn hình, tính năng tải trì hoãn và sandbox an toàn — khá rắc rối và dễ xảy ra sai sót. Trình tạo sẽ luôn thiết lập chính xác và hiển thị kết quả cho bạn trước khi triển khai.
Trong một khối HTML tùy chỉnh trên WordPress, một Code Embed trên Wix, một khối nhúng trên Squarespace hoặc trực tiếp trong HTML của trang web. Trong bố cục React/Astro, hãy chèn <iframe> bằng một phần tử HTML thô. Thẻ này hoạt động độc lập — không cần tải tập lệnh hay bảng định kiểu.
Iframe rất phù hợp để hiển thị một trang khác bên trong trang của bạn. Đây không phải là công cụ phù hợp khi bạn cần:
X-Frame-Options: DENY — Google, Instagram và hầu hết các trang đăng nhập đều từ chối hiển thị trong khung.Để có trải nghiệm liên hệ hoạt động nguyên bản ngay trên trang web của bạn (không dùng iframe, sử dụng tên miền và phong cách của bạn), bạn chỉ cần một thẻ script để thêm tiện ích Knocket.
Có — hoàn toàn miễn phí, không cần đăng nhập, không giới hạn. HTML được tạo ngay trong trình duyệt của bạn, không có dữ liệu nào được tải lên hoặc lưu trữ. Bạn có thể tạo bao nhiêu mã nhúng tùy thích.
Trang web bạn đang nhúng đang gửi tiêu đề X-Frame-Options hoặc Content-Security-Policy từ chối hiển thị trong khung. Google, Instagram, Facebook và hầu hết các trang yêu cầu đăng nhập đều làm như vậy. Mã được tạo vẫn chính xác — chỉ là trang web không cho phép bất kỳ ai nhúng nó ở bất kỳ đâu. Các trang Knocket và hầu hết trình phát video (YouTube, Vimeo) đều cho phép nhúng.
Thuộc tính sandbox giới hạn những gì trang được nhúng có thể thực hiện, nhờ đó nội dung nhúng không đáng tin cậy không thể mở cửa sổ bật lên, chạy biểu mẫu hoặc truy cập trang của bạn. Chế độ Hạn chế (khuyên dùng) cho phép nội dung nhúng chạy tập lệnh và biểu mẫu nhưng chặn các hành vi nguy hiểm; chế độ Nghiêm ngặt chỉ cho phép tập lệnh. Hãy tắt chế độ này đối với trang đáng tin cậy cần đầy đủ chức năng.
Thuộc tính title trên iframe cho trình đọc màn hình biết nội dung bên trong — điều này rất cần thiết cho khả năng tiếp cận. Nếu không có thuộc tính này, khách truy cập sử dụng công nghệ hỗ trợ sẽ chỉ nghe thấy "khung" mà không có ngữ cảnh. Hãy luôn đặt thuộc tính này để mô tả nội dung được nhúng (ví dụ: "Trang liên hệ Knocket").
Dùng chế độ đáp ứng (chiều rộng 100%) khi nội dung nhúng cần lấp đầy vùng chứa — phù hợp với hầu hết các trang web hiện đại. Dùng chiều rộng và chiều cao cố định khi bạn cần kích thước chính xác, chẳng hạn như trình phát video hoặc bản đồ vuông. Nội dung nhúng đáp ứng thường được kết hợp với một khung giữ tỷ lệ khung hình trên trang của bạn.
Có. loading="lazy" yêu cầu trình duyệt chỉ tải iframe khi người dùng cuộn đến gần nó, giúp tăng tốc độ tải trang ban đầu — đặc biệt hữu ích nếu bạn có nhiều nội dung nhúng trên một trang.
Không. Mọi thứ đều chạy trong trình duyệt của bạn — URL, tiêu đề và các tùy chọn không bao giờ rời khỏi thiết bị. Không có máy chủ, cơ sở dữ liệu hay tài khoản.
Có — và đây là một cách sử dụng tuyệt vời. Trang liên hệ Knocket của bạn được thiết kế để nhúng: khách truy cập có thể trò chuyện trực tiếp, dùng WhatsApp, email và đặt lịch ngay trên trang web của bạn mà không cần viết biểu mẫu hay hệ thống backend. Hãy dán URL knocket.trtc.io/your-handle và sao chép mã.
Nội dung tốt nhất để nhúng là nội dung giúp mọi người liên hệ với bạn. Trang Knocket mang tính năng trò chuyện trực tiếp, WhatsApp, email và đặt lịch đến mọi trang web.
Tạo trang miễn phí của bạn