डेटा नोड्स आपके फॉर्म को फॉर्म फ्लो के दौरान HTTP API कॉल करने देते हैं। वे उत्तरदाताओं के लिए अदृश्य होते हैं — वे स्वचालित रूप से निष्पादित होते हैं और बाहरी API से डेटा प्राप्त कर सकते हैं, आपके बैकएंड के विरुद्ध उत्तरों को सत्यापित कर सकते हैं, या क्रियाएं ट्रिगर कर सकते हैं।
डेटा नोड्स सभी प्लान पर उपलब्ध हैं और फॉर्म में दृश्य प्रश्न के रूप में नहीं गिने जाते।
डेटा नोड जोड़ना
- बिल्डर में अपना फॉर्म खोलें।
- नया प्रश्न जोड़ने के लिए + पर क्लिक करें।
- Advanced श्रेणी से Data Node चुनें।
- प्रश्न गुणों में HTTP अनुरोध कॉन्फ़िगर करें।
कॉन्फ़िगरेशन
HTTP Method
अपने API एंडपॉइंट के अनुसार GET, POST, PUT, या DELETE में से चुनें।
URL
कॉल करने के लिए एंडपॉइंट URL। वेरिएबल इंटरपोलेशन का समर्थन करता है — फॉर्म वेरिएबल मान डालने के लिए {variableName} का उपयोग करें।
उदाहरण: https://api.example.com/users/{email}
यदि उत्तरदाता ने पहले के ईमेल प्रश्न में jane@example.com दर्ज किया जो email वेरिएबल के रूप में संग्रहित है, तो वास्तविक अनुरोध https://api.example.com/users/jane@example.com पर जाता है।
Headers
अनुरोध हेडर का JSON ऑब्जेक्ट। यहां भी वेरिएबल इंटरपोलेशन समर्थित है।
उदाहरण:
{
"Authorization": "Bearer {api_token}",
"Content-Type": "application/json"
}
Request Body
POST और PUT अनुरोधों के लिए, JSON बॉडी टेम्पलेट प्रदान करें। वेरिएबल इंटरपोलेशन समर्थित है।
उदाहरण:
{
"name": "{full_name}",
"email": "{email}",
"source": "nueform"
}
प्रतिक्रिया प्रबंधन
प्रतिक्रिया संग्रहित करना
पूर्ण JSON प्रतिक्रिया को फॉर्म वेरिएबल के रूप में सहेजने के लिए Response Variable फ़ील्ड सेट करें। फिर आप {variableName} सिंटैक्स का उपयोग करके बाद के प्रश्नों में इस डेटा को संदर्भित कर सकते हैं।
उदाहरण: यदि आप रिस्पॉन्स वेरिएबल को user_data पर सेट करते हैं और API {"name": "Jane", "plan": "pro"} रिटर्न करता है, तो आप बाद के प्रश्नों में {user_data} को संदर्भित कर सकते हैं।
प्रदर्शन विकल्प
Loading Text
अनुरोध प्रगति में होने पर दिखाए जाने वाले लोडिंग संदेश को कस्टमाइज़ करें। डिफ़ॉल्ट: "Loading..."
Silent Mode
बिना लोडिंग इंडिकेटर के बैकग्राउंड में अनुरोध करने के लिए Silent mode सक्षम करें। फॉर्म प्रतीक्षा किए बिना जारी रहता है। एनालिटिक्स पिंग या webhook ट्रिगर जैसे फायर-एंड-फॉरगेट परिदृश्यों के लिए उपयोगी।
Debug Mode
पूर्ण अनुरोध और प्रतिक्रिया विवरण के साथ एक पैनल दिखाने के लिए Debug mode सक्षम करें। फॉर्म विकास के दौरान उपयोगी — प्रकाशित करने से पहले अक्षम करें।
सत्यापन गेट
पिछले प्रश्न के लिए डेटा नोड को सत्यापनकर्ता के रूप में उपयोग करने के लिए Validation gate सक्षम करें। यदि API अनुरोध विफल होता है (गैर-2xx प्रतिक्रिया), तो उत्तरदाता को आगे बढ़ने से रोका जाता है और एक त्रुटि दिखाई जाती है।
उपयोग का मामला: कूपन कोड सत्यापित करें, ईमेल उपलब्धता जांचें, या अपने बैकएंड के विरुद्ध एक्सेस कोड सत्यापित करें।
Timeout
सेकंड में अनुरोध टाइमआउट कॉन्फ़िगर करें (डिफ़ॉल्ट: 10 सेकंड)। यदि अनुरोध अधिक समय लेता है, तो यह विफल होता है और फॉर्म एक त्रुटि दिखाता है (जब तक silent mode में न हो)।
उदाहरण
उदाहरण 1: कूपन कोड सत्यापित करें
- कूपन कोड पूछने वाला Short Text प्रश्न जोड़ें (उत्तर को
couponवेरिएबल के रूप में संग्रहित करें)। - उसके बाद एक Data Node जोड़ें:
- Method:
GET - URL:
https://api.yoursite.com/coupons/{coupon} - Validation gate: सक्षम
- Response variable:
coupon_data
- Method:
- यदि कूपन अमान्य है, तो API 404 रिटर्न करता है और उत्तरदाता को एक त्रुटि दिखाई देती है।
- यदि मान्य है, तो छूट की जानकारी बाद में उपयोग के लिए
{coupon_data}में संग्रहित होती है।
उदाहरण 2: उपयोगकर्ता डेटा समृद्ध करें
- एक Email प्रश्न जोड़ें (उत्तर को
emailवेरिएबल के रूप में संग्रहित करें)। - एक Data Node जोड़ें:
- Method:
GET - URL:
https://api.yoursite.com/users/{email} - Silent mode: सक्षम
- Response variable:
user_info
- Method:
- बाद के प्रश्न फ़ील्ड को पहले से भरने या अनुभव को वैयक्तिकृत करने के लिए
{user_info}का संदर्भ ले सकते हैं।
उदाहरण 3: CRM में सबमिट करें
- फॉर्म के अंत में, एक Data Node जोड़ें:
- Method:
POST - URL:
https://api.yourcrm.com/leads - Body:
{"name": "{name}", "email": "{email}", "phone": "{phone}"} - Silent mode: सक्षम
- Method:
- फॉर्म फ्लो के हिस्से के रूप में आपके CRM में लीड बनाया जाता है — कोई webhook देरी नहीं।
संबंधित
- वेरिएबल्स — वेरिएबल प्रतिस्थापन कैसे काम करता है
- लॉजिक जम्प्स — उत्तरों के आधार पर सशर्त ब्रांचिंग
- Webhooks — सबमिशन के बाद के इंटीग्रेशन का विकल्प