एलिमेंटर में मुफ्त में पॉपअप कैसे जोड़ें (कोई एलिमेंटर प्रो आवश्यक नहीं)

आप एलिमेंट प्रो के लिए भुगतान किए बिना एलिमेंट में पॉपअप जोड़ सकते हैं फ्री एलिमेंट एक पॉपअप बिल्डर के साथ जहाज नहीं करता है, लेकिन प्रो एक पाने का एकमात्र तरीका नहीं है एक मुक्त एलिमेंट के लिए मास्टर ऐडऑन प्लगइन में एक पूर्ण शामिल है पॉपअप बिल्डर१००+ तैयार किए गए टेम्पलेट्स, और पांच ट्रिगर प्रकार यह सब मुफ्त प्लगइन में बैठता है, जिसमें कोई परीक्षण टाइमर और कोई वॉटरमार्क नहीं है।

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

क्या आपको पॉपअप बनाने के लिए एलिमेंटर प्रो की आवश्यकता है?

संक्षिप्त उत्तर: नहीं। एलिमेंटर प्रो का पॉपअप बिल्डर एक सशुल्क सुविधा है, लेकिन एलिमेंटर के अंदर पॉपअप जोड़ने का यह एकमात्र तरीका नहीं है।

यहां बताया गया है कि प्रत्येक विकल्प वास्तव में आपको क्या देता हैः

इसलिए यदि पॉपअप एकमात्र कारण था जो आप एलिमेंटर प्रो को देख रहे थे, तो आप मुफ्त एलिमेंटर पर रह सकते हैं, मास्टर एडॉन्स स्थापित कर सकते हैं, और उन्हें उसी ड्रैग-एंड-ड्रॉप एडिटर के साथ बना सकते हैं यदि आप पहले से ही प्रो के मालिक हैं, तो दोनों परस्पर विरोधी के बिना एक साथ चलते हैं।

शब्द के बारे में विशिष्ट होने के लायक है“फ्री” यहाँ पॉपअप बिल्डर एक परीक्षण नहीं है और भुगतान मॉड्यूल का कट-डाउन संस्करण नहीं है मास्टर एडॉन्स एक प्रो संस्करण बेचता है, लेकिन प्रो अन्य चीजों को शामिल करता है: अतिरिक्त विजेट और पूर्ण विजेट बिल्डर पॉपअप उस के बाहर बैठते हैं।

मास्टर ऐडऑन पॉपअप बिल्डर क्या है?

मास्टर एडॉन्स एक ऑल-इन-वन एलिमेंटर प्लगइन है जिसका उपयोग ३०,०००+ सक्रिय साइटों द्वारा किया जाता है यह ८०+ विजेट के साथ जहाज करता है, एक थीम बिल्डर, एक टेम्पलेट लाइब्रेरी, ए विजेट बिल्डर, और एक मुफ़्त पॉपअप बिल्डरपॉपअप बिल्डर एक अलग खरीद नहीं है प्लगइन स्थापित करें और यह वहाँ है।

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

क्यों लोग मुफ्त मास्टर एडॉन्स पॉपअप बिल्डर उठाते हैं

• प्लगइन में बंडल किया गया मुफ्त पॉपअप बिल्डर कोई अपग्रेड आवश्यक नहीं है।
• वही ड्रैग-एंड-ड्रॉप डिज़ाइन अनुभव जो आप एलिमेंटर से पहले से जानते हैं।
• १००+ पूर्वनिर्मित पॉपअप टेम्पलेट्स एक क्लिक में आयात करने के लिए तैयार।
• पांच ट्रिगर प्रकार: क्लिक पर, पेज लोड, निकास इरादा, स्क्रॉल पर, निष्क्रियता के बाद।
• किसी भी पोस्ट, पेज, श्रेणी या कस्टम पोस्ट प्रकार के लिए प्रदर्शन की स्थिति।
• मुफ्त एलिमेंटर, मुफ्त वर्डप्रेस होस्टिंग और नवीनतम एलिमेंटर संस्करणों पर काम करता है।

