सामग्री पर जाएँ
All articles
Integrations

वेबसाइट फ़ॉर्म, WordPress और कैप्चर SDK

अपनी वेबसाइट (WordPress, Wix, सादा HTML) के किसी भी फ़ॉर्म से लीड सीधे CRM में कैप्चर करें: एक तैयार HTML फ़ॉर्म या JS कैप्चर SDK चिपकाएँ। प्रत्येक सबमिशन स्वचालित रूप से एक लीड बन जाता है।

"वेबसाइट फ़ॉर्म / WordPress" इंटीग्रेशन आपकी साइट के किसी भी फ़ॉर्म से लीड कैप्चर करता है और प्रत्येक सबमिशन पर CRM में एक लीड बनाता है। यह हमारे द्वारा बनाया गया है, बिना किसी बाहरी खाते के: आप बस एक कैप्चर पता (एक सार्वजनिक टोकन) बनाते हैं और किसी फ़ॉर्म को उसकी ओर इंगित करते हैं। फ़ील्ड लचीले ढंग से मैप किए जाते हैं (name/email/phone/company/message), और लीड का स्रोत "website" (या "source" फ़ील्ड में आपके द्वारा सेट किया गया मान) बना रहता है।

यह सबमिशन को एक सामान्य HTML फ़ॉर्म (application/x-www-form-urlencoded) के रूप में या JSON के रूप में स्वीकार करता है, इसलिए यह आपके द्वारा चिपकाए गए <form> के साथ और कोड कॉल दोनों के साथ काम करता है। पता किसी भी डोमेन से POST स्वीकार करता है (CORS खुला), क्योंकि पूरा उद्देश्य ग्राहक की साइट से सबमिशन प्राप्त करना है। यह निष्क्रिय शुरू होता है: जब तक आप पता न बनाएँ और उसे सक्षम न करें, कुछ भी कैप्चर नहीं होता।

पूर्वापेक्षाएँ

  • कोई बाहरी खाता या क्रेडेंशियल नहीं: कैप्चर हमारे द्वारा बनाया गया है।
  • अपनी साइट संपादित करने की पहुँच: एक <form> या एक <script> चिपकाना (WordPress में, एक "custom HTML" ब्लॉक या थीम फ़ुटर; यह Contact Form 7, Elementor, Wix या सादे HTML के साथ भी काम करता है)।
  • Sellio में, कैप्चर पता बनाने और Settings → Integrations के अंतर्गत इंटीग्रेशन को सक्षम करने के लिए एक व्यवस्थापक होना।

कैसे सक्षम करें

  1. Settings → Integrations खोलें और "वेबसाइट फ़ॉर्म / WordPress" कार्ड पर जाएँ।
  2. वेबहुक URL (एक अद्वितीय, सार्वजनिक कैप्चर टोकन) बनाने के लिए "कैप्चर पता बनाएँ" पर क्लिक करें।
  3. तैयार HTML फ़ॉर्म (या SDK) को कॉपी करें और अपनी साइट में चिपकाएँ, जैसा नीचे बताया गया है।
  4. "सक्षम करें" पर क्लिक करें। उसके बाद से सबमिशन CRM में लीड बनाना शुरू कर देते हैं।

विकल्प A: तैयार HTML फ़ॉर्म

कार्ड पर, तैयार <form> ब्लॉक कॉपी करें (यह पहले से आपके कैप्चर पते की ओर इंगित करता है) और जहाँ भी आप फ़ॉर्म दिखाना चाहते हैं वहाँ चिपकाएँ। WordPress में, एक "custom HTML" ब्लॉक का उपयोग करें। आप फ़ील्ड स्वतंत्र रूप से समायोजित कर सकते हैं: name, email, phone, company और message नाम स्वचालित रूप से पहचाने जाते हैं। एक वैकल्पिक छिपा हुआ "redirect" फ़ील्ड सबमिशन के बाद विज़िटर को धन्यवाद पेज पर ले जाता है।

Example: <form action="https://app.yourdomain.com/api/inbound/webform/YOUR_TOKEN" method="POST"> … <input name="email" required> … </form>

विकल्प B: JS कैप्चर SDK (डेवलपर्स)

उन साइटों के लिए जिनके पास पहले से अपने फ़ॉर्म (या ऐप) हैं, SDK के <script> को अपनी साइट में चिपकाएँ। यह ब्राउज़र में दो मेथड उजागर करता है, बिना किसी संवेदनशील डेटा के (स्क्रिप्ट में केवल सार्वजनिक कैप्चर टोकन जाता है):

  • window.Sellio.capture({ name, email, phone, company, message, source }) एक लीड सीधे भेजता है (बटन, पॉपअप या ऐप फ़्लो में उपयोगी)।
  • Sellio.trackForm('#my-form') किसी मौजूदा फ़ॉर्म के सबमिशन को इंटरसेप्ट करता है और फ़ील्ड को CRM पर भेजता है, बिना आपके फ़ॉर्म के HTML को छुए।
Example: <script src="https://app.yourdomain.com/api/sdk/YOUR_TOKEN/sellio.js" async></script> → फिर: Sellio.trackForm('.wpcf7-form')

WordPress: Contact Form 7, Elementor और HTML ब्लॉक

  • HTML ब्लॉक: पेज पर एक "custom HTML" ब्लॉक में तैयार फ़ॉर्म (विकल्प A) चिपकाएँ।
  • Contact Form 7: अपना CF7 फ़ॉर्म रखें और थीम फ़ुटर में SDK (विकल्प B) जोड़ें; फिर Sellio.trackForm(".wpcf7-form") कॉल करें। CF7 फ़ील्ड नाम (your-name, your-email) पहले से पहचाने जाते हैं।
  • Elementor: Elementor Form रखें और साइट में SDK जोड़ें; प्रत्येक सबमिशन को CRM पर भेजने के लिए अपने फ़ॉर्म के सिलेक्टर के साथ Sellio.trackForm() का उपयोग करें।

लीड क्या बनता है

पहचान योग्य किसी चीज़ (ईमेल, फ़ोन या नाम) वाला प्रत्येक सबमिशन एक लीड बनाता है, जिसका स्रोत "source" फ़ील्ड (डिफ़ॉल्ट "website") द्वारा परिभाषित होता है। आपके द्वारा भेजे गए फ़ील्ड जो मानक नहीं हैं, लीड के संदेश में जोड़ दिए जाते हैं, ताकि कुछ न खोए। कैप्चर best-effort आधार पर idempotent है: यदि आप एक "external_id" भेजते हैं, तो उसी id के पुनः सबमिशन डुप्लिकेट नहीं करते; external_id के बिना, एक ही ईमेल वाले लीड भी डुप्लिकेट नहीं होते।

सुरक्षा

  • URL टोकन सार्वजनिक है और केवल कैप्चर के लिए काम करता है: यह आपके खाते की पहचान करता है, पर कोई डेटा उजागर नहीं करता या कुछ पढ़ने की अनुमति नहीं देता। फ़ॉर्म या SDK में कभी कोई सीक्रेट न रखें।
  • यदि आपको वर्तमान पते को अमान्य करना हो, तो "नया टोकन बनाएँ" का उपयोग करें, और पुराना फ़ॉर्म/SDK काम करना बंद कर देता है।
  • एक अमान्य टोकन या अक्षम इंटीग्रेशन 404 लौटाता है; खाली सबमिशन (जिनमें कुछ भी पहचान योग्य नहीं) चुपचाप अनदेखा कर दिए जाते हैं।
💡 जल्दी से मान्य करने के लिए तैयार HTML फ़ॉर्म से शुरू करें, और जब आप अपने वर्तमान WordPress फ़ॉर्म का रूप बनाए रखना चाहें तो SDK (trackForm) पर जाएँ।

कैसे परखें

  1. अपनी साइट के किसी परीक्षण पेज पर तैयार HTML फ़ॉर्म (विकल्प A) चिपकाएँ और इंटीग्रेशन सक्षम करें।
  2. एक परीक्षण ईमेल के साथ फ़ॉर्म भरें और सबमिट करें।
  3. CRM में, लीड सूची खोलें और पुष्टि करें कि स्रोत "website" (या "source" फ़ील्ड के मान) के साथ एक लीड दिखाई दी।
  4. उसी ईमेल (या उसी external_id) के साथ फिर से सबमिट करें और पुष्टि करें कि यह डुप्लिकेट नहीं होता।

समस्या निवारण

  • लीड नहीं बनाता: पुष्टि करें कि इंटीग्रेशन "सक्षम" है और यह कि <form>/SDK सही कैप्चर पते की ओर इंगित करता है। पूरी तरह खाली सबमिशन (कोई ईमेल, फ़ोन या नाम नहीं) चुपचाप अनदेखा कर दिए जाते हैं।
  • URL पर 404: पता टोकन बदल गया (आपने "नया टोकन बनाएँ" पर क्लिक किया) या इंटीग्रेशन अक्षम है। वर्तमान पता कॉपी करें और फ़ॉर्म/SDK अपडेट करें।
  • SDK फ़ॉर्म को इंटरसेप्ट नहीं करता: Sellio.trackForm() को पास किया गया सिलेक्टर जाँचें (जैसे, ".wpcf7-form"); CF7/Elementor में SDK को साइट पर लोड होना चाहिए (थीम फ़ुटर)।
  • फ़ील्ड नहीं आते: पहचाने गए नामों (name, email, phone, company, message) का उपयोग करें; CF7 नाम (your-name, your-email) पहले से स्वीकार किए जाते हैं। अतिरिक्त फ़ील्ड लीड के संदेश में जोड़ दिए जाते हैं।
  • फ़ॉर्म में सीक्रेट न रखें: URL टोकन सार्वजनिक है और केवल कैप्चर के लिए काम करता है, और यह न तो डेटा उजागर करता है और न पढ़ता है।

Open this article inside the system

Read it and want to see it working?

The account is free and the whole manual is available inside the system, with an assistant that answers from this very content.

मुफ़्त खाता बनाएँ
वेबसाइट फ़ॉर्म, WordPress और कैप्चर SDK · Sellio