Форма құрастырғышты қалай жасау

Форма құрастырғыш адамдарға өз формаларын жобалауға мүмкіндік береді — өрістерді таңдау, ережелерді орнату, сілтеме жариялау — содан кейін жауаптарды жинайды. Ішкі жағынан ол үш нәрседен тұрады: деректер ретінде сақталатын форма анықтамасы, анықтаманы жұмыс істейтін формаға айналдыратын көрсетуші, және хабарландырулары мен экспорты бар жауаптар қоймасы. Оны жасамас бұрын оның қажет екенін тексеріңіз: байланыс немесе өтініш формасы керек болса, сол форманы тікелей жасаңыз, құрастырғышты мүлде қолданбаңыз.

Құрастырғыш керек пе?

Құрастырғыш форма жасаудан үлкенірек жоба, себебі әр өріс түрі редакторда, жария формада, тексеруде, сақтауда, хабарландыруда және экспортта жұмыс істеуі керек.

Форма құрастырғышқа не керек

Форма анықтамалары

Әр форманы өрістер тізімі ретінде, құрылымды деректер (Postgres бағанындағы JSON жақсы жұмыс істейді) ретінде сақтаңыз. Өріс мынадай болуы мүмкін:

• id — белгісі өзгергенде де өзгермейтін тұрақты ID
• type — мәтін, электрондық пошта, сан, ұзын мәтін, таңдау, құсбелгі, күн, файл
• label және көмек мәтіні
• required, min / max, рұқсат етілген файл түрлері
• таңдау өрістері үшін опциялар
• реті, және қосымша шарт («тек X өрісі Y болса көрсету»)

Редактор осы тізімді өңдейді; жария форма оны оқиды. Қызметі осында: әр форма үшін жаңа код жоқ.

Жауаптар

• Жауаптар — форма, форма нұсқасы, жіберілген уақыт, жауаптар өріс ID-сі бойынша, күйі (жаңа, оқылды, мұрағатталған).
• Файлдар — жүктелген файлдар файл қоймасына тиесілі, ал жауап тек сілтемені сақтайды, ешқашан дерекқор жолының ішінде емес.

Беттер

• Форма тізімі жауап санымен.
• Редактор — өрістерді қосу, реттеу және баптау, жанында тірі алдын ала көрініс.
• Баптаулар — растау хабары немесе бағыттау, хабарландыру поштасы, ашылу және жабылу күндері, жауап шегі.
• Жария форма өз сілтемесінде, және басқа веб-сайттарға ендіруге болатын нұсқа.
• Жауаптар кестесі іздеумен, күймен, толық ақпарат көрінісімен және CSV экспортымен.

Шешімдер мен компромисстер

Нұсқалау. Біреу 200 жауаптан кейін «Телефон» өрісін «Ұялы нөмір» деп атайды. Жауаптар өріс ID-сі бойынша сақталып, әр жауап форма нұсқасын жазса, ескі жауаптар дұрыс көрсетіледі. Олай болмаса, деректеріңіз үнсіз араласып кетеді.

Тексеру екі рет жұмыс істейді. Өрістерді браузерде тез пікір алу үшін тексеріңіз, сонан соң серверде қайта, себебі кез келген адам деректерді тікелей соңғы нүктеңізге жібере алады. Маңыздысы — серверлік тексеру.

Файл жүктеу. Ол сақтау шығындарын, өлшем шектерін, файл түрін тексеруді және құпиялылық сұрақтарын (резюме, жеке куәлік, медициналық формалар) әкеледі. Түрлерді мен өлшемдерді шектеңіз, жүктелген файлдарды әдепкі бойынша жеке етіңіз, тек форма иесі оқи алсын. Қараңыз: қолданбаңызға файл жүктеуді қалай қосу керек.

Хабарландырулар. «Біреу форма жібергенде маған электрондық пошта жіберу» күтілетін мүмкіндік. Оған электрондық пошта провайдері мен API кілті керек; қараңыз: қолданбаңыздан электрондық пошта жіберу.

Спам. Жария форманы боттар міндетті түрде табады. Жасырын алдамшы өрісті (адамдарға көрінбейтін, боттар толтыратын), IP бойынша жылдамдық шектерін, серверлік тексеруді және қажет болса CAPTCHA қызметін қолданыңыз.

Ендіру. Iframe ендіруі басқа адамның веб-сайтына форма қосудың ең қарапайым және ең қауіпсіз тәсілі. Скрипт арқылы ендіру табиғи көрінеді, бірақ жасау мен қорғау қиынырақ.

Шарттық логика. «Бұл өріс тек... болса көрсетілсін» өте танымал, бірақ сынау санын көбейтеді. Негіздері берік болған соң қосыңыз.

Жұмыс істейтін алғашқы промпт

