ഫോം ബിൽഡർ എങ്ങനെ നിർമ്മിക്കാം

ആളുകൾക്ക് സ്വന്തം ഫോമുകൾ രൂപകൽപ്പന ചെയ്യാൻ അനുവദിക്കുന്ന ആപ്പാണ് ഫോം ബിൽഡർ — ഫീൽഡുകൾ തിരഞ്ഞെടുക്കുക, നിയമങ്ങൾ സജ്ജമാക്കുക, ഒരു ലിങ്ക് പ്രസിദ്ധീകരിക്കുക — പിന്നെ സമർപ്പണങ്ങൾ ശേഖരിക്കുന്നു. ഉള്ളിൽ അതിന് മൂന്ന് ഭാഗങ്ങളുണ്ട്: ഡാറ്റയായി സൂക്ഷിക്കുന്ന ഒരു ഫോം നിർവചനം, അതിനെ പ്രവർത്തിക്കുന്ന ഫോമാക്കുന്ന ഒരു റെൻഡറർ, സമർപ്പണ സംഭരണം (അറിയിപ്പുകളും എക്സ്പോർട്ടും സഹിതം). ഒന്ന് നിർമ്മിക്കുന്നതിന് മുമ്പ് നിങ്ങൾക്ക് ശരിക്കും അത് ആവശ്യമുണ്ടോ എന്ന് പരിശോധിക്കുക: ഒരു കോൺടാക്ട് ഫോമോ അപേക്ഷാ ഫോമോ മാത്രമാണ് വേണ്ടതെങ്കിൽ, ആ ഫോം നേരിട്ട് നിർമ്മിച്ച് ബിൽഡർ പൂർണ്ണമായി ഒഴിവാക്കുക.

നിങ്ങൾക്ക് ഒരു ബിൽഡർ വേണോ?

ഒരു ഫോമിനേക്കാൾ വലിയ പ്രോജക്ടാണ് ബിൽഡർ, കാരണം ഓരോ ഫീൽഡ് തരവും എഡിറ്ററിലും പൊതു ഫോമിലും സാധൂകരണത്തിലും സംഭരണത്തിലും അറിയിപ്പുകളിലും എക്സ്പോർട്ടിലും പ്രവർത്തിക്കണം.

ഒരു ഫോം ബിൽഡറിന് വേണ്ടത്

ഫോം നിർവചനങ്ങൾ

ഓരോ ഫോമും ഫീൽഡുകളുടെ ഒരു പട്ടികയായി സൂക്ഷിക്കുക, ഘടനാപരമായ ഡാറ്റയായി (Postgres കോളത്തിലെ JSON നന്നായി പ്രവർത്തിക്കുന്നു). ഒരു ഫീൽഡ് ഇങ്ങനെയാകാം:

• id — ലേബൽ മാറിയാലും ഒരിക്കലും മാറാത്ത സ്ഥിരമായ ID
• type — ടെക്സ്റ്റ്, ഇമെയിൽ, നമ്പർ, ദീർഘ ടെക്സ്റ്റ്, സെലക്ട്, ചെക്ക്ബോക്സ്, തീയതി, ഫയൽ
• label, help text
• required, min / max, അനുവദനീയമായ ഫയൽ തരങ്ങൾ
• സെലക്ട് ഫീൽഡുകൾക്കുള്ള options
• order, കൂടാതെ ഓപ്ഷണലായി ഒരു condition ("X ഫീൽഡ് Y ആണെങ്കിൽ മാത്രം കാണിക്കുക")

എഡിറ്റർ ഈ പട്ടിക എഡിറ്റ് ചെയ്യുന്നു; പൊതു ഫോം അത് വായിക്കുന്നു. ഇതാണ് മുഴുവൻ തന്ത്രം: ഓരോ ഫോമിനും പുതിയ കോഡ് വേണ്ട.

സമർപ്പണങ്ങൾ

