हाल ही में, हमारे उपयोगकर्ताओं में से एक ने हमें वर्डप्रेस रूपों में पता क्षेत्रों के लिए स्वत: पूर्ण जोड़ने का तरीका पूछा। आटोक्लप्लेट उपयोगकर्ताओं को शीघ्रता से टाइप किए गए सुझावों से पता चुनने की अनुमति देता है, क्योंकि वे टाइप करते हैं। इस आलेख में, हम आपको Google Places API का उपयोग करके WordPress में पता क्षेत्रों के लिए स्वत: पूर्ण जोड़ने का तरीका दिखाएंगे।
सबसे पहले आपको ऐसा करना चाहिए जो Google प्लेस एपीआई प्लगइन का इस्तेमाल करते हुए पता स्वत: पूर्ण स्थापित और सक्रिय करना है। अधिक जानकारी के लिए
सक्रियण पर, आपको यात्रा की आवश्यकता है सेटिंग »Google स्वत: पूर्ण पृष्ठ प्लगइन सेटिंग को कॉन्फ़िगर करने के लिए
आपको Google Places API कुंजी दर्ज करने के लिए कहा जाएगा। यह एपीआई कुंजी आपकी वेबसाइट को Google मानचित्र से जुड़ने और वास्तविक समय में अपने डेटाबेस से स्वत: पूर्ण सुझाव प्राप्त करने की अनुमति देता है।
Google डेवलपर कंसोल वेबसाइट पर जाएं और एक नई परियोजना बनाएं
एक पॉपअप आपके प्रोजेक्ट के लिए एक नाम देने के लिए आपको पूछेगा दिखाई देगा। उस नाम का उपयोग करें जो आपको बाद में परियोजना की पहचान करने में मदद करेगा और उसके बाद बनाएं बटन पर क्लिक करें।
पॉपअप गायब हो जाएगा, कुछ सेकंड के लिए प्रतीक्षा करें और आपको स्वचालित रूप से आपकी नई परियोजना पर पुनर्निर्देशित किया जाएगा।
अब आप लोकप्रिय Google एपीआई की सूची देखेंगे जिसे आप अपनी परियोजना के लिए सक्षम कर सकते हैं। आपको ‘Google Places API वेब सेवा’ पर ढूंढने और क्लिक करने की ज़रूरत है
यह आपको एक ओवरव्यू पृष्ठ पर ले जाएगा जिसमें बताया गया कि यह एपीआई कैसे काम करता है। आपको जारी रखने के लिए सक्षम लिंक पर क्लिक करना होगा
डेवलपर कंसोल अब आपकी प्रोजेक्ट के लिए Google Places API को सक्षम करेगा।
हालांकि, आपकी वेबसाइट पर एपीआई का उपयोग करने के लिए आपको अभी भी क्रेडेंशियल्स की आवश्यकता होगी। तो आगे बढ़ो और आगे बढ़ने के लिए क्रेडेंशियल बनाने के बटन पर क्लिक करें।
अगली स्क्रीन पर, आपको ‘क्या क्रेडेंशियल्स की आवश्यकता है?’ बटन पर क्लिक करना होगा।
डेवलपर कंसोल अब आपको एपीआई कुंजी दिखाएगा। आपको इस कुंजी की प्रतिलिपि बनाने की आवश्यकता है और इसे अपने WordPress वेबसाइट पर प्लगइन सेटिंग के तहत चिपकाएं।
आपको अभी भी अपने Google डेवलपर प्रोजेक्ट पर एक और एपीआई सक्षम करने की आवश्यकता है। Google डेवलपर कंसोल में लायब्रेरी पर क्लिक करें और फिर ‘Google मानचित्र JavaScript API’ पर क्लिक करें।
यह आपको एपीआई के ओवरव्यू पेज पर ले जाएगा जहां आपको जारी रखने के लिए ‘सक्षम’ लिंक पर क्लिक करना होगा।
इस एपीआई को अतिरिक्त एपीआई कुंजी की आवश्यकता नहीं है, इसलिए अब आप जाने के लिए अच्छा है
वर्डप्रेस प्रपत्र फ़ील्ड में स्वतः पूर्ण पता सक्षम करना
आप किसी भी वर्डप्रेस फॉर्म बिल्डर प्लगइन द्वारा बनाई गई किसी भी फार्म फ़ील्ड में स्वतः पूर्ण पता सुविधा जोड़ सकते हैं।
हम इस ट्यूटोरियल में WPForms का प्रयोग करेंगे। हालांकि, इन निर्देशों का कोई फर्क नहीं पड़ता कि आप किस संपर्क प्रपत्र प्लग-इन को उपयोग कर रहे हैं।
पहले आपको उस फॉर्म को बनाने की आवश्यकता है जिसमें पता फ़ील्ड या पता फ़ील्ड का एक सेट है।
एक बार जब आप कर लेते हैं, तो इस फॉर्म को अपनी वेबसाइट पर जोड़ें जैसे कि आप सामान्य रूप से करेंगे।
इसके बाद, उस पोस्ट या पेज पर जाएं जहां आपने अपना फॉर्म जोड़ा। आपको पता फ़ील्ड पर सही क्लिक करने और ब्राउज़र मेनू से ‘निरीक्षण’ का चयन करने की आवश्यकता है
आप पता फ़ील्ड के लिए नाम, आईडी, और सीएसएस वर्ग मान देखेंगे।
उदाहरण के लिए, इस स्क्रीनशॉट में हमारे फॉर्म का नाम मान है wpforms [क्षेत्रों] [9] [पता 1] , आईडी मान है wpforms-352-field_9 , और सीएसएस वर्ग है wpforms मैदान-पता-पता 1 ।
आपको इन मानों में से सिर्फ एक को कॉपी करने और प्लगइन सेटिंग पृष्ठ में पेस्ट करना होगा।
यदि आप कई फ़ील्ड में कई फ़ील्ड को लक्षित करना चाहते हैं, तो आप केवल एक अल्पविराम जोड़ सकते हैं और एक अन्य मान जोड़ सकते हैं।
अपने परिवर्तनों को संग्रहीत करने के लिए सहेजें बटन पर क्लिक करने के लिए मत भूलें।
यह सब है, अब आप अपने फ़ॉर्म पृष्ठ पर जा सकते हैं और एक पते को दर्ज करने का प्रयास कर सकते हैं। प्रपत्र फ़ील्ड स्वचालित रूप से Google स्थानों और Google मानचित्र का उपयोग करके सुझाव दिखाना शुरू कर देगी।
