Tùy chọn nhúng
Nhúng công cụ tính thế chấp vào website theo cách của quý vị
Trình tạo website không nên quyết định việc có thu thập được con số của người vay hay không.
Gói miễn phí, không cần thẻ. Các gói trả phí có 14 ngày dùng thử.
<div data-prequal="mortgage"
data-key="YOUR_EMBED_KEY"
data-mode="inline"></div>
<script src="https://app.prequalfunnel.com/embed.js" async></script>Để nhúng công cụ tính thế chấp vào website bằng PrequalFunnel, dán một thẻ div và một thẻ script vào vị trí mong muốn. Chọn chế độ: inline (cách ly kiểu dáng, không iframe), inline trong khung, nút popup, bong bóng nổi, nút hoặc liên kết riêng, liên kết trực tiếp, hoặc iframe cổ điển. Hoạt động trên HighLevel, WordPress, Wix, Squarespace và Webflow.
Điểm chính
- Một dòng mã: một thẻ div cộng một script.
- Chế độ inline cách ly kiểu dáng, nên CSS của website không làm vỡ công cụ tính.
- Popup, nút nổi, kích hoạt từ phần tử riêng, liên kết trực tiếp và iframe cổ điển cho mọi trường hợp khác.
- Hoạt động trên mọi trình tạo website chấp nhận HTML tùy chỉnh, kể cả phễu HighLevel.
01
Mã nhúng hoạt động thế nào?
Mã nhúng là một phần tử duy nhất ghi tên công cụ tính, cộng một script tải nhỏ. Script tải tìm phần tử đó, lấy các cài đặt đã lưu (giao diện, màu sắc, nội dung chữ) và hiển thị công cụ tính tại chỗ. Vì cài đặt được tải lúc chạy, các thay đổi trong bảng điều khiển hiển thị trên website mà không phải sửa mã lần nữa.
Ở chế độ inline mặc định không có iframe. Công cụ tính hiển thị trong một vùng chứa cách ly trên trang, nên CSS của giao diện website không đổi được phông chữ hay khoảng cách của nó, và kiểu dáng của nó cũng không lọt ra làm thay đổi trang. Nếu việc hiển thị inline không hoàn tất, hệ thống tự động chuyển sang phiên bản trong khung, nên người vay vẫn thấy công cụ tính hoạt động.
Chế độ inline cũng có thể kèm nội dung tùy chọn mà công cụ tìm kiếm đọc được bên trong phần tử: tiêu đề, phần giới thiệu ngắn, định nghĩa và tuyên bố miễn trừ, cùng dữ liệu có cấu trúc tùy chọn. Điều đó cho công cụ tìm kiếm thứ để đọc trên trang chứa công cụ tính. Nó không hứa hẹn thứ hạng; chỉ tránh để lại một ô trống ở chỗ công cụ tính.
Mọi chế độ đều dùng cùng biểu mẫu khách hàng tiềm năng (lead), nên lead vào CRM tích hợp sẵn với cùng dữ liệu nhập, kết quả và nguồn truy cập dù chọn chế độ nào.
Mã nhúng trông như thế nào?
Đây là dạng đoạn mã mà bảng điều khiển cung cấp. Khóa thật và công cụ tính được điền sẵn khi sao chép. Đổi data-mode để chuyển chế độ.
<!-- FHA calculator, inline (default) -->
<div data-prequal="fha-loan" data-key="ak_…" data-mode="inline" data-lang="en"></div>
<script src="https://app.prequalfunnel.com/embed.js" async></script>
<!-- Same calculator as a floating bubble, bottom left -->
<div data-prequal="fha-loan" data-key="ak_…" data-mode="floating"
data-label="Estimate my FHA payment" data-color="#0f5c4a" data-position="bl"></div>
<!-- Open it from your own button -->
<button class="open-calculator">Check my numbers</button>
<div data-prequal="fha-loan" data-key="ak_…" data-mode="trigger" data-trigger=".open-calculator"></div>Nên dùng chế độ nhúng nào?
Bắt đầu với inline. Dùng các chế độ khác khi bố cục trang hoặc trình tạo website đòi hỏi.
| Chế độ | Cách hiển thị | Phù hợp nhất cho |
|---|---|---|
| Inline (mặc định) | Trong luồng trang, cách ly kiểu dáng, không iframe | Trang công cụ tính và trang chương trình vay |
| Inline trong khung | Trong luồng trang, bên trong một khung tự điều chỉnh kích thước | Trình tạo website hạn chế script trên chính trang |
| Nút popup | Một nút mở công cụ tính trong popup | Phần đầu trang và các khối kiểu bảng giá |
| Bong bóng nổi | Một nút ở góc mọi trang (dưới hoặc trên, trái hoặc phải) | Phủ toàn website |
| Nút hoặc liên kết riêng | Bất kỳ phần tử nào khớp với một bộ chọn CSS đều mở công cụ tính | Lời kêu gọi hành động, mục menu, hình ảnh sẵn có |
| Liên kết trực tiếp | URL công cụ tính toàn trang | Email, SMS, phần giới thiệu mạng xã hội, mã QR |
| Iframe cổ điển | Một iframe tiêu chuẩn | Nền tảng cũ chỉ chấp nhận iframe |
Inline hay iframe: khác biệt thực tế là gì?
Cả hai đều hoạt động. Inline là lựa chọn mặc định tốt hơn cho phần lớn website của chuyên viên cho vay (LO).
Inline (không iframe)
- Tự co giãn theo trang; không có thanh cuộn lồng trong thanh cuộn
- Cách ly kiểu dáng theo cả hai chiều
- Có thể kèm tiêu đề, định nghĩa và tuyên bố miễn trừ mà công cụ tìm kiếm đọc được
- Giữ nguồn truy cập đầu và cuối qua các trang trên website
- Tự động chuyển sang khung khi cần
Iframe cổ điển
- Được gần như mọi nền tảng chấp nhận
- Ô kích thước cố định trừ khi dùng chế độ khung tự điều chỉnh
- Nội dung nằm trên trang khác, không hiện trong lượt thu thập dữ liệu của trang
- Biết trang chứa nhưng không biết toàn bộ lịch sử chiến dịch trừ khi URL trang được truyền vào
- Phù hợp làm phương án dự phòng cho trình tạo website nhiều hạn chế
Trang chứa công cụ tính nên có những gì?
Công cụ tính có tuyên bố miễn trừ riêng, nhưng trang chứa nó là quảng cáo của quý vị. Hãy để mã NMLS, tuyên bố Cơ hội Nhà ở Bình đẳng (Equal Housing Opportunity) và thông tin giấy phép tiểu bang hiển thị rõ, và bảo đảm nội dung xin sự đồng ý trên biểu mẫu lead khớp với bản bộ phận tuân thủ đã phê duyệt cho việc gọi điện và nhắn tin. Xem sự đồng ý theo TCPA để biết thêm bối cảnh, và kiểm tra với bộ phận tuân thủ hoặc luật sư cho trường hợp cụ thể.
Đọc tiếp
Câu hỏi thường gặp · 10 câu hỏi
Câu hỏi chuyên viên cho vay thường đặt ra
Làm sao nhúng công cụ tính thế chấp vào WordPress?
Thêm một khối Custom HTML ở vị trí muốn hiển thị công cụ tính và dán đoạn mã từ bảng điều khiển. Script tải có thể nằm trong cùng khối. Nếu một plugin bảo mật loại bỏ script, hãy cho phép script đó hoặc dùng chế độ inline trong khung hay iframe cổ điển.
Có hoạt động trong phễu và website HighLevel không?
Có. Dán đoạn mã vào custom code element trên trang phễu hoặc website. Để gửi lead tiếp vào một quy trình, xem tích hợp HighLevel, dùng webhook ở gói Producer hoặc Brokerage.
Có hoạt động trên Wix, Squarespace và Webflow không?
Có. Dùng phần tử mã tùy chỉnh hoặc phần tử nhúng của từng trình tạo website. Nếu trình tạo website đặt mã nhúng vào khung riêng, công cụ tính vẫn hoạt động; các chế độ dùng khung dành cho trình tạo website chặn script hoàn toàn.
Kiểu dáng website có làm vỡ công cụ tính không?
Không, ở chế độ inline. Công cụ tính hiển thị trong một vùng chứa cách ly, nên phông chữ, lề và kiểu nút của giao diện website không tác động đến nó, và kiểu dáng của nó không ảnh hưởng đến trang.
Có mở công cụ tính từ một nút có sẵn được không?
Có. Dùng chế độ trigger và gán cho nút hoặc liên kết một lớp CSS hay bộ chọn. Bất kỳ phần tử nào khớp đều mở công cụ tính trong popup, nên vẫn giữ được thiết kế hiện có.
Có đặt tiếng Tây Ban Nha làm ngôn ngữ mặc định được không?
Có. Thêm data-lang="es" vào phần tử (hoặc data-lang="vi" cho tiếng Việt). Khách truy cập vẫn chuyển được sang bất kỳ ngôn ngữ nào trong sáu ngôn ngữ bên trong công cụ tính. Xem công cụ tính song ngữ để biết thêm.
Có phải đổi mã khi chỉnh lại kiểu dáng công cụ tính không?
Không. Giao diện, màu sắc và nội dung chữ được tải từ cài đặt đã lưu mỗi lần công cụ tính hiển thị, nên các thay đổi trong bảng điều khiển xuất hiện trên website mà không cần đoạn mã mới.
Có đặt nhiều công cụ tính trong một mã nhúng được không?
Có, bằng một widget. Widget gom các công cụ tính thành nút nổi, tab, nút bấm hoặc thẻ, theo cùng cách dùng một dòng mã.
Mã nhúng có dùng tên miền riêng được không?
Có, ở gói Producer và Brokerage. Khi tên miền riêng đã kích hoạt, mã nhúng và công cụ tính mà chúng tải được phục vụ từ tên miền đó thay vì app.prequalfunnel.com.
Liên kết trực tiếp có hữu ích khi dùng riêng không?
Có. Liên kết trực tiếp mở công cụ tính toàn trang mang thương hiệu của quý vị, phù hợp cho email, tin nhắn, phần giới thiệu mạng xã hội và mã QR trên tờ rơi, những nơi không nhúng được mã.
PrequalFunnel
Người vay tiếp theo đã có mặt trên website của quý vị.
Cho họ những con số họ đang tìm, và nhận lead kèm sẵn các con số đó.
Miễn phí vĩnh viễn với Originator. Nâng cấp khi cần webhook và thương hiệu riêng. Dùng thử miễn phí 14 ngày với gói tháng và gói năm. Hủy trước khi hết hạn thì không mất phí.