• സമർപ്പണങ്ങൾ — ഫോം, ഫോം പതിപ്പ്, സമർപ്പിച്ച സമയം, ഫീൽഡ് ID അനുസരിച്ച് കീ ചെയ്ത ഉത്തരങ്ങൾ, സ്റ്റാറ്റസ് (പുതിയത്, വായിച്ചത്, ആർക്കൈവ് ചെയ്തത്).
• ഫയലുകൾ — അപ്‌ലോഡ് ചെയ്ത ഫയലുകൾ ഫയൽ സംഭരണത്തിൽ തന്നെ ഇരിക്കണം, സമർപ്പണത്തിൽ ഒരു റഫറൻസ് മാത്രം; ഡാറ്റാബേസ് വരിയിൽ ഒരിക്കലും അകത്ത് വയ്ക്കരുത്.

പേജുകൾ

• ഫോം ലിസ്റ്റ് — സമർപ്പണങ്ങളുടെ എണ്ണത്തോടൊപ്പം.
• എഡിറ്റർ — ഫീൽഡുകൾ ചേർക്കുക, ക്രമീകരിക്കുക, കോൺഫിഗർ ചെയ്യുക, അതിനരികിൽ ലൈവ് പ്രിവ്യൂയോടെ.
• ക്രമീകരണങ്ങൾ — സ്ഥിരീകരണ സന്ദേശമോ റീഡയറക്ടോ, അറിയിപ്പ് ഇമെയിലുകൾ, തുറക്കുന്ന/അടയ്ക്കുന്ന തീയതികൾ, സമർപ്പണ പരിധി.
• പൊതു ഫോം അതിന്റെ സ്വന്തം ലിങ്കിൽ, മറ്റ് വെബ്സൈറ്റുകൾക്കായി എംബെഡ് ചെയ്യാവുന്ന പതിപ്പും.
• സമർപ്പണ പട്ടിക തിരയൽ, സ്റ്റാറ്റസ്, വിശദ കാഴ്ച, CSV എക്സ്പോർട്ട് എന്നിവയോടെ.

തീരുമാനങ്ങളും വിട്ടുവീഴ്ചകളും

പതിപ്പിംഗ്. 200 സമർപ്പണങ്ങൾക്ക് ശേഷം ആരെങ്കിലും "Phone" എന്നത് "Mobile number" എന്ന് മാറ്റും. ഉത്തരങ്ങൾ ഫീൽഡ് ID അനുസരിച്ച് സൂക്ഷിക്കുകയും ഓരോ സമർപ്പണവും ഫോം പതിപ്പ് രേഖപ്പെടുത്തുകയും ചെയ്താൽ പഴയ സമർപ്പണങ്ങൾ ശരിയായി കാണിക്കും. അല്ലെങ്കിൽ നിങ്ങളുടെ ഡാറ്റ നിശബ്ദമായി തെറ്റിപ്പോകും.

സാധൂകരണം രണ്ട് തവണ. വേഗത്തിലുള്ള പ്രതികരണത്തിനായി ബ്രൗസറിൽ ഫീൽഡുകൾ പരിശോധിക്കുക, പിന്നെ സെർവറിലും വീണ്ടും, കാരണം ആർക്കും നിങ്ങളുടെ എൻഡ്പോയിന്റിലേക്ക് നേരിട്ട് ഡാറ്റ അയക്കാം. സെർവർ പരിശോധനയാണ് കണക്കിലെടുക്കുന്നത്.

ഫയൽ അപ്‌ലോഡുകൾ. അവ സംഭരണച്ചെലവുകളും വലുപ്പ പരിധികളും ഫയൽ തരം പരിശോധനകളും സ്വകാര്യത ചോദ്യങ്ങളും (CV-കൾ, ID-കൾ, മെഡിക്കൽ ഫോമുകൾ) കൊണ്ടുവരുന്നു. തരങ്ങളും വലുപ്പങ്ങളും പരിമിതപ്പെടുത്തുക, അപ്‌ലോഡ് ചെയ്ത ഫയലുകൾ സ്ഥിരസ്ഥിതിയായി സ്വകാര്യമാക്കുക, ഫോം ഉടമകൾക്ക് മാത്രം വായിക്കാവുന്നതാക്കുക. ആപ്പിൽ ഫയൽ അപ്‌ലോഡുകൾ ചേർക്കുന്നത് എങ്ങനെ കാണുക.

അറിയിപ്പുകൾ. "ആരെങ്കിലും സമർപ്പിക്കുമ്പോൾ എനിക്ക് ഇമെയിൽ അയക്കുക" പ്രതീക്ഷിക്കുന്ന കാര്യമാണ്. അതിന് ഒരു ഇമെയിൽ ദാതാവും API കീയും വേണം; ആപ്പിൽ നിന്ന് ഇമെയിലുകൾ അയക്കുന്നത് എങ്ങനെ കാണുക.

