Kupachika Fomu za Fillio

Njia tatu za kuongeza fomu ya Fillio kwenye tovuti yoyote: Kawaida, Popup, na Ukurasa Kamili.

Mahali pa kupata msimbo wako

Fungua fomu, nenda kwenye kichupo cha Shiriki na uchague Pachika. Fillio hutengeneza msimbo ukiwa na kitambulisho cha fomu yako pamoja na chaguo ulizoteua tayari zimejazwa. Mifano hapa chini inaonyesha kinachozalishwa.

Njia za Kupachika

Chagua njia inayofaa mpangilio wako.

Kawaida

Upachikaji wa ndani wa mstari katika sehemu ya ukurasa

Ibukizi

Inafunguka kama kidirisha cha juu kinachowashwa

Ukurasa Kamili

Inachukua ukurasa mzima wa HTML

Upachikaji wa Kawaida

Bandika msimbo kwenye ukurasa wowote wa HTML. Fomu itaonyeshwa kama iframe ya ndani ya mstari.

Msimbo wa Kupachika

<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>

Ubadilishaji wa ukubwa kiotomatiki hutoka kwenye hati ya wijeti iliyomo kwenye msimbo. Iache, na iframe itakua na kupungua pamoja na fomu wanaojibu wanapohama kati ya kurasa.

Bila hati

Ikiwa hutaki kupakia wijeti, tumia iframe ya kawaida yenye urefu usiobadilika. Hakuna kinachobadilika ukubwa, kwa hivyo chagua urefu unaotosha ukurasa wako mrefu zaidi.

<iframe src="https://fillio.so/embed/YOUR_FORM_ID" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0" title="Form" style="border: 1px solid #e5e7eb; border-radius: 8px;"></iframe>

Chaguzi

Ambatisha vigezo hivi vya hoja kwenye URL ya upachikaji ili kubadilisha tabia.

Kigezo	Maelezo
?hideTitle=1	Huficha kichwa cha fomu ndani ya upachikaji
?transparentBackground=1	Huondoa mandharinyuma nyeupe kutoka fremu ya upachikaji
?dynamicHeight=1	Hubadilisha ukubwa wa iframe moja kwa moja ili kulingana na urefu wa fomu

Upachikaji wa Popup

Washa fomu kutoka kitufe au kiungo chochote. Inahitaji kupakia hati ya wijeti ya Fillio.

1. Ongeza Hati

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

2. Washa kwa Kitufe

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

Kipengele chochote chenye data-fillio-open hupewa muundo wa kitufe cha chaguo-msingi cha Fillio. Ongeza klasi yako mwenyewe ili kuubadilisha.

Sifa	Maelezo
data-fillio-open	Kitambulisho cha fomu (kinahitajika)
data-fillio-width	Upana wa popup kwa pikseli
data-fillio-hide-title	Weka 1 kuficha kichwa cha fomu

3. Washa kwa JavaScript

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

Funga kidirisha ibukizi kutoka kwenye msimbo wako wakati wowote.

Fillio.closePopup('YOUR_FORM_ID');

Fungua kutoka kwenye kiungo

Kipande cha URL hufungua kidirisha ibukizi mara tu ukurasa unapopakiwa, jambo linalorahisisha kufikia fomu kutoka kwenye kipengee cha menyu, ujumbe au ukurasa mwingine.

<a href="https://your-site.com/page#fillio-open=YOUR_FORM_ID&fillio-width=600">Open Form</a>

Tabia ya kidirisha ibukizi

Kidirisha ibukizi kina upana wa px 500 usipoweka upana, na hakizidi kamwe 90% ya skrini kwa upande wowote. Kubofya mandharinyuma au kubonyeza Esc hukifunga, na onOpen na onClose hutekelezwa kila upande.

Upachikaji wa Ukurasa Kamili

Tumia kiolezo hiki cha HTML fomu inapaswa kujaza eneo lote la kutazama.

<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>

Chaguzi

Ambatisha vigezo hivi vya hoja kwenye URL ya upachikaji ili kubadilisha tabia.

Kigezo	Maelezo
?transparentBackground=1	Huondoa mandharinyuma nyeupe kutoka fremu ya upachikaji

Kidokezo

Fomu iliyopachikwa hufanya kazi sawa kabisa na ile iliyopangishwa: mantiki ya masharti, kurasa nyingi na mandhari ya fomu yako vyote hufanya kazi ndani ya iframe.