आप किस प्रकार के पॉपअप बना सकते हैं?

• लीड जनरेशन और ईमेल ऑप्ट-इन पॉपअप
• WooCommerce प्रमोशन, बिक्री बैनर और कार्ट परित्याग ऑफर
• वीडियो लाइटबॉक्स पॉपअप (यूट्यूब, वीमियो, स्व-होस्टेड)
• छवि गैलरी लाइटबॉक्स
• घोषणा बार और शीर्ष बैनर
• लॉगिन और पंजीकरण फॉर्म पॉपअप
• कुकी सहमति और जीडीपीआर नोटिस
• फीडबैक, एनपीएस, और सर्वेक्षण पॉपअप
• शर्तों, मूल्य निर्धारण विवरण, या उत्पाद जानकारी के लिए मॉडल पॉपअप

मास्टर ऐडऑन में 5 पॉपअप ट्रिगर

स्क्रॉल ट्रिगर पर १

पॉपअप आगंतुक के बाद आग पृष्ठ का एक निर्धारित प्रतिशत स्क्रॉल करता हैअच्छा है जब आप चाहते हैं कि पाठक द्वारा वास्तव में कुछ पढ़ने के बाद सामग्री अपग्रेड या ईमेल ऑप्ट-इन दिखाई दे, पेज लोड पर नहीं जब उन्होंने यह तय नहीं किया है कि रहना है या नहीं।

2। पेज लोड ट्रिगर

पॉपअप आपके द्वारा निर्धारित विलंब के बाद प्रकट होता है, जिसे सेकंड में मापा जाता हैस्वागत संदेश, समय-सीमित ऑफ़र, और कुछ भी हर किसी को देखना चाहिए सूट देरी मूल्य देखें २ सेकंड के तहत कुछ भी धीमी कनेक्शन पर लोगों को परेशान करने के लिए जाता है।

३ बाहर निकलें आशय ट्रिगर

पॉपअप पता लगाता है कि कर्सर ब्राउज़र टैब या क्लोज बटन की ओर बढ़ता है और अंतिम संदेश को आग लगाता है यह वही है जो लोग “ के रूप में खोज रहे हैंएलिमेंटर निकास आशय पॉपअप“, और यह मुफ़्त मास्टर ऐडऑन प्लगइन में है इससे पहले कि आप इसके चारों ओर एक अभियान बनाएं एक चेतावनी: बाहर निकलने का इरादा एक डेस्कटॉप व्यवहार है एक फोन में ट्रैक करने के लिए कोई कर्सर नहीं है, इसलिए मोबाइल आगंतुकों को इसके बजाय एक स्क्रॉल या निष्क्रियता ट्रिगर दें।

४ क्लिक ट्रिगर पर

पॉपअप केवल तभी खुलता है जब कोई आगंतुक एक विशिष्ट बटन, छवि या लिंक पर क्लिक करता है यह एक बनाने का सबसे आसान तरीका है क्लिक-टू-ओपन मोडल कोड को छुए बिना, और यह इसके लिए निःशुल्क प्रतिस्थापन है elementor/popup/show जावास्क्रिप्ट घटना अगले भाग में शामिल है।

निष्क्रियता ट्रिगर के बाद ५

पॉपअप उस विज़िटर को फिर से संलग्न करता है जिसने एक निर्धारित अवधि के लिए कर्सर को स्क्रॉल करना या हिलाना बंद कर दिया हैपहले दृश्य पर फायरिंग के बिना ध्यान पुनर्प्राप्त करने के लिए अच्छा है, जो पाठक को खोने का सबसे तेज़ तरीका है।

एलिमेंटर/पॉपअप/शो इवेंट (और निःशुल्क विकल्प) का उपयोग कैसे करें

एलिमेंटर प्रो नामक जावास्क्रिप्ट इवेंट को उजागर करता है elementor/popup/show। डेवलपर्स इसका उपयोग कोड से पॉपअप को ट्रिगर करने के लिए करते हैं: कस्टम फॉर्म सबमिशन, AJAX प्रतिक्रिया, या एलिमेंटर संपादक के बाहर रहने वाले बटन के बाद पॉपअप को फायर करें।