സ്പാം. പൊതു ഫോം ബോട്ടുകൾ കണ്ടെത്തും. ഒളിഞ്ഞിരിക്കുന്ന ഹണിപോട്ട് ഫീൽഡ് (ആളുകൾക്ക് കാണില്ല, ബോട്ടുകൾ നിറയ്ക്കും), IP അനുസരിച്ചുള്ള റേറ്റ് ലിമിറ്റുകൾ, സെർവർ-സൈഡ് സാധൂകരണം, ആവശ്യമെങ്കിൽ ഒരു CAPTCHA സേവനം എന്നിവ ഉപയോഗിക്കുക.

എംബെഡിംഗ്. മറ്റൊരാളുടെ വെബ്സൈറ്റിൽ ഒരു ഫോം ചേർക്കാനുള്ള ഏറ്റവും ലളിതവും സുരക്ഷിതവുമായ വഴി iframe എംബെഡാണ്. സ്ക്രിപ്റ്റ് എംബെഡ് കൂടുതൽ സ്വാഭാവികമായി തോന്നും, പക്ഷേ നിർമ്മിക്കാനും സുരക്ഷിതമാക്കാനും പ്രയാസമാണ്.

സോപാധിക ലോജിക്. "ഈ ഫീൽഡ് X ആണെങ്കിൽ മാത്രം" എന്നത് ജനപ്രിയമാണ്, പക്ഷേ അത് പരിശോധനകൾ പലമടങ്ങാക്കുന്നു. അടിസ്ഥാനങ്ങൾ ഉറച്ചതിന് ശേഷം ചേർക്കുക.

പ്രവർത്തിക്കുന്ന ആദ്യ പ്രോംപ്റ്റ്

എന്റെ ടീമിനായി ഒരു ഫോം ബിൽഡർ വെബ് ആപ്പ് നിർമ്മിക്കുക. ലോഗിൻ ചെയ്ത ഉപയോക്താക്കൾ ലൈവ് പ്രിവ്യൂയോടുകൂടിയ എഡിറ്ററിൽ ഫോമുകൾ സൃഷ്ടിക്കുന്നു. ഫീൽഡ് തരങ്ങൾ: ചെറിയ ടെക്സ്റ്റ്, ദീർഘ ടെക്സ്റ്റ്, ഇമെയിൽ, നമ്പർ, തീയതി, ഒറ്റ സെലക്ട്, ചെക്ക്ബോക്സുകൾ, ഫയൽ അപ്‌ലോഡ്. ഓരോ ഫീൽഡിനും സ്ഥിരമായ ID, ലേബൽ, സഹായ ടെക്സ്റ്റ്, required ഫ്ലാഗ്, തരം-നിർദിഷ്ട നിയമങ്ങൾ (min/max, options, അനുവദനീയമായ ഫയൽ തരങ്ങൾ, 10 MB വലുപ്പ പരിധി) ഉണ്ട്. ഫോം നിർവചനം JSON ആയി സൂക്ഷിക്കുക, ഓരോ പ്രസിദ്ധീകരണത്തിലും കൂടുന്ന ഒരു പതിപ്പ് നമ്പറോടെ. ഓരോ ഫോമിനും ഒരു പൊതു ലിങ്കും iframe എംബെഡ് കോഡും നൽകുക. സമർപ്പണങ്ങൾ പ്രസിദ്ധീകരിച്ച പതിപ്പിനെതിരെ സെർവറിൽ സാധൂകരിക്കുക, ഉത്തരങ്ങൾ ഫീൽഡ് ID അനുസരിച്ചും ഫോം പതിപ്പോടെയും സൂക്ഷിക്കുക, അപ്‌ലോഡ് ചെയ്ത ഫയലുകൾ സ്വകാര്യ ഫയൽ സംഭരണത്തിൽ ഇടുക. ഒരു ഹിഡൻ ഹണിപോട്ട് ഫീൽഡും ഒരു IP-ക്ക് റേറ്റ് ലിമിറ്റും ചേർക്കുക. ഫോം ഉടമകൾക്ക് സ്റ്റാറ്റസ് (പുതിയത്, വായിച്ചത്, ആർക്കൈവ് ചെയ്തത്), വിശദ കാഴ്ച, CSV എക്സ്പോർട്ട് എന്നിവയുള്ള ഒരു സമർപ്പണ പട്ടിക കാണിക്കുക. എല്ലാം ഒരു ഡാറ്റാബേസിൽ സൂക്ഷിക്കുക. സോപാധിക ലോജിക്കും ഇമെയിൽ അറിയിപ്പുകളും പിന്നീടേക്ക് വയ്ക്കുക.

