वर्डप्रेस में एक स्लाइड आउट संपर्क प्रपत्र कैसे जोड़ें

वर्डप्रेस में एक स्लाइड आउट संपर्क प्रपत्र कैसे जोड़ें

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

वर्डप्रेस में एक स्लाइड संपर्क फ़ॉर्म को जोड़ना

वर्डप्रेस में एक स्लाइड आउट संपर्क फ़ॉर्म क्यों जोड़ें?

कई छोटे व्यापार मालिक अपनी वेबसाइट शुरू करते हैं, ताकि उम्मीद की जा सके कि उनका व्यवसाय बढ़ने में मदद मिलेगी।

यही कारण है कि आप एक संपर्क फ़ॉर्म पृष्ठ जोड़ते हैं, इसलिए उपयोगकर्ता आपके संपर्क में रह सकते हैं।

हालांकि, समस्या ये है कि अधिकांश उपयोगकर्ता जिनके पास सवाल हो सकते हैं, वे आपकी संपर्क के बिना अपनी वेबसाइट छोड़ देंगे।

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

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

आइए देखें कि वर्डप्रेस में संपर्क फ़ॉर्म को कैसे बाहर निकालना है।

WordPress में एक स्लाइड आउट संपर्क प्रपत्र जोड़ना

इस ट्यूटोरियल के लिए, आपको WPForms की आवश्यकता होगी। यह बाजार में सबसे अच्छा वर्डप्रेस संपर्क फ़ॉर्म प्लगइन है।

आप WPForms संपर्क प्रपत्र प्लगइन का एक मुफ्त संस्करण का उपयोग कर सकते हैं यदि आपको सभी प्रीमियम सुविधाओं की आवश्यकता नहीं है।

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

चरण 1. वर्डप्रेस में एक संपर्क प्रपत्र बनाना

पहले आप WPForms प्लगइन को स्थापित और सक्रिय करने की आवश्यकता है। अधिक जानकारी के लिए

सक्रियण पर, आपको यात्रा की आवश्यकता है WPForms »नई जोड़ें आपका संपर्क फ़ॉर्म बनाने के लिए पेज यह WPForms बिल्डर इंटरफ़ेस लॉन्च करेगा।

अपने संपर्क फ़ॉर्म के लिए एक नाम दर्ज करें और फिर ‘संपर्क फ़ॉर्म चुनें’ टेम्प्लेट चुनें।

एक नया संपर्क फ़ॉर्म बनाएं

WPForms एक साधारण संपर्क फ़ॉर्म लोड होगा। आप सही फलक में प्रपत्र पूर्वावलोकन देखेंगे। आप इसे संपादित करने के लिए किसी भी फ़ील्ड पर क्लिक कर सकते हैं या बाएं कॉलम से नए फ़ील्ड जोड़ सकते हैं।

प्रपत्र बिल्डर

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

इसके बाद, आपको अपने फ़ॉर्म का एम्बेड कोड प्राप्त करने के लिए ऊपर स्थित एम्बेड बटन पर क्लिक करना होगा।

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

चरण 2। OptinMonster में एक स्लाइड आउट ऑप्टिन बनाना

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

प्रथम

यह प्लगइन आपकी वेबसाइट और आपके ऑप्टिमनमोस्टर खाते के बीच संबंधक के रूप में कार्य करता है।

सक्रियण पर, अपने WordPress व्यवस्थापक बार में OptinMonster मेनू पर क्लिक करें और अपनी API कुंजी दर्ज करें आप OptinMonster वेबसाइट पर अपने खाते से यह जानकारी प्राप्त कर सकते हैं।

OptinMonster एपीआई कुंजी

अपनी लाइसेंस कुंजी दर्ज करने के बाद, अपनी स्क्रीन के शीर्ष दाएं कोने पर ‘नया ऑप्शन बनाएं’ बटन पर क्लिक करें

नई ऑप्टिन

यह आपको OptinMonster वेबसाइट पर ले जाएगा।

ऑप्टिमनमोस्टर विभिन्न प्रकार के गतिशील अभियानों को प्रदान करता है इस ट्यूटोरियल के लिए, हम ‘स्लाइड इन’ अभियान का उपयोग करेंगे। आगे बढ़ो और अपने अभियान प्रकार के रूप में ‘स्लाइड इन’ चुनने के लिए क्लिक करें।

ऑप्ट इन में स्लाइड

अगला, आपको टेम्पलेट का चयन करना होगा। OptinMonster कई तैयार किए गए टेम्पलेट प्रदान करता है, लेकिन हमें इस ट्यूटोरियल के लिए ‘कैनवास’ चुनने की आवश्यकता है।

ऑप्टिन टेम्पलेट

जैसे ही आप टेम्पलेट चुनते हैं, आपको अपने अभियान का एक नाम देने के लिए कहा जाएगा। इससे आप आसानी से अपने ऑप्टिमनमोस्टर डैशबोर्ड में अभियान का पता लगाने में मदद करेंगे।

अब ऑप्टिनमोस्टर अपने अभियान बिल्डर इंटरफ़ेस को लोड करेगा।

ऑप्टिमनमोस्टर बिल्डर

आपको दाईं ओर अपने अभियान का लाइव पूर्वावलोकन दिखाई देगा चूंकि हम कैनवास टेम्पलेट का उपयोग कर रहे हैं, इस समय यह पूरी तरह रिक्त हो जाएगा।

बाएं हाथ पर, आप अलग-अलग टैब्स देखेंगे। ‘सामान्य ऑप्टिन सेटिंग’ अनुभाग के अंतर्गत, आपको ‘ऑप्टिन अभियान वेबसाइट’ विकल्प के नीचे अपनी वेबसाइट का URL दर्ज करना होगा।

अगला, आपको ‘Optin’ टैब पर स्विच करना होगा यहां आप अपने ऑप्टिन के लिए रंग, ऊंचाई और चौड़ाई चुन सकते हैं।

अपनी स्लाइड बाहर फॉर्म डिजाइन करें

आगे बढ़ो और अपने रंगों को चुनें और चौड़ाई और ऊंचाई समायोजित करें, ताकि यह आपके पूरे फॉर्म को अच्छी तरह से दिखा सके।

इसके बाद, आपको ‘कैनवास कस्टम एचटीएमएल’ से नीचे स्क्रॉल करने की जरूरत है और आप पहले कॉपी किए गए WPForms शोर्ट को दर्ज करें।

कस्टम HTML में शोर्ट जोड़ें

शॉर्टकोड में प्रवेश सीधे स्लाइड-इन अभियान के अंदर अपना फ़ॉर्म नहीं दिखाएगा। ऐसा इसलिए है क्योंकि शोर्ट केवल आपके स्वयं के वर्डप्रेस साइट पर काम करता है।

अब आप अपनी सेटिंग्स को स्टोर करने के लिए शीर्ष पर ‘सहेजें’ बटन पर क्लिक कर सकते हैं और फिर ‘प्रकाशित करें’ बटन पर क्लिक कर सकते हैं।

सहेजें और अपने optin प्रकाशित करें

अगली स्क्रीन पर, आपको प्रकाशित करने के लिए ऑप्टिन स्थिति को बदलना होगा। यह आपके वर्डप्रेस साइट पर ऑप्टिन उपलब्ध कराएगा।

स्थिति प्रकाशित करें

चरण 3. WordPress में स्लाइड आउट संपर्क प्रपत्र दिखा रहा है

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

आगे बढ़ो और यात्रा करें OptinMonster अपने WordPress व्यवस्थापक क्षेत्र में पृष्ठ आप वहां सूचीबद्ध हाल में बनाई गई स्लाइड आउट अभियान को देखेंगे।

ऑप्टिन आउटपुट सेटिंग्स संपादित करें

आप अपनी वेबसाइट पर कैसे प्रदर्शित करना चाहते हैं यह निर्णय लेने के लिए आपको ‘आउटपुट सेटिंग्स संपादित करें’ लिंक पर क्लिक करना होगा।

अगली स्क्रीन पर, सुनिश्चित करें कि आप ‘साइट पर ऑप्टिन सक्षम करें’ विकल्प के बगल में स्थित बॉक्स को चेक करते हैं? OptinMonster आपको चुनने की अनुमति देता है कि optin कौन देख सकता है आप optin प्रदर्शित करने के लिए अपनी वेबसाइट के विशिष्ट क्षेत्र का भी चयन कर सकते हैं।

अपनी वेबसाइट पर ऑप्टिन सक्षम करें

अपने परिवर्तनों को संग्रहीत करने के लिए सेटिंग्स सहेजें बटन पर क्लिक करने के लिए मत भूलें।

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

संपर्क फ़ॉर्म पूर्वावलोकन को स्लाइड करें

डिफ़ॉल्ट रूप से, पृष्ठ पूरी तरह लोड होने के बाद स्लाइड आउट अभियान 5 सेकंड प्रदर्शित होगा। हालांकि, OptinMonster आपको उस रूप में भी बदलने की अनुमति देता है।

आप जब भी कुछ स्थितियों का मिलान करते हैं तब अभियान प्रदर्शित करने के लिए अनगिनत नियम बना सकते हैं।

उदाहरण के लिए, जब कोई उपयोगकर्ता पृष्ठ का 50% स्क्रॉल कर लेता है, जब कोई उपयोगकर्ता एक पेज छोड़ने वाला है, और बहुत अधिक है, तो आप फॉर्म को स्लाइड दिखा सकते हैं।

प्रदर्शन नियम