خيارات التضمين
ضمّن حاسبة الرهن العقاري في موقعك بطريقتك
لا ينبغي لمنشئ موقعك أن يقرّر ما إذا كنت تستطيع التقاط أرقام المقترض.
خطة مجانية بلا بطاقة. الخطط المدفوعة تشمل تجربة لمدة 14 يومًا.
<div data-prequal="mortgage"
data-key="YOUR_EMBED_KEY"
data-mode="inline"></div>
<script src="https://app.prequalfunnel.com/embed.js" async></script>لتضمين حاسبة رهن عقاري في موقعك مع PrequalFunnel، الصق عنصر div واحدًا ووسم script واحدًا حيث تريدها. اختر الوضع: مضمَّنة (معزولة الأنماط، دون iframe)، أو مضمَّنة داخل إطار، أو زر نافذة منبثقة، أو فقاعة عائمة، أو زرّك أو رابطك الخاص، أو رابط مباشر، أو iframe تقليدي. تعمل على HighLevel وWordPress وWix وSquarespace وWebflow.
أهم النقاط
- سطر برمجي واحد: عنصر div مع سكربت واحد.
- الوضع المضمَّن معزول الأنماط، فلا تستطيع أنماط CSS في موقعك كسر الحاسبة.
- النافذة المنبثقة، والفقاعة العائمة، والمشغّل الخاص بك، والرابط المباشر، وiframe التقليدي لكل حالة أخرى.
- تعمل على أي منشئ مواقع يقبل HTML مخصصًا، بما في ذلك مسارات HighLevel.
01
كيف يعمل كود التضمين؟
التضمين عنصر واحد يحدّد الحاسبة، مع سكربت تحميل صغير. يعثر سكربت التحميل على العنصر، ويجلب إعداداتك المحفوظة (السمة، والألوان، والنصوص)، ويركّب الحاسبة في مكانها. ولأن إعداداتك تُحمَّل وقت التشغيل، تظهر التغييرات التي تجريها في لوحة التحكم على موقعك دون تعديل الكود مرة أخرى.
في الوضع الافتراضي المضمَّن لا يوجد iframe. تُعرض الحاسبة داخل حاوية معزولة على صفحتك، فلا تستطيع أنماط CSS في سمتك تغيير خطوطها أو مسافاتها، ولا تستطيع أنماطها التسرّب إلى صفحتك وتغييرها. وإذا تعذّر إكمال التركيب المضمَّن، تنتقل تلقائيًا إلى نسخة داخل إطار، فيظل المقترض يرى حاسبة تعمل.
ويمكن للوضع المضمَّن أيضًا أن يحمل محتوى اختياريًا قابلًا للزحف داخل العنصر: عنوانًا، ومقدمة قصيرة، والتعريفات، وإخلاء المسؤولية، مع بيانات منظمة اختيارية. هذا يعطي محركات البحث شيئًا تقرؤه في الصفحة التي تستضيف الحاسبة. لا يعد بترتيب معيّن؛ بل يتجنب فقط وجود مربع فارغ مكان الحاسبة.
كل الأوضاع تستخدم نموذج العميل المحتمل نفسه، فيصل العملاء المحتملون إلى نظام CRM المدمج بالمدخلات والنتائج ومصدر الزيارة نفسها أيًّا كان الوضع الذي تختاره.
كيف يبدو كود التضمين؟
هذا شكل المقتطف الذي تعطيك إياه لوحة التحكم. يُملأ مفتاحك الحقيقي والحاسبة عند نسخه. غيّر data-mode لتبديل الوضع.
<!-- 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>أي وضع تضمين يجب أن تستخدم؟
ابدأ بالوضع المضمَّن. واستخدم الأوضاع الأخرى عندما يتطلبها تخطيط الصفحة أو منشئ الموقع.
| الوضع | كيف يظهر | الأنسب لـ |
|---|---|---|
| مضمَّن (افتراضي) | ضمن تدفق الصفحة، معزول الأنماط، دون iframe | صفحات الحاسبات وصفحات برامج القروض |
| مضمَّن داخل إطار | ضمن تدفق الصفحة داخل إطار يغيّر حجمه تلقائيًا | منشئو المواقع الذين يقيّدون السكربتات على الصفحة نفسها |
| زر نافذة منبثقة | زر يفتح الحاسبة في نافذة منبثقة | أقسام الواجهة الرئيسية والكتل بأسلوب الأسعار |
| فقاعة عائمة | زر في زاوية كل صفحة (أسفل أو أعلى، يسار أو يمين) | تغطية الموقع بالكامل |
| زرّك أو رابطك الخاص | أي عنصر يطابق محدِّد CSS يفتحها | أزرار الدعوة إلى الإجراء الحالية، وعناصر القائمة، والصور |
| رابط مباشر | رابط حاسبة بصفحة كاملة | البريد الإلكتروني، والرسائل النصية، والسير الذاتية على وسائل التواصل، ورموز QR |
| iframe تقليدي | iframe قياسي | المنصات القديمة التي لا تقبل إلا iframe |
مضمَّن أم iframe: ما الفرق العملي؟
كلاهما يعمل. والوضع المضمَّن هو الخيار الافتراضي الأفضل لمعظم مواقع مسؤولي القروض.
مضمَّن (دون iframe)
- يتحجّم طبيعيًا مع الصفحة؛ لا تمرير داخل تمرير
- أنماط معزولة في الاتجاهين
- يمكن أن يحمل عنوانًا وتعريفات وإخلاء مسؤولية قابلة للزحف
- يحتفظ بأول مصدر زيارة وآخره عبر صفحات موقعك
- ينتقل تلقائيًا إلى إطار عند الحاجة
iframe تقليدي
- تقبله كل المنصات تقريبًا
- مربع ثابت ما لم يُستخدم وضع الإطار ذاتي التحجيم
- المحتوى في صفحة أخرى، غير مرئي عند الزحف إلى صفحتك
- يعرف الصفحة المضيفة لكن لا يعرف سجل الحملة الكامل ما لم يُمرَّر رابط الصفحة
- مناسب كبديل احتياطي لمنشئي المواقع المقيِّدين
ما الذي يجب أن يكون في الصفحة حول الحاسبة؟
تتضمن الحاسبة إخلاء المسؤولية الخاص بها، لكن الصفحة التي تقع عليها هي إعلانك أنت. أبقِ رقم NMLS الخاص بك، وبيان تكافؤ فرص الإسكان، ومعلومات الترخيص في ولايتك ظاهرة، وتأكد من أن نص الموافقة في نموذج العميل المحتمل يطابق ما اعتمده فريق الامتثال لديك للمكالمات والرسائل النصية. راجع موافقة TCPA للخلفية، واستشر فريق الامتثال أو المستشار القانوني بشأن وضعك.
تابع القراءة
الأسئلة الشائعة · 10 أسئلة
أسئلة يطرحها مسؤولو القروض
كيف أضمّن حاسبة رهن عقاري في WordPress؟
أضف كتلة HTML مخصص (Custom HTML) حيث يجب أن تظهر الحاسبة والصق المقتطف من لوحة التحكم. يمكن أن يكون سكربت التحميل في الكتلة نفسها. وإذا أزالت إضافة أمان السكربتات، فاسمح بالسكربت أو استخدم وضع المضمَّن داخل إطار أو وضع iframe التقليدي.
هل تعمل في مسارات HighLevel ومواقعه؟
نعم. الصق المقتطف في عنصر كود مخصص في صفحة المسار أو الموقع. ولإرسال العملاء المحتملين إلى مسار عمل، راجع التكامل مع HighLevel، الذي يستخدم webhook على Producer أو Brokerage.
هل تعمل على Wix وSquarespace وWebflow؟
نعم. استخدم عنصر الكود المخصص أو التضمين في كل منشئ. وإذا كان منشئ الموقع يعزل عمليات التضمين في إطاره الخاص، تظل الحاسبة تعمل؛ أما الأوضاع المعتمدة على الإطار فهي موجودة لمنشئي المواقع الذين يحظرون السكربتات كليًا.
هل ستكسر أنماط موقعي الحاسبة؟
ليس في الوضع المضمَّن. تُعرض الحاسبة في حاوية معزولة، فلا تصل إليها خطوط سمتك وهوامشها وأنماط أزرارها، ولا تؤثر أنماطها في صفحتك.
هل يمكنني فتح الحاسبة من زر موجود لديّ بالفعل؟
نعم. استخدم وضع المشغّل (trigger) وأعطِ زرّك أو رابطك فئة CSS أو محدِّدًا. أي عنصر مطابق يفتح الحاسبة في نافذة منبثقة، فتحتفظ بتصميمك الحالي.
هل يمكنني ضبط الحاسبة على لغة أخرى افتراضيًا؟
نعم. أضف data-lang إلى العنصر، مثل data-lang="es" للإسبانية أو data-lang="ar" للعربية؛ فالحاسبات تعمل بست لغات. ويظل بإمكان الزوار تبديل اللغة داخل الحاسبة. راجع الحاسبات متعددة اللغات للمزيد.
هل أحتاج إلى تغيير الكود عندما أعيد تصميم الحاسبة؟
لا. تُحمَّل السمة والألوان والنصوص من إعداداتك المحفوظة في كل مرة تُركَّب فيها الحاسبة، فتظهر تغييرات لوحة التحكم على موقعك دون مقتطف جديد.
هل يمكنني وضع عدة حاسبات في تضمين واحد؟
نعم، باستخدام أداة (widget). تجمع الأداة الحاسبات في مُشغِّل عائم أو علامات تبويب أو أزرار أو بطاقات بالأسلوب نفسه ذي السطر الواحد.
هل يمكن لأكواد التضمين استخدام نطاقي الخاص؟
نعم، على Producer وBrokerage. بمجرد تفعيل نطاق مخصص، تُقدَّم أكواد التضمين والحاسبات التي تحمّلها منه بدلًا من app.prequalfunnel.com.
هل الرابط المباشر مفيد وحده؟
نعم. يفتح الرابط المباشر حاسبة بصفحة كاملة تحمل علامتك التجارية، وهو مناسب في رسائل البريد الإلكتروني والرسائل النصية والسير الذاتية على وسائل التواصل ورموز QR على المنشورات الورقية، حيث لا يمكنك تضمين كود.
PrequalFunnel
مقترضك التالي موجود بالفعل على موقعك.
أعطه الأرقام التي جاء من أجلها، واحصل على العميل المحتمل ومعه تلك الأرقام.
مجانية للأبد على Originator. قم بالترقية عندما تريد webhooks وعلامتك التجارية الخاصة. تجربة مجانية لمدة 14 يومًا على الخطتين الشهرية والسنوية. ألغِ قبل انتهائها ولن تدفع شيئًا.