നിർമ്മാണ ഘട്ടങ്ങൾ

1. എഡിറ്ററും നിർവചനവും. എല്ലാ ഫീൽഡ് തരങ്ങളുമുള്ള ഒരു ഫോം നിർമ്മിച്ച് AI-യുമായി സേവ് ചെയ്ത JSON നോക്കുക. അത് വൃത്തിയുള്ളതും സ്ഥിരതയുള്ളതുമാണോ?
2. പൊതു ഫോം. ഫോണിൽ പൂരിപ്പിച്ച് നോക്കുക. സാധൂകരണ സന്ദേശങ്ങളും സ്ഥിരീകരണ സ്ക്രീനും പരിശോധിക്കുക.
3. സെർവർ സാധൂകരണം. നിയമങ്ങൾ ലംഘിക്കുന്ന ഒരു സമർപ്പണം പേജ് ഒഴിവാക്കി നേരിട്ട് സെർവറിലേക്ക് അയക്കാൻ AI-യോട് ആവശ്യപ്പെടുക. അത് നിരസിക്കപ്പെടണം.
4. പതിപ്പിംഗ്. കുറച്ച് സമർപ്പണങ്ങൾക്ക് ശേഷം ഫീൽഡുകളുടെ പേര് മാറ്റുകയും ക്രമം മാറ്റുകയും ചെയ്യുക. പഴയ സമർപ്പണങ്ങൾ ശരിയായ ഉത്തരങ്ങൾ കാണിക്കണം.
5. അപ്‌ലോഡുകൾ. വലുപ്പം കൂടിയ ഒരു ഫയലും തെറ്റായ തരത്തിലുള്ള ഒരു ഫയലും പരീക്ഷിക്കുക. ഒരു അപരിചിതന് ലിങ്ക് ഊഹിച്ച് അപ്‌ലോഡ് ചെയ്ത ഫയൽ തുറക്കാനാകില്ലെന്ന് ഉറപ്പാക്കുക.
6. സമർപ്പണ പട്ടികയും എക്സ്പോർട്ടും. ഉത്തരങ്ങളിൽ കോമകളും വരി മാറ്റങ്ങളും ആക്സന്റുള്ള അക്ഷരങ്ങളും ഉള്ളപ്പോൾ CSV എക്സ്പോർട്ട് പരിശോധിക്കുക.
7. അറിയിപ്പുകൾ, എംബെഡുകൾ, ലോജിക്. ഓരോന്നായി ചേർക്കുക.

സാധാരണ തെറ്റുകൾ

• ലേബൽ അനുസരിച്ച് ഉത്തരങ്ങൾ സൂക്ഷിക്കുന്നത്. ലേബലുകൾ മാറുന്നു. സ്ഥിരമായ ഫീൽഡ് ID ഉപയോഗിക്കുക.
• ബ്രൗസറിൽ മാത്രമുള്ള സാധൂകരണം. അത് സൗകര്യമാണ്, സംരക്ഷണമല്ല.
• പൊതുവായി ലഭ്യമായ അപ്‌ലോഡ് ഫയലുകൾ. ഫോമുകൾ പലപ്പോഴും ആളുകൾ പുറത്തുവരാൻ ആഗ്രഹിക്കാത്ത രേഖകൾ ശേഖരിക്കുന്നു.
• സ്പാം സംരക്ഷണമില്ലാത്തത്. പൊതു ഫോം ദിവസങ്ങൾക്കുള്ളിൽ ചവറുകൊണ്ട് നിറയാം.
• ഒരു ഫോമിന് വേണ്ടി ഒരു ബിൽഡർ നിർമ്മിക്കുന്നത്. ഫോം തന്നെ നിർമ്മിക്കുക.
• പൊതു ഉൽപ്പന്നത്തിൽ പരിധിയില്ലാത്ത സമർപ്പണങ്ങൾ. ഉപഭോക്താക്കൾ ഫോമുകൾ സൃഷ്ടിക്കുകയാണെങ്കിൽ പ്ലാൻ അനുസരിച്ച് പരിധി വയ്ക്കുക, അല്ലെങ്കിൽ ഒരു ജനപ്രിയ ഫോം നിങ്ങളുടെ ഹോസ്റ്റിംഗ് ബിൽ ഉയർത്തും.

