ફોર્મ બિલ્ડર કેવી રીતે બનાવશો

ફોર્મ બિલ્ડર લોકોને પોતાના ફોર્મ ડિઝાઇન કરવા દે છે — ફીલ્ડ પસંદ કરો, નિયમો સેટ કરો, લિંક પ્રકાશિત કરો — અને પછી સબમિશન એકઠા કરે છે. અંદરથી તે ત્રણ વસ્તુઓ છે: ડેટા તરીકે સંગ્રહિત ફોર્મ વ્યાખ્યા, વ્યાખ્યાને કામ કરતા ફોર્મમાં ફેરવતું રેન્ડરર, અને નોટિફિકેશન તથા એક્સપોર્ટ સાથેનો સબમિશન સ્ટોર. બનાવતા પહેલાં તપાસો કે તમને ખરેખર તેની જરૂર છે: જો તમને ફક્ત સંપર્ક ફોર્મ કે અરજી ફોર્મ જોઈએ, તો એ ફોર્મ સીધું બનાવો અને બિલ્ડર છોડી દો.

શું તમને બિલ્ડરની જરૂર છે?

બિલ્ડર ફોર્મ કરતાં મોટો પ્રોજેક્ટ છે, કારણ કે દરેક ફીલ્ડ પ્રકાર એડિટર, જાહેર ફોર્મ, વેલિડેશન, સ્ટોરેજ, નોટિફિકેશન અને એક્સપોર્ટમાં કામ કરવો જોઈએ.

ફોર્મ બિલ્ડરને શું જોઈએ

ફોર્મ વ્યાખ્યાઓ

દરેક ફોર્મને ફીલ્ડની યાદી તરીકે સંરચિત ડેટામાં સેવ કરો (Postgres કૉલમમાં JSON સારી રીતે કામ કરે છે). એક ફીલ્ડ કંઈક આવું દેખાઈ શકે:

• id — સ્થિર ID જે લેબલ બદલાય તો પણ બદલાતું નથી
• type — ટેક્સ્ટ, ઈમેલ, નંબર, લાંબો ટેક્સ્ટ, સિલેક્ટ, ચેકબોક્સ, તારીખ, ફાઇલ
• label અને મદદ ટેક્સ્ટ
• જરૂરી, min / max, મંજૂર ફાઇલ પ્રકારો
• સિલેક્ટ ફીલ્ડ માટે વિકલ્પો
• ક્રમ, અને વૈકલ્પિક શરત ("ફક્ત ત્યારે બતાવો જો ફીલ્ડ X એ Y હોય")

એડિટર આ યાદીમાં ફેરફાર કરે છે; જાહેર ફોર્મ તેને વાંચે છે. આખી યુક્તિ એ જ છે: દરેક ફોર્મ માટે નવો કોડ નહીં.

સબમિશન

• સબમિશન — ફોર્મ, ફોર્મ વર્ઝન, સબમિટ થયાનો સમય, ફીલ્ડ ID દ્વારા જવાબો, સ્ટેટસ (નવું, વંચાયેલું, આર્કાઇવ).
• ફાઇલો — અપલોડ થયેલી ફાઇલો ફાઇલ સ્ટોરેજમાં રહે છે, સબમિશનમાં ફક્ત તેનો સંદર્ભ હોય છે, ક્યારેય ડેટાબેઝ રો અંદર નહીં.

પેજ

• ફોર્મની યાદી સબમિશન ગણતરી સાથે.
• એડિટર — ફીલ્ડ ઉમેરો, ક્રમ બદલો, ગોઠવો, અને બાજુમાં લાઇવ પ્રિવ્યૂ.
• સેટિંગ્સ — પુષ્ટિ સંદેશ કે રીડાયરેક્ટ, નોટિફિકેશન ઈમેલ, ખુલવા-બંધ થવાની તારીખ, સબમિશન મર્યાદા.
• જાહેર ફોર્મ તેની પોતાની લિંક પર, અને બીજી વેબસાઇટ પર મૂકી શકાય એવું એમ્બેડ વર્ઝન.
• સબમિશન ટેબલ સર્ચ, સ્ટેટસ, વિગત દૃશ્ય અને CSV એક્સપોર્ટ સાથે.

નિર્ણયો અને ટ્રેડ-ઓફ

વર્ઝનિંગ. કોઈ 200 સબમિશન પછી "Phone" નું નામ "Mobile number" કરશે. જો જવાબો ફીલ્ડ ID દ્વારા સ્ટોર થાય અને દરેક સબમિશન ફોર્મ વર્ઝન નોંધે, તો જૂના સબમિશન હજી સાચા જવાબો બતાવશે. એ વિના તમારો ડેટા ચૂપચાપ ગોટાળે ચડશે.