एलिमेंटर प्रो में मूल पैटर्न इस तरह दिखता हैः

jQuery( document ).on( 'elementor/popup/show', ( event, id, instance ) => {
    // your code runs when popup with this ID is shown
    console.log( 'Popup opened:', id );
} );

// To open a popup programmatically in Elementor Pro:
elementorProFrontend.modules.popup.showPopup( { id: 1234 } );

यदि आप मुफ्त एलिमेंट पर हैं, तो आपके पास पहुंच नहीं है elementorProFrontend.modules.popup.showPopupअधिकांश उपयोग के मामलों के लिए आपको भी इसकी आवश्यकता नहीं है मास्टर एडॉन्स पर क्लिक ट्रिगर मूल रूप से आम लोगों को संभालता हैः

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

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

यदि आप अपने स्वयं के कोड (विश्लेषण, कस्टम तर्क) से पॉपअप-शो घटनाओं के लिए सुनना चाहते हैं, तो पॉपअप को खोलने पर वैश्विक घटना को आग लगने से बांधें सटीक घटना का नाम में है मास्टर ऐडऑन दस्तावेज़ीकरण आप जिस संस्करण को चला रहे हैं उसके लिए।

बटन पर एलिमेंटर पॉपअप कैसे ट्रिगर करें क्लिक करें (निःशुल्क)

सबसे आम अनुरोधों में से एक, इसलिए यहां सटीक सेटअप हैः

1. मास्टर ऐडऑन, पॉपअप बिल्डर में पॉपअप बनाएं और इसे डिज़ाइन करें।
2. पॉपअप की सेटिंग्स में, ट्रिगर को स्विच करें पर क्लिक.
3. उदाहरण के लिए, ट्रिगर फ़ील्ड में सीएसएस चयनकर्ता दर्ज करें .open-signup-popup.
4. बटन के साथ पृष्ठ या टेम्पलेट पर जाएं बटन विजेट का संपादन करें उन्नत, सीएसएस कक्षाएं फ़ील्ड और जोड़ें open-signup-popup (कोई बिंदु नहीं, केवल कक्षा का नाम)।
5. दोनों को सहेजें उस वर्ग के साथ हर बटन अब पॉपअप खोलता है, साइट पर कहीं भी।

वही चयनकर्ता एक पंक्ति, एक कॉलम, एक शीर्षक, एक आइकन, या किसी भी तत्व पर काम करता है जिसे आप एक वर्ग दे सकते हैं इसी तरह आप व्यवहार को समान रूप से प्राप्त करते हैं elementor/popup/show जावास्क्रिप्ट की एक पंक्ति लिखे बिना देखने के लिए एक बात: यदि आप एक आईडी चयनकर्ता का उपयोग करते हैं जैसे #open-popup, सुनिश्चित करें कि पृष्ठ पर कोई अन्य तत्व आईडी साझा नहीं करता है, अन्यथा गलत तत्व से आग पर क्लिक करता है।

नि: शुल्क एलिमेंटर पॉपअप टेम्पलेट्स: १००+ डिजाइन आयात करने के लिए तैयार

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

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

चरण-दर-चरण: मास्टर ऐडऑन का उपयोग करके एलिमेंटर में पॉपअप कैसे जोड़ें

चरण १: मास्टर एडॉन्स स्थापित करें और सक्रिय करें

1. वर्डप्रेस डैशबोर्ड खोलें, प्लगइन्स, नया जोड़ें।
2. एलिमेंटोरैग्मा के लिए “मास्टर ऐडऑन खोजें।
3. क्लिक करें अभी इंस्टॉल करेंफिर सक्रिय करें.
4. एक नया मास्टर ऐडऑन आइटम वर्डप्रेस साइडबार में दिखाई देता है।