Команда үшін форма құрастырғыш веб-қолданба жаса. Кірген пайдаланушылар формаларды тірі алдын ала көрінісі бар редакторда жасайды. Өріс түрлері: қысқа мәтін, ұзын мәтін, электрондық пошта, сан, күн, бір таңдау, құсбелгілер және файл жүктеу. Әр өрісте тұрақты ID, белгі, көмек мәтіні, міндетті белгісі және түріне байланысты ережелер бар (min/max, опциялар, рұқсат етілген файл түрлері және 10 МБ өлшем шегі). Форма анықтамасын JSON ретінде әр жариялауда артатын нұсқа нөмірімен сақтаңыз. Әр форманың жария сілтемесі және iframe ендіру коды болсын. Жауаптарды серверде жарияланған нұсқаға қарсы тексеріңіз, мәндерді өріс ID-сі бойынша және форма нұсқасымен сақтаңыз, жүктелген файлдарды жеке файл қоймасына салыңыз. Жасырын алдамшы өріс пен IP бойынша жылдамдық шегін қосыңыз. Форма иелері жауаптар кестесін көреді: күйі (жаңа, оқылды, мұрағатталған), толық ақпарат беті және CSV экспорты. Бәрін дерекқорда сақтаңыз. Шарттық логика мен электрондық пошта хабарландыруларын кейінге қалдырыңыз.

Құру қадамдары

1. Редактор және анықтама. Барлық өріс түрлерімен форма жасап, агентпен сақталған JSON-ды қараңыз. Таза әрі тұрақты ма?
2. Жария форма. Оны телефонда толтырыңыз. Тексеру хабарларын және растау экранын тексеріңіз.
3. Серверлік тексеру. Агенттен беттен өтіп, ережелерді бұзатын жауапты тікелей серверге жіберуін сұраңыз. Ол қабылданбауы керек.
4. Нұсқалау. Бірнеше жауаптан кейін өрістердің атын өзгертіп, ретін ауыстырыңыз. Ескі жауаптар дұрыс жауап көрсетуі керек.
5. Жүктеулер. Тым үлкен және дұрыс емес түрдегі файлды көріңіз. Бейтаныс адам сілтемені болжап жүктелген файлды аша алмайтынын растаңыз.
6. Жауаптар кестесі және экспорт. Жауаптарда үтір, жол аударымы және акценттелген әріптер бар CSV экспортын тексеріңіз.
7. Хабарландырулар, ендіру, логика. Оларды бір-бірлеп қосыңыз.

Жиі кездесетін қателер

• Жауаптарды белгі бойынша сақтау. Белгілер өзгереді. Тұрақты өріс ID-лерін қолданыңыз.
• Тек браузерлік тексеру. Ол ыңғайлылық үшін, қорғаныс үшін емес.
• Жария жүктелген файлдар. Формалар адамдар жария еткісі келмейтін құжаттарды жиі жинайды.
• Спамнан қорғанысы жоқ. Жария форма бірнеше күнде қоқыспен толуы мүмкін.
• Бір форма үшін құрастырғыш жасау. Форманы жасаңыз.
• Жария өнімде жауаптардың шексіз саны. Тұтынушылар формалар жасаса, жоспар бойынша шек қойыңыз, әйтпесе бір танымал форма хостинг шотыңызды көтеріп жібереді.

Дайын өнім қай жағдайда жақсырақ

Хостингтік форма құралдары көп жағдайға өте жақсы және арзан. Олар ендіруді, спамды, төлемдерді, интеграцияларды және онлайн формалардағы қолжетімділікті онда жүздеген өріс түрінде шешкен. Командаңызға тек формалар керек болса, соның бірін қолданыңыз — Typeform балама мен Google Forms балама туралы қараңыз.

Өз құрастырғышыңызды жасаңыз, егер жауаптар өз деректеріңізбен бірге тұруы керек болса (өзіңіз басқаратын CRM-ге немесе клиенттік порталға деректер беру), құралдар жасай алмайтын жіберуден кейінгі жұмыс үрдістері керек болса, деректердің орналасуы немесе иелігі талап болса, немесе формалар сататын өніміңіздің функциясы болса.

Mythex арқылы жасау

Mythex-те құрастырғышты чатта сипаттайсыз және редакторды мен жария форманы тірі алдын ала көрініс ішінде бірге сынайсыз. Mythex форма анықтамалары мен жауаптар үшін арнайы дерекқорды қосады, ал қолданбаға жүктеулер қажет болғанда файл сақтауды автоматты түрде қосады (Free жоспарында 1 ГБ-пен шектеледі). Хабарландыру поштасы өзіңіз кілтпен қосқан провайдер арқылы жүреді. Қолданбаны mythex.ai сілтемесіне жариялаңыз, немесе Pro жоспарында өз доменіңізге — жария форма сілтемелері сол жерден жұмыс істейді.

Сұрақтар