NueForm

इंटीग्रेशन

Data Nodes — NueForm की यूनिवर्सल इंटीग्रेशन लेयर — का उपयोग करके अपने फॉर्म को Zapier, n8n, Make, IFTTT, और किसी भी API से कनेक्ट करें।

NueForm Data Nodes के माध्यम से किसी भी API वाली सेवा से कनेक्ट होता है — आपका यूनिवर्सल HTTP कनेक्टर। सीमित प्री-बिल्ट इंटीग्रेशन के बजाय, आपको पूरा नियंत्रण मिलता है कि आपका फॉर्म डेटा बाहरी सेवाओं तक कैसे पहुंचे।

यह गाइड सबसे लोकप्रिय ऑटोमेशन प्लेटफॉर्म के लिए चरण-दर-चरण सेटअप और डायरेक्ट API इंटीग्रेशन को कवर करती है।

Data Nodes सभी प्लान पर उपलब्ध हैं। इंटीग्रेशन के लिए किसी प्रीमियम टियर की आवश्यकता नहीं है।

Zapier (8,000+ ऐप्स)

Zapier आपके फॉर्म को Google Sheets, Slack, Salesforce, HubSpot, Mailchimp, और अन्य सहित 8,000+ ऐप्स से कनेक्ट करता है।

यह कैसे काम करता है

Zapier एक Catch Hook ट्रिगर का उपयोग करता है जो एक यूनिक webhook URL जनरेट करता है। आपका Data Node फॉर्म डेटा इस URL पर भेजता है, और Zapier इसे किसी भी कनेक्टेड ऐप तक रूट करता है।

चरण 1: Webhooks ट्रिगर के साथ एक Zap बनाएं

  1. zapier.com पर लॉग इन करें और Create Zap पर क्लिक करें।
  2. ट्रिगर के लिए, Webhooks by Zapier खोजें।
  3. इवेंट Catch Hook चुनें।
  4. Continue पर क्लिक करें — Zapier एक यूनिक webhook URL जनरेट करेगा जैसे:
    text
    https://hooks.zapier.com/hooks/catch/123456/abcdef/
  5. इस URL को कॉपी करें — आपको इसकी आवश्यकता अपने Data Node के लिए होगी।

चरण 2: अपना Data Node कॉन्फ़िगर करें

  1. NueForm बिल्डर में, अपने फॉर्म वर्कफ्लो में एक Data Node जोड़ें।
  2. निम्नलिखित सेट करें:
    • Method: POST
    • URL: Zapier webhook URL पेस्ट करें
    • Headers:
      json
      {
  "Content-Type": "application/json"
}
    • Body: अपने फॉर्म फ़ील्ड को JSON बॉडी में मैप करें:
      json
      {
  "name": "{{full_name}}",
  "email": "{{email}}",
  "message": "{{message}}",
  "submitted_at": "{{timestamp}}"
}
    • Silent Mode: सक्षम करें (अनुशंसित — उत्तरदाता को कोई लोडिंग स्क्रीन नहीं दिखती)

चरण 3: कनेक्शन का परीक्षण करें

  1. Zapier में, Test trigger पर क्लिक करें — यह एक रिक्वेस्ट की प्रतीक्षा करेगा।
  2. NueForm में, अपने फॉर्म का प्रीव्यू करें और एक टेस्ट रिस्पॉन्स सबमिट करें।
  3. Zapier को टेस्ट डेटा डिटेक्ट करना चाहिए और आपके फॉर्म फ़ील्ड दिखाने चाहिए।

चरण 4: अपना एक्शन जोड़ें

  1. Zapier में वापस, एक एक्शन जोड़ने के लिए + पर क्लिक करें।
  2. अपना डेस्टिनेशन ऐप चुनें (जैसे, Google Sheets, Slack, HubSpot)।
  3. अपने webhook डेटा से फ़ील्ड को एक्शन में मैप करें।
  4. अपने Zap का परीक्षण करें और पब्लिश करें।