यदि साइडबार आइटम तुरंत दिखाई नहीं देता है, तो व्यवस्थापक को हार्ड-रिफ्रेश करें (Ctrl+Shift+R/Cmd+Shift+R)। कुछ कैशिंग प्लगइन्स एक मिनट के लिए पुराने व्यवस्थापक मेनू पर लटके रहते हैं।

चरण २: पॉपअप बिल्डर खोलें

1. को जा मास्टर ऐडऑन, पॉपअप बिल्डर.
2. क्लिक करें नया पॉपअप जोड़ें.
3. पॉपअप को एक वर्णनात्मक नाम दें (उदाहरण के लिए, न्यूज़लैटर, ब्लॉग पोस्ट).
4. क्लिक करें एलिमेंट के साथ संपादित करें.

चरण ३: एक टेम्पलेट चुनें या स्क्रैच से शुरू करें

1. एलिमेंट संपादक में मास्टर एडॉन्स टेम्पलेट लाइब्रेरी आइकन पर क्लिक करें।
2. पॉपअप श्रेणी ब्राउज़ करें और डिज़ाइन का पूर्वावलोकन करें।
3. क्लिक करें सम्मिलित करें कैनवास में आयात करने के लिए किसी भी टेम्पलेट पर।
4. या लाइब्रेरी छोड़ें और विजेट को एक खाली कैनवास पर खींचें।

चरण ४: पॉपअप सामग्री डिज़ाइन करें

1. एलिमेंटर विजेट खींचें: शीर्षक, टेक्स्ट एडिटर, बटन, छवि, फॉर्म।
2. ईमेल कैप्चर के लिए, एक फॉर्म विजेट का उपयोग करें और इसे अपनी ईमेल सेवा से कनेक्ट करें।
3. कोर एलिमेंटर या मास्टर ऐडऑन विजेट का उपयोग करके उलटी गिनती टाइमर, आइकन या वीडियो जोड़ें।
4. स्टाइल और एडवांस्ड टैब में फ़ॉन्ट, रंग, पैडिंग और रिक्ति समायोजित करें।
5. लेआउट अभी भी काम करता है की पुष्टि करने के लिए मोबाइल और टैबलेट दृश्य पर पूर्वावलोकन।

चरण ५: पॉपअप ट्रिगर कॉन्फ़िगर करें

1. खोलने के लिए संपादक के नीचे-बाएँ गियर आइकन पर क्लिक करें सेटिंग्स.
2. को खोलें ट्रिगर टैब।
3. पांच ट्रिगर्स में से एक चुनें: क्लिक पर, पेज लोड, निकास इरादा, स्क्रॉल पर, निष्क्रियता के बाद।
4. ट्रिगर-विशिष्ट सेटिंग्स भरें: स्क्रॉल प्रतिशत, विलंब सेकंड, क्लिक चयनकर्ता, या निष्क्रियता अवधि।

चरण ६: प्रदर्शन की स्थिति सेट करें (जहां पॉपअप दिखाता है)

प्रदर्शन की स्थिति तय करती है कि कौन से पृष्ठ वास्तव में पॉपअप दिखाते हैं अधिकांश पॉपअप समस्याएं यहां शुरू होती हैं कोई प्रदर्शन नियम के साथ एक पॉपअप कभी भी प्रकट नहीं होता है, इसलिए यह जांचने के लिए पहली बात है कि संपादक में ठीक दिखता है लेकिन सामने के छोर पर कुछ भी नहीं दिखाता है।

1. को खोलें प्रदर्शन की शर्तें पॉपअप सेटिंग्स में टैब।
2. एक चुनें शामिल करना नियम: संपूर्ण साइट, विशिष्ट पृष्ठ, विशिष्ट पोस्ट, श्रेणियाँ, टैग, या एक कस्टम पोस्ट प्रकार।
3. एक जोड़ें बहिष्कृत करना आप जो कुछ भी छोड़ना चाहते हैं उसके लिए नियम (उदाहरण के लिए, साइटवाइड पॉपअप से चेकआउट पृष्ठ को बाहर करें, अन्यथा यह उन लोगों को परेशान करता है जो पहले से ही परिवर्तित हो चुके हैं)।
4. प्रकाशित करने से पहले शर्तों को सहेजें।

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