વેલિડેશન બે વાર ચાલે. ઝડપી પ્રતિસાદ માટે બ્રાઉઝરમાં ફીલ્ડ તપાસો, અને ફરી સર્વર પર, કારણ કે કોઈ પણ સીધું તમારા એન્ડપોઇન્ટ પર ડેટા મોકલી શકે. સર્વર તપાસ જ ગણાય છે.

ફાઇલ અપલોડ. તેમની સાથે સ્ટોરેજ ખર્ચ, કદ મર્યાદા, ફાઇલ પ્રકારની તપાસ અને ગોપનીયતાના પ્રશ્નો આવે છે (CV, ઓળખપત્ર, મેડિકલ ફોર્મ). પ્રકારો અને કદ મર્યાદિત કરો, અને અપલોડ થયેલી ફાઇલો ડિફોલ્ટ રીતે ખાનગી રાખો, ફક્ત ફોર્મ માલિકો વાંચી શકે. જુઓ તમારી એપમાં ફાઇલ અપલોડ ઉમેરવાની ગાઇડ.

નોટિફિકેશન. "કોઈ સબમિટ કરે ત્યારે મને ઈમેલ કરો" અપેક્ષિત છે. તેને ઈમેલ પ્રોવાઇડર અને API કી જોઈએ; જુઓ તમારી એપથી ઈમેલ મોકલવાની ગાઇડ.

સ્પામ. જાહેર ફોર્મ બૉટ્સને મળશે જ. હનીપોટ ફીલ્ડ (લોકોથી છુપાયેલું, બૉટ્સ ભરે), IP દીઠ રેટ લિમિટ, સર્વર-સાઇડ વેલિડેશન અને જરૂર પડે તો CAPTCHA સેવા વાપરો.

એમ્બેડિંગ. બીજી વેબસાઇટ પર ફોર્મ મૂકવા માટે iframe એમ્બેડ સૌથી સરળ અને સુરક્ષિત છે. સ્ક્રિપ્ટ એમ્બેડ વધુ નેટિવ લાગે છે, પણ બનાવવું અને સુરક્ષિત કરવું અઘરું છે.

શરતી લોજિક. "ફક્ત ત્યારે બતાવો જો…" લોકપ્રિય છે, પણ તે ટેસ્ટિંગ ઘણું વધારે છે. મૂળભૂત બાબતો મજબૂત થયા પછી ઉમેરો.

કામ કરે એવો પહેલો પ્રોમ્પ્ટ

મારી ટીમ માટે ફોર્મ બિલ્ડર વેબ એપ બનાવો. લોગિન થયેલા યુઝર એડિટરમાં લાઇવ પ્રિવ્યૂ સાથે ફોર્મ બનાવે. ફીલ્ડ પ્રકારો: ટૂંકો ટેક્સ્ટ, લાંબો ટેક્સ્ટ, ઈમેલ, નંબર, તારીખ, સિંગલ સિલેક્ટ, ચેકબોક્સ અને ફાઇલ અપલોડ. દરેક ફીલ્ડનો સ્થિર ID, લેબલ, મદદ ટેક્સ્ટ, જરૂરી ફ્લેગ અને પ્રકાર-વિશિષ્ટ નિયમો હોય (min/max, વિકલ્પો, મંજૂર ફાઇલ પ્રકારો અને 10 MB કદ મર્યાદા). ફોર્મ વ્યાખ્યા JSON તરીકે સંગ્રહ કરો, દરેક પ્રકાશન સાથે વધતો વર્ઝન નંબર સાથે. દરેક ફોર્મને જાહેર લિંક અને iframe એમ્બેડ કોડ મળે. સબમિશન સર્વર પર પ્રકાશિત વર્ઝન સામે તપાસો, જવાબો ફીલ્ડ ID અને ફોર્મ વર્ઝન સાથે સેવ કરો, અને અપલોડ થયેલી ફાઇલો ખાનગી ફાઇલ સ્ટોરેજમાં રાખો. છુપાયેલ હનીપોટ ફીલ્ડ અને પ્રતિ-IP રેટ લિમિટ ઉમેરો. ફોર્મ માલિકો સ્ટેટસ (નવું, વંચાયેલું, આર્કાઇવ), વિગત દૃશ્ય અને CSV એક્સપોર્ટ સાથેનું સબમિશન ટેબલ જુએ. બધું ડેટાબેઝમાં સંગ્રહ કરો. શરતી લોજિક અને ઈમેલ નોટિફિકેશન પછી માટે રાખો.

બિલ્ડ સ્ટેપ

