Fillio فارمز ایمبیڈ کرنا

کسی بھی ویب سائٹ میں Fillio فارم شامل کرنے کے تین طریقے: اسٹینڈرڈ، پاپ اپ اور فل پیج۔

ایمبیڈ موڈز

وہ موڈ منتخب کریں جو آپ کے لے آؤٹ کے لیے موزوں ہو۔

  • اسٹینڈرڈ - صفحہ کے کسی حصے کے اندر ان لائن ایمبیڈ
  • پاپ اپ - فعال ہونے پر موڈل اوورلے کے طور پر کھلتا ہے
  • فل پیج - پوری HTML صفحہ کو ڈھانپ لیتا ہے

اسٹینڈرڈ ایمبیڈ

کوڈ کسی بھی HTML صفحہ میں پیسٹ کریں۔ فارم ان لائن iframe کے طور پر ظاہر ہوتا ہے۔

ایمبیڈ کوڈ

<iframe data-fillio-src="https://fillio.so/embed/YOUR_FORM_ID" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0" title="Form" loading="lazy"></iframe>
<script>var d=document,w="https://fillio.so/widgets/embed.js",v=function(){"undefined"!=typeof Fillio?Fillio.loadEmbeds():d.querySelectorAll("iframe[data-fillio-src]:not([src])").forEach((function(e){e.src=e.dataset.fillioSrc}))};if("undefined"!=typeof Fillio)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script>

اختیارات

سلوک کو حسب ضرورت بنانے کے لیے یہ کوئیری پیرامیٹرز ایمبیڈ URL میں شامل کریں۔

پیرامیٹرتفصیل
?hideTitle=1ایمبیڈ کے اندر فارم کا عنوان چھپاتا ہے
?transparentBackground=1ایمبیڈ فریم سے سفید پس منظر ہٹاتا ہے
?dynamicHeight=1فارم کی اونچائی کے مطابق iframe کا سائز خود بخود تبدیل کرتا ہے

پاپ اپ ایمبیڈ

کسی بھی بٹن یا لنک سے فارم کو فعال کریں۔ Fillio ویجٹ اسکرپٹ لوڈ کرنا ضروری ہے۔

1. اسکرپٹ شامل کریں

<script async src="https://fillio.so/widgets/embed.js"></script>

2. بٹن سے فعال کریں

<button data-fillio-open="YOUR_FORM_ID" data-fillio-width="500">Open Form</button>

3. JavaScript سے فعال کریں

Fillio.openPopup('YOUR_FORM_ID', {
  width: 500,
  hideTitle: false
});

ڈیٹا خصوصیات

خصوصیتتفصیل
data-fillio-openفارم ID (ضروری)
data-fillio-widthپاپ اپ کی چوڑائی پکسلز میں
data-fillio-hide-titleفارم عنوان چھپانے کے لیے 1 مقرر کریں

فل پیج ایمبیڈ

یہ HTML ٹیمپلیٹ استعمال کریں جب فارم کو پورا ویو پورٹ بھرنا ہو۔

<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>Form</title>
    <script async src="https://fillio.so/widgets/embed.js"></script>
    <style type="text/css">
      html { margin: 0; height: 100%; overflow: hidden; }
      iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0; }
    </style>
  </head>
  <body>
    <iframe data-fillio-src="https://fillio.so/embed/YOUR_FORM_ID" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" title="Form"></iframe>
  </body>
</html>

اختیارات

سلوک کو حسب ضرورت بنانے کے لیے یہ کوئیری پیرامیٹرز ایمبیڈ URL میں شامل کریں۔

پیرامیٹرتفصیل
?transparentBackground=1ایمبیڈ فریم سے سفید پس منظر ہٹاتا ہے