चरण ७: प्रकाशित करें और परीक्षण करें

1. क्लिक करें प्रकाशित करें या अपडेट संपादक के नीचे-बाएँ में।
2. वह पृष्ठ खोलें जो सामान्य ब्राउज़र विंडो में पॉपअप दिखाना चाहिए (संपादक पूर्वावलोकन नहीं)।
3. पॉपअप को आपके द्वारा कॉन्फ़िगर किए गए तरीके से ट्रिगर करें: बटन पर क्लिक करें, स्क्रॉल करें, प्रतीक्षा करें, या बंद टैब की ओर बढ़ें।
4. एक वास्तविक फोन पर उत्तरदायी व्यवहार की जांच करें संपादक पूर्वावलोकन करीब है लेकिन सटीक नहीं है।
5. पहले सप्ताह के लिए फॉर्म सबमिशन और रूपांतरण दरों की निगरानी करें।

क्यों एक पॉपअप नहीं दिखा रहा है

यदि पॉपअप संपादक में काम करता है लेकिन साइट पर कभी दिखाई नहीं देता है, तो यह लगभग हमेशा इन पांच में से एक होता है, मोटे क्रम में कि यह कितनी बार कारण बनता हैः

1. कोई प्रदर्शन स्थिति सेट नहीं है कोई शामिल नियम के साथ एक पॉपअप कोई पृष्ठ नहीं मेल खाता है, इसलिए यह कभी भी कहीं भी प्रस्तुत नहीं करता है प्रदर्शन की स्थिति खोलें और एक जोड़ें।
2. पॉपअप अभी भी एक मसौदा है डिजाइन को सहेजना इसे प्रकाशित करने के समान नहीं है संपादक के नीचे-बाएं में स्थिति की जांच करें।
3. एक कैश पुराने पृष्ठ की सेवा कर रहा है कैशिंग प्लगइन और सीडीएन को शुद्ध करें, फिर एक निजी विंडो में फिर से परीक्षण करें।
4. क्लिक चयनकर्ता मेल नहीं खाता क्लिक पर के लिए, ट्रिगर फ़ील्ड लेता है .my-class डॉट के साथ, जबकि बटन का सीएसएस क्लासेस फ़ील्ड लेता है my-class इसके बिना उन दो खातों को मिलाकर हम जो रिपोर्ट देखते हैं उनमें से अधिकांश के लिए।
5. आप एक फोन पर बाहर निकलने के इरादे का परीक्षण कर रहे हैं व्यूपोर्ट छोड़ने के लिए कोई कर्सर नहीं है, इसलिए कुछ भी आग नहीं है डेस्कटॉप ब्राउज़र पर उस एक का परीक्षण करें।

मास्टर एडॉन्स बनाम एलिमेंटर प्रो पॉपअप बिल्डर

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

अन्य विकल्पों का भी वजन? हमारे राउंडअप में शीर्ष टूल की साथ-साथ तुलना करें वर्डप्रेस के लिए सर्वश्रेष्ठ पॉपअप बिल्डर प्लगइन्स.

यह सेटअप किसके लिए सबसे अच्छा काम करता है

• फ्रीलांसर और वेब डेवलपर्स जो केवल पॉपअप के लिए प्रो नहीं खरीदना चाहते हैं।
• WooCommerce स्टोर के मालिक बिक्री बैनर और कार्ट-रिकवरी ऑफर चला रहे हैं।
• ब्लॉगर और सामग्री निर्माता ईमेल ग्राहकों को कैप्चर कर रहे हैं।
• तंग बजट पर कई ग्राहक साइटों का प्रबंधन करने वाली एजेंसियां।
• प्रीमियम टूल के लिए भुगतान करने से पहले स्टार्टअप और छोटे व्यवसाय ऑफ़र को मान्य करते हैं।

अक्सर पूछे जाने वाले प्रश्न