തയ്യാറായ ഉൽപ്പന്നം മികച്ചതാകുമ്പോൾ

ഹോസ്റ്റഡ് ഫോം ടൂളുകൾ മികച്ചതും മിക്ക ആവശ്യങ്ങൾക്കും വിലകുറഞ്ഞതുമാണ്. എംബെഡിംഗ്, സ്പാം, പേയ്‌മെന്റുകൾ, ഇന്റഗ്രേഷനുകൾ, ഡസൻ കണക്കിന് ഫീൽഡ് തരങ്ങളിലുടനീളമുള്ള ആക്സസിബിലിറ്റി എന്നിവ അവർ ഇതിനകം പരിഹരിച്ചിട്ടുണ്ട്. നിങ്ങളുടെ ടീമിന് ഫോമുകൾ മാത്രം വേണമെങ്കിൽ ഒന്ന് ഉപയോഗിക്കുക — Typeform ബദലുകൾ, Google Forms ബദലുകൾ എന്നിവ കാണുക.

സമർപ്പണങ്ങൾ നിങ്ങളുടെ സ്വന്തം ഡാറ്റയ്ക്കൊപ്പം ജീവിക്കണമെങ്കിൽ (നിങ്ങൾ നടത്തുന്ന CRM അല്ലെങ്കിൽ ക്ലയന്റ് പോർട്ടലിന് ഡാറ്റ നൽകുന്നത്), ടൂളുകൾക്ക് ചെയ്യാനാകാത്ത സമർപ്പണത്തിന് ശേഷമുള്ള വർക്ക്ഫ്ലോകൾ വേണമെങ്കിൽ, ഡാറ്റയുടെ സ്ഥലമോ ഉടമസ്ഥതയോ ഒരു ആവശ്യകതയാണെങ്കിൽ, അല്ലെങ്കിൽ നിങ്ങൾ വിൽക്കുന്ന ഒരു ഉൽപ്പന്നത്തിന്റെ ഫീച്ചറാണ് ഫോമുകളെങ്കിൽ സ്വന്തമായി നിർമ്മിക്കുക.

Mythex ഉപയോഗിച്ച് ഇത് നിർമ്മിക്കുന്നത്

Mythex-ൽ ബിൽഡർ ചാറ്റിൽ വിവരിക്കുന്നു, എഡിറ്ററും പൊതു ഫോമും ലൈവ് പ്രിവ്യൂവിൽ അരികത്തരികെ പരീക്ഷിക്കുന്നു. ഫോം നിർവചനങ്ങൾക്കും സമർപ്പണങ്ങൾക്കും Mythex ഒരു സമർപ്പിത ഡാറ്റാബേസ് ചേർക്കുന്നു; അപ്‌ലോഡുകൾ ആവശ്യമാകുമ്പോൾ ഫയൽ സംഭരണം സ്വയമേവ പ്രവർത്തനക്ഷമമാകുന്നു (സൗജന്യ പ്ലാനിൽ 1 GB വരെ). അറിയിപ്പ് ഇമെയിലുകൾ നിങ്ങൾ സ്വന്തം കീയോടെ ബന്ധിപ്പിക്കുന്ന ഒരു ദാതാവ് വഴിയാണ് പോകുന്നത്. ആപ്പ് ഒരു Mythex ലിങ്കിൽ പ്രസിദ്ധീകരിക്കുക, Pro-യിൽ നിങ്ങളുടെ സ്വന്തം ഡൊമെയ്‌നിൽ; പൊതു ഫോം ലിങ്കുകൾ അവിടെ നിന്ന് പ്രവർത്തിക്കും.

ചോദ്യങ്ങൾ