1. એડિટર અને વ્યાખ્યા. દરેક ફીલ્ડ પ્રકાર સાથે ફોર્મ બનાવો અને એજન્ટ સાથે સેવ થયેલું JSON જુઓ. શું તે સ્વચ્છ અને સ્થિર છે?
2. જાહેર ફોર્મ. ફોનમાં ભરીને જુઓ. વેલિડેશન સંદેશા અને પુષ્ટિ સ્ક્રીન તપાસો.
3. સર્વર વેલિડેશન. એજન્ટને કહો કે નિયમો તોડતું સબમિશન સીધું સર્વર પર મોકલે, પેજ છોડીને. તે નકારવું જોઈએ.
4. વર્ઝનિંગ. થોડા સબમિશન પછી ફીલ્ડનું નામ બદલો અને ક્રમ બદલો. જૂના સબમિશન હજી સાચા જવાબો બતાવવા જોઈએ.
5. અપલોડ. ખૂબ મોટી અને ખોટા પ્રકારની ફાઇલ અજમાવો. ખાતરી કરો કે અનુમાનિત લિંકથી કોઈ અજાણી વ્યક્તિ અપલોડ કરેલી ફાઇલ ખોલી ન શકે.
6. સબમિશન ટેબલ અને એક્સપોર્ટ. જવાબોમાં અલ્પવિરામ, લાઇન બ્રેક અને ઉચ્ચારવાળા અક્ષરો સાથે CSV એક્સપોર્ટ તપાસો.
7. નોટિફિકેશન, એમ્બેડ, લોજિક. એક-એક કરીને ઉમેરો.

સામાન્ય ભૂલો

• લેબલ દ્વારા જવાબો સ્ટોર કરવા. લેબલ બદલાય છે. સ્થિર ફીલ્ડ ID વાપરો.
• ફક્ત બ્રાઉઝર વેલિડેશન. તે સગવડ છે, સુરક્ષા નથી.
• જાહેર અપલોડ ફાઇલો. ફોર્મ ઘણીવાર એવા દસ્તાવેજો એકઠા કરે છે જે લોકો જાહેર કરવા ન માગે.
• સ્પામ સુરક્ષા ન હોવી. જાહેર ફોર્મ દિવસોમાં કચરાથી ભરાઈ શકે છે.
• એક ફોર્મ માટે બિલ્ડર બનાવવું. ફોર્મ બનાવો.
• જાહેર પ્રોડક્ટ પર અમર્યાદિત સબમિશન. જો ગ્રાહકો ફોર્મ બનાવે, તો પ્લાન દીઠ મર્યાદા રાખો, નહીંતર એક લોકપ્રિય ફોર્મ તમારું હોસ્ટિંગ બિલ વધારી શકે.

જ્યારે તૈયાર પ્રોડક્ટ વધુ સારો વિકલ્પ છે

હોસ્ટેડ ફોર્મ ટૂલ્સ ઉત્તમ છે અને મોટાભાગની જરૂરિયાત માટે સસ્તાં છે. તેમણે એમ્બેડિંગ, સ્પામ, પેમેન્ટ, ઇન્ટિગ્રેશન અને ઘણા ફીલ્ડ પ્રકારો પર સુલભતા પહેલેથી ઉકેલી છે. જો તમારી ટીમને ફક્ત ફોર્મ જોઈએ, તો એક વાપરો — જુઓ Typeform વિકલ્પો અને Google Forms વિકલ્પો.

પોતાનું બનાવો જ્યારે સબમિશન તમારા પોતાના ડેટા સાથે રહેવા જોઈએ (તમે ચલાવતા CRM કે ક્લાયન્ટ પોર્ટલને ડેટા આપવો), જ્યારે સબમિશન પછી ટૂલ્સ ન કરી શકે એવા વર્કફ્લો જોઈએ, જ્યારે ડેટા ક્યાં રહે કે તેની માલિકી જરૂરી હોય, અથવા જ્યારે ફોર્મ એ તમે વેચતા પ્રોડક્ટની સુવિધા હોય.

Mythex સાથે બનાવવું

Mythex પર તમે ચેટમાં બિલ્ડરનું વર્ણન કરો છો અને લાઇવ પ્રિવ્યૂમાં એડિટર અને જાહેર ફોર્મ સાથે-સાથે ચકાસો છો. ફોર્મ વ્યાખ્યાઓ અને સબમિશન માટે Mythex એક સમર્પિત ડેટાબેઝ ઉમેરે છે, અને જ્યારે તમારી એપને અપલોડની જરૂર હોય ત્યારે ફાઇલ સ્ટોરેજ આપમેળે ચાલુ થાય છે (ફ્રી પ્લાન પર 1 GB સુધી મર્યાદિત). નોટિફિકેશન ઈમેલ તમે તમારી ચાવીથી જોડેલા પ્રોવાઇડર દ્વારા જાય છે. એપ mythex.ai લિંક પર પ્રકાશિત કરો, અથવા Pro પર તમારું પોતાનું ડોમેન વાપરો, અને જાહેર ફોર્મ લિંક ત્યાંથી કામ કરશે.

પ્રશ્નો