उदाहरण: फॉर्म → Google Sheets

json
{
  "name": "{{full_name}}",
  "email": "{{email_address}}",
  "company": "{{company_name}}",
  "budget": "{{budget_range}}",
  "source": "NueForm Contact Form"
}

यह हर फॉर्म सबमिशन को Google Sheets में एक नई पंक्ति के रूप में भेजता है — स्वचालित रूप से।

n8n (400+ Nodes)

n8n एक ओपन-सोर्स वर्कफ्लो ऑटोमेशन प्लेटफॉर्म है जिसमें 400+ बिल्ट-इन nodes हैं। इसे सेल्फ-होस्ट किया जा सकता है या n8n Cloud के माध्यम से उपयोग किया जा सकता है।

यह कैसे काम करता है

n8n एक Webhook node को वर्कफ्लो ट्रिगर के रूप में उपयोग करता है। यह एक एंडपॉइंट URL जनरेट करता है जिसे आपका Data Node वर्कफ्लो शुरू करने के लिए कॉल करता है।

चरण 1: Webhook ट्रिगर के साथ एक n8n वर्कफ्लो बनाएं

  1. अपने n8n इंस्टेंस (cloud या self-hosted) में लॉग इन करें।
  2. एक नया वर्कफ्लो बनाएं।
  3. Add first step पर क्लिक करें और On webhook call चुनें।
  4. Webhook node सेटिंग्स में:
    • HTTP Method को POST पर सेट करें
    • Test URL (परीक्षण के लिए) और Production URL (लाइव उपयोग के लिए) नोट करें
    • Production URL इस तरह दिखता है:
      text
      https://your-instance.app.n8n.cloud/webhook/abc-123-def
  5. इसे लिसनिंग मोड में डालने के लिए Listen for test event पर क्लिक करें।

चरण 2: अपना Data Node कॉन्फ़िगर करें

  1. अपने NueForm वर्कफ्लो में एक Data Node जोड़ें।
  2. इसे कॉन्फ़िगर करें:
    • Method: POST
    • URL: n8n webhook URL पेस्ट करें (परीक्षण के लिए Test URL, लाइव होने पर Production URL का उपयोग करें)
    • Headers:
      json
      {
  "Content-Type": "application/json"
}
    • Body:
      json
      {
  "respondent_email": "{{email}}",
  "answers": {
    "name": "{{name}}",
    "feedback": "{{feedback}}",
    "rating": "{{satisfaction_rating}}"
  }
}
    • Silent Mode: सक्षम करें

चरण 3: अपना n8n वर्कफ्लो बनाएं

Webhook node के डेटा प्राप्त करने के बाद, अपनी आवश्यकता अनुसार कोई भी node जोड़ें:

  • Google Sheets — रिस्पॉन्स को स्प्रेडशीट में लॉग करें
  • Slack — अपनी टीम को नोटिफिकेशन भेजें
  • Email (SMTP) — पुष्टिकरण ईमेल भेजें
  • HTTP Request — किसी अन्य API को कॉल करें
  • IF — फॉर्म उत्तरों के आधार पर डेटा को सशर्त रूप से रूट करें

चरण 4: सक्रिय करें

  1. फॉर्म सबमिट करके और n8n में डेटा प्राप्ति की पुष्टि करके परीक्षण करें।
  2. Webhook node URL को Test से Production पर स्विच करें।
  3. वर्कफ्लो को Activate करें (ऊपर-दाएं कोने में टॉगल)।
  4. अपने Data Node URL को Production URL पर अपडेट करें।

n8n में अलग-अलग Test और Production URL होते हैं। अपना फॉर्म पब्लिश करने से पहले Production URL पर स्विच करना सुनिश्चित करें।

Make (3,000+ ऐप्स)

Make (पूर्व में Integromat) 3,000+ ऐप इंटीग्रेशन के साथ एक विज़ुअल ऑटोमेशन प्लेटफॉर्म है।

यह कैसे काम करता है

Make एक Custom Webhook मॉड्यूल को सिनेरियो ट्रिगर के रूप में उपयोग करता है। यह एक URL जनरेट करता है जिस पर आपका Data Node डेटा भेजता है।

चरण 1: एक Make सिनेरियो बनाएं

  1. make.com पर लॉग इन करें और एक नया सिनेरियो बनाएं।
  2. + बटन पर क्लिक करें और Webhooks खोजें।
  3. Custom webhook चुनें।
  4. एक नया webhook बनाने के लिए Add पर क्लिक करें।
  5. इसे एक नाम दें (जैसे, "NueForm Contact Form")।
  6. Make एक URL जनरेट करता है जैसे:
    text
    https://hook.make.com/abcdefghijk123456
  7. इस URL को कॉपी करें।

चरण 2: अपना Data Node कॉन्फ़िगर करें

  1. अपने NueForm वर्कफ्लो में एक Data Node जोड़ें।
  2. सेट करें:
    • Method: POST
    • URL: Make webhook URL पेस्ट करें
    • Headers:
      json
      {
  "Content-Type": "application/json"
}
    • Body:
      json
      {
  "form_name": "Contact Form",
  "name": "{{full_name}}",
  "email": "{{email}}",
  "phone": "{{phone_number}}",
  "inquiry_type": "{{inquiry_type}}"
}
    • Silent Mode: सक्षम करें

चरण 3: डेटा स्ट्रक्चर निर्धारित करें

  1. Make में, webhook मॉड्यूल पर Run once पर क्लिक करें।
  2. NueForm में एक टेस्ट रिस्पॉन्स सबमिट करें।
  3. Make डेटा स्ट्रक्चर को डिटेक्ट करेगा और फ़ील्ड को स्वचालित रूप से मैप करेगा।

चरण 4: मॉड्यूल जोड़ें और सक्रिय करें

  1. अपने डेस्टिनेशन मॉड्यूल जोड़ें (Google Sheets, CRM, ईमेल, आदि)।
  2. webhook डेटा फ़ील्ड को प्रत्येक मॉड्यूल में मैप करें।
  3. सिनेरियो शेड्यूलिंग चालू करें।

IFTTT (1,000+ सेवाएं)

IFTTT (If This Then That) स्मार्ट होम डिवाइस, सोशल मीडिया, और प्रोडक्टिविटी ऐप्स सहित 1,000+ सेवाओं से कनेक्ट होता है।

यह कैसे काम करता है

IFTTT Webhooks सर्विस का उपयोग Receive a web request ट्रिगर के साथ करता है। आपका Data Node IFTTT के webhook URL पर एक इवेंट फायर करता है।

चरण 1: IFTTT Webhooks सेट अप करें

  1. ifttt.com पर जाएं और एक नया Applet बनाएं।
  2. "If This" के लिए, Webhooks खोजें।
  3. Receive a web request चुनें।
  4. एक इवेंट नाम दर्ज करें (जैसे, nueform_submission)।
  5. "Then That" के लिए, अपनी एक्शन सर्विस चुनें।

चरण 2: अपना Webhook URL प्राप्त करें

  1. ifttt.com/maker_webhooks पर जाएं।
  2. Documentation पर क्लिक करें।
  3. आपको अपनी यूनिक key और URL फॉर्मेट दिखाई देगा:
    text
    https://maker.ifttt.com/trigger/{event}/with/key/YOUR_KEY
  4. {event} को अपने इवेंट नाम से बदलें:
    text
    https://maker.ifttt.com/trigger/nueform_submission/with/key/abc123xyz

चरण 3: अपना Data Node कॉन्फ़िगर करें

IFTTT Webhooks अधिकतम 3 मान स्वीकार करता है (value1, value2, value3):

  1. अपने NueForm वर्कफ्लो में एक Data Node जोड़ें।
  2. सेट करें:
    • Method: POST
    • URL: आपका IFTTT webhook URL
    • Headers:
      json
      {
  "Content-Type": "application/json"
}
    • Body:
      json
      {
  "value1": "{{full_name}}",
  "value2": "{{email}}",
  "value3": "{{message}}"
}
    • Silent Mode: सक्षम करें

IFTTT Webhooks केवल 3 मान (value1, value2, value3) का समर्थन करता है। यदि आपको अधिक डेटा भेजने की आवश्यकता है, तो फ़ील्ड को संयोजित करें या इसके बजाय Zapier/n8n/Make का उपयोग करें।

डायरेक्ट API इंटीग्रेशन

अधिकतम नियंत्रण के लिए, किसी भी REST API को सीधे कॉल करें — किसी मिडलवेयर की आवश्यकता नहीं।

उदाहरण: अपने बैकएंड पर भेजें

text
Method: POST
URL: https://api.yourapp.com/form-submissions
Headers:
{
  "Content-Type": "application/json",
  "Authorization": "Bearer YOUR_API_KEY"
}
Body:
{
  "form_id": "contact-form",
  "data": {
    "name": "{{name}}",
    "email": "{{email}}",
    "message": "{{message}}"
  }
}

उदाहरण: CRM में जोड़ें

text
Method: POST
URL: https://api.hubspot.com/crm/v3/objects/contacts
Headers:
{
  "Content-Type": "application/json",
  "Authorization": "Bearer YOUR_HUBSPOT_TOKEN"
}
Body:
{
  "properties": {
    "firstname": "{{first_name}}",
    "lastname": "{{last_name}}",
    "email": "{{email}}",
    "company": "{{company}}"
  }
}

उदाहरण: Slack मैसेज भेजें

text
Method: POST
URL: https://hooks.slack.com/services/T00/B00/xxxx
Headers:
{
  "Content-Type": "application/json"
}
Body:
{
  "text": "New form submission from {{name}} ({{email}}): {{message}}"
}

सुझाव और सर्वोत्तम अभ्यास

Silent Mode का उपयोग करें

अधिकांश इंटीग्रेशन के लिए, Silent Mode सक्षम करें ताकि उत्तरदाता को कोई लोडिंग इंडिकेटर न दिखे। रिक्वेस्ट बैकग्राउंड में फायर होती है।

एरर हैंडलिंग

  • यदि बाहरी सेवा डाउन है, तो Data Node रिक्वेस्ट विफल हो जाएगी। एक उचित Timeout (5-10 सेकंड) सेट करने पर विचार करें।
  • महत्वपूर्ण इंटीग्रेशन के लिए, बैकअप के रूप में NueForm के बिल्ट-इन Webhooks का उपयोग करने पर विचार करें — ये विफलता पर पुनः प्रयास करते हैं।

वेरिएबल मैपिंग

फॉर्म उत्तर मान डालने के लिए रिक्वेस्ट बॉडी में {{variable_name}} सिंटैक्स (डबल ब्रेसेज़) का उपयोग करें। URL और headers में सिंगल ब्रेसेज़ {variable_name} काम करते हैं।

पूरे संदर्भ के लिए Variables देखें।

परीक्षण

  1. डेवलपमेंट के दौरान पूरी रिक्वेस्ट/रिस्पॉन्स देखने के लिए अपने Data Node पर Debug Mode सक्षम करें।
  2. अपने Data Node द्वारा भेजे गए सटीक पेलोड का निरीक्षण करने के लिए webhook.site जैसी सेवा का उपयोग करें।
  3. पब्लिश करने से पहले Debug Mode अक्षम करें।

संबंधित

  • Data Nodes — पूर्ण Data Node कॉन्फ़िगरेशन संदर्भ
  • Variables — वेरिएबल इंटरपोलेशन सिंटैक्स
  • Webhooks — सबमिशन के बाद webhook विकल्प
अंतिम अपडेट: 6 अप्रैल 2026