वर्डप्रेस में लाइटबॉक्स फॉर्म कैसे बनाये [The Simple Way!]

वर्डप्रेस में लाइटबॉक्स फॉर्म कैसे बनाये [The Simple Way!]

वर्डप्रेस में लाइटबॉक्स फॉर्म बनाना चाहते हैं? यह चरण-दर-चरण मार्गदर्शिका आपको कुछ आसान चरणों में वर्डप्रेस फॉर्म लाइटबॉक्स बनाने में मदद करेगी!

वर्डप्रेस में लाइटबॉक्स फॉर्म कैसे बनाये

पढ़ने का अनुमानित समय: 4 मिनट

लाइटबॉक्स आपकी वेबसाइट पर शक्तिशाली उपकरण हो सकते हैं।

किसी अभिनेता पर स्पॉटलाइट की तरह, यह आपकी साइट के मुख्य आकर्षण की ओर ध्यान खींचता है। चाहे वह एक छवि गैलरी, चैटबॉट या संपर्क फ़ॉर्म हो, आगंतुक का ध्यान आकर्षित करना मुख्य लक्ष्य है।

और यहीं पर लाइटबॉक्स काम आता है।

तो, यह पोस्ट आपको दो आसान चरणों में वर्डप्रेस लाइटबॉक्स फॉर्म बनाने का तरीका बताएगी ताकि आप आज ही अपनी साइट पर एक डाल सकें!

आएँ शुरू करें।

वर्डप्रेस में वर्डप्रेस लाइटबॉक्स क्या है, और इसका उपयोग क्यों करें?

एक वर्डप्रेस लाइटबॉक्स फॉर्म एक छोटा पॉपअप है जो पेज पर दिखाई देता है जब उपयोगकर्ता कुछ पाठ या बटन पर क्लिक करता है।

उदाहरण लाइटबॉक्स पॉपअप फॉर्म

आगंतुकों को एक नए पृष्ठ पर ले जाने या पूरे पृष्ठ को अवरुद्ध करने के बजाय, सामग्री पर लाइटबॉक्स पॉप अप हो जाता है और पृष्ठभूमि को थोड़ा धुंधला कर देता है, इसे लाइटबॉक्स प्रभाव देता है (आसान फैंक्सबॉक्स के समान)।

लेकिन लाइटबॉक्स फॉर्म का उपयोग क्यों करें?

सरल। यह आपके वेबसाइट विज़िटर के लिए अधिक सहज अनुभव प्रदान करता है।

उन्हें किसी नए पृष्ठ पर जाने या यह देखने की आवश्यकता नहीं है कि कहाँ जाना है। प्रपत्र पॉप अप होता है, और पृष्ठभूमि आपके प्रपत्र को हाइलाइट करने के लिए मंद हो जाती है। पृष्ठ लोड होने की प्रतीक्षा करने के बजाय, आपका आगंतुक आपका फ़ॉर्म भरता है या चित्र/वीडियो देखता है।

और यह बहुत मायने रखता है जब हर सेकंड आपके विज़िटर को आपकी साइट छोड़ने के करीब ले जाता है।

तो, यहाँ लाइटबॉक्स प्रपत्र के लिए कुछ भिन्न उपयोग दिए गए हैं:

  • के लिए लाइटबॉक्स पॉपअप चैटबॉट
  • संपर्क फ़ॉर्म कोने में दिखाई देते हैं स्क्रीन का
  • एक वीडियो लाइटबॉक्स YouTube/Vimeo वीडियो को विज़िटर का ध्यान आकर्षित करने की अनुमति देता है
  • उत्पाद प्रदर्शन छवियों को हाइलाइट करने के लिए लाइटबॉक्स छवियां प्रदर्शित करें

क्या वर्डप्रेस में एक बिल्ट-इन लाइटबॉक्स है?

वर्डप्रेस में एक बिल्ट-इन लाइटबॉक्स है, लेकिन यह अन्य विकल्पों की तुलना में थोड़ा सीमित है।

हालांकि यह काम करता है, लेकिन इसमें ऐसी कई सुविधाओं का अभाव है जो आपकी वेबसाइट और लाइटबॉक्स को सबसे अलग बनाती हैं।

अच्छी खबर यह है कि उस समस्या को ठीक करने के लिए आपको केवल एक फॉर्म लाइटबॉक्स वर्डप्रेस प्लगइन की आवश्यकता है।

और हमारे पास यहां आपके लिए सबसे अच्छा वर्डप्रेस लाइटबॉक्स प्लगइन है 👇।

वर्डप्रेस में लाइटबॉक्स फॉर्म कैसे बनाये

पहली चीज़ें पहले, आपको आवश्यकता होगी दुर्जेय रूप.

फॉर्मिडेबल फॉर्म वर्डप्रेस के लिए सबसे उन्नत फॉर्म बिल्डर है, और यह वर्डप्रेस के लिए एक फॉर्म लाइटबॉक्स प्लगइन के रूप में दोगुना हो जाता है जब यह हार्ड बिल्डिंग फॉर्म पर काम नहीं कर रहा होता है।

आप मुफ़्त संस्करण आज़मा सकते हैं, लेकिन लाइटबॉक्स फ़ॉर्म क्षमता प्राप्त करने के लिए आपको एक प्रीमियम योजना ख़रीदनी होगी।

अभी फॉर्मिडेबल फॉर्म प्राप्त करें!

इसलिए, फॉर्मिडेबल को स्थापित और सक्रिय करें, फिर हमें बूटस्ट्रैप मोडल ऐड-ऑन को सक्रिय करने की आवश्यकता होगी।

करने के लिए, पर जाएँ दुर्जेय → ऐड-ऑन। अगला, खोजें बूटस्ट्रैप मॉडल ऐड-ऑन और क्लिक करें स्थापित करना.

एक बार इसके सक्रिय हो जाने के बाद, अपना लाइटबॉक्स बनाने के लिए यह दो आसान चरण हैं:

  1. अपना फॉर्म बनाएं और सबमिशन सेटिंग्स को कॉन्फ़िगर करें
  2. अपना रूप प्रदर्शित करें

आइए इसमें शामिल हों।

चरण 1: अपना फॉर्म बनाएं और सबमिशन सेटिंग्स को कॉन्फ़िगर करें

सबसे पहले, हमें लाइटबॉक्स में प्रदर्शित करने के लिए एक फॉर्म की आवश्यकता होती है।

तो, हम आपके वर्डप्रेस डैशबोर्ड पर जाएँगे, पर जाएँ दुर्जेय → प्रपत्र, और क्लिक करें नया जोड़ो.

नया फॉर्म शुरू करने के लिए Add New पर क्लिक करें

आप तेजी से आरंभ करने के लिए हमारे पूर्वनिर्मित टेम्पलेट्स में से एक चुन सकते हैं या एक चुन सकते हैं खाली टेम्पलेट इसे स्वयं अनुकूलित करने के लिए।

हमारे उदाहरण के लिए, हम चुनेंगे सरल उपयोगकर्ता पंजीकरण टेम्प्लेट, क्योंकि इसमें वे सभी फ़ील्ड हैं जिनकी हमें आवश्यकता है। अगला, फॉर्म को एक नाम दें और फिर क्लिक करें सृजन करना.

प्लगइन आपको फॉर्मिडेबल के ड्रैग-एंड-ड्रॉप फॉर्म बिल्डर पर ले जाएगा, जहां आप अपने फॉर्म को कस्टमाइज़ कर सकते हैं।

दुर्जेय का ड्रैग-एंड-ड्रॉप बिल्डर

विभिन्न फ़ील्ड जोड़ें, फ़ील्ड लेबल बदलें, और इसे अपनी वेबसाइट की ज़रूरतों के अनुसार अनुकूलित करें।

जब आप समाप्त कर लें, तो क्लिक करें अद्यतन अपने परिवर्तनों को सहेजने के लिए।

इसके बाद, हमें फॉर्म की सेटिंग्स को कस्टमाइज़ करना होगा। तो, क्लिक करें समायोजन और नीचे स्क्रॉल करें ajax अनुभाग के तहत सामान्य.

बॉक्स को चेक करें इस फॉर्म को AJAX के साथ जमा करें. यह सेटिंग पूरे पृष्ठ को रीफ़्रेश किए बिना फ़ॉर्म सबमिट कर देगी, जिसकी हमें लाइटबॉक्स के लिए आवश्यकता है।

इस फॉर्म को AJAX के साथ सबमिट करें पर क्लिक करें

एक बार यह लाइटबॉक्स विकल्प सक्रिय हो जाने पर क्लिक करें अद्यतन अपने परिवर्तनों को सहेजने के लिए।

अंत में क्लिक करें एम्बेड बटन और चुनें मैन्युअल रूप से डालें। फिर नीचे दिए गए कोड को कॉपी करें वर्डप्रेस शोर्ट.

आपको अगले चरण में इसकी आवश्यकता होगी।

चरण 2: अपना फॉर्म प्रदर्शित करें

अब जबकि हमने आपका फॉर्म दुनिया को दिखाने के लिए तैयार कर लिया है, हमें इसके लिए जगह ढूंढनी होगी।

तो, उस पोस्ट या पेज पर जाएं जहां आप अपनी वर्डप्रेस वेबसाइट पर अपना लाइटबॉक्स दिखाना चाहते हैं।

इस पेज पर, हम एक शोर्टकोड जोड़ना चाहते हैं जो इस तरह दिखता है:

[frmmodal-content label=”Click here”][formidable id=x][/frmmodal-content]

बदलो एक्स आपके साथ फॉर्म आईडी / कुंजी पिछले चरण से। तो, उदाहरण के लिए, यह इस तरह दिखेगा:

[frmmodal-content label=”Click here to login”][formidable id=1][/frmmodal-content]

फिर, अपना पेज/पोस्ट प्रकाशित या अपडेट करें, और आपका साधारण लाइटबॉक्स लाइव हो गया है!

अब, उपयोगकर्ता एक साधारण क्लिक करेंगे यहां क्लिक करें अपना लाइटबॉक्स फॉर्म देखने के लिए बटन।

पॉपअप फॉर्म

वर्डप्रेस में अपना लाइटबॉक्स फॉर्म बनाने के लिए तैयार हैं?

और बस!

चाहे आपको पॉपअप में छवियों को प्रदर्शित करने के लिए वर्डप्रेस गैलरी प्लगइन की आवश्यकता हो या एक साधारण न्यूज़लेटर साइनअप फॉर्म दिखाना हो, आप इसे फॉर्मिडेबल फॉर्म्स और किसी भी थीम (एलिमेंटर सहित) के साथ कर सकते हैं!

यदि आप वर्डप्रेस प्लगइन के साथ पॉपअप बनाने के बारे में अधिक जानना चाहते हैं, तो वर्डप्रेस में पॉपअप बनाने के लिए इस गाइड को देखें!

अंत में, हमें फॉलो करें ट्विटरअधिक अविश्वसनीय वर्डप्रेस टिप्स और ट्रिक्स के लिए फेसबुक, और यूट्यूब!

पॉपअप के बारे में और पढ़ें!


क्या आप जानते हैं कि फॉर्मिडेबल फॉर्म आज उपलब्ध सबसे तेज़ वर्डप्रेस फॉर्म बिल्डर प्लगइन्स में से एक है? यदि आप पहले से इसका उपयोग नहीं कर रहे हैं, तो हमारे मुफ़्त प्लगइन या पूर्ण विशेषताओं वाले प्रो संस्करण के साथ आरंभ करें!



वर्डप्रेस में लाइटबॉक्स फॉर्म कैसे बनाये [The Simple Way!] वर्डप्रेस में लाइटबॉक्स फॉर्म कैसे बनाये [The Simple Way!]

प्रातिक्रिया दे

आपका ईमेल पता प्रकाशित नहीं किया जाएगा. आवश्यक फ़ील्ड चिह्नित हैं *