आप एक नई साइट का निर्माण कर रहे हैं डोमेन इंगित किया गया है, वर्डप्रेस स्थापित है, लेकिन वास्तविक साइट दिन या सप्ताह दूर है आगंतुकों और गूगल को इस बीच टूटे हुए आधे-अधूरे होमपेज पर लैंडिंग नहीं करनी चाहिए उन्हें एक देखना चाहिए एलिमेंटर जल्द ही पेज आ रहा है यह लोगों को बताता है कि कुछ रास्ते में है, ईमेल या सोशल फॉलो के माध्यम से शुरुआती रुचि को पकड़ता है, और खोज इंजन को अधूरी साइट को अनुक्रमित करने से रोकता है।
यह ट्यूटोरियल एलिमेंटर के मुफ़्त संस्करण, मुफ़्त संस्करण का उपयोग करके एक पूर्ण जल्द ही आने वाला पृष्ठ बनाता है एलिमेंट के लिए मास्टर ऐडऑनऔर इसे फ्रंट पेज बनाने के लिए एक अंतर्निहित वर्डप्रेस सेटिंग कोई एलिमेंटर प्रो लाइसेंस नहीं, कोई समर्पित आने वाला जल्द ही प्लगइन नहीं, कोई मासिक शुल्क नहीं आपको एक उलटी गिनती टाइमर, एक कस्टम पृष्ठभूमि, शीर्षक और विवरण, सामाजिक लिंक और वैकल्पिक ईमेल साइनअप मिलता है।
अंत तक, आपके पास अपने डोमेन रूट पर बैठे एक ब्रांडेड लॉन्च पेज होगा, मोबाइल पर सफाई से प्रतिपादन जब आपकी वास्तविक साइट तैयार होती है, तो इसे बंद करना एक एकल सेटिंग परिवर्तन है।
आपको जल्द ही आने वाले पेज की आवश्यकता क्यों है
एक आधा निर्मित साइट के साथ एक नया डोमेन एक बुरा पहला प्रभाव है आगंतुक जो जल्दी या तो उछाल या एक टूटे हुए अनुभव को याद करते हैं एक एलिमेंटर जल्द ही पेज आ रहा है एक बार में मुट्ठी भर व्यावहारिक समस्याओं को हल करता हैः
- बुरी पहली छाप को रोकता है। डिफ़ॉल्ट वर्डप्रेस पेज या टूटे हुए एलिमेंटर ड्राफ्ट के बजाय, विज़िटर एक पॉलिश लॉन्च पेज देखते हैं।
- एक पूर्व लॉन्च सूची बनाता है। ईमेल साइनअप जोड़ने से शुरुआती ट्रैफ़िक से रुचि प्राप्त होती है, इसलिए जब आप वास्तव में लॉन्च करते हैं तो आपके पास ग्राहक तैयार होते हैं।
- लॉन्च की तारीख का संकेत देता है। उलटी गिनती टाइमर तात्कालिकता पैदा करता है और आगंतुकों को बताता है कि कब वापस आना है।
- एसईओ की रक्षा करता है। एक स्पष्ट उद्देश्य वाला न्यूनतम पृष्ठ Google के लिए प्लेसहोल्डर सामग्री से भरी साइट की तुलना में समझना आसान है।
- प्रारंभिक सामाजिक आय निम्नानुसार है। सोशल मीडिया आइकन लोगों को अब आपका अनुसरण करने देते हैं और बाद में अपने फ़ीड के माध्यम से लॉन्च के बारे में पता लगाते हैं।
यदि आप एक नई साइट लॉन्च करने के बजाय किसी मौजूदा साइट को रीब्रांड कर रहे हैं, तो वही सेटअप एक के रूप में काम करता है एलिमेंटर रखरखाव मोड पृष्ठ एक संक्षिप्त स्पष्टीकरण के लिए उलटी गिनती स्वैप करें और आप कर रहे हैं।
आप क्या बनाएंगे
अंतिम परिणाम एक एकल पूर्ण-स्क्रीन पृष्ठ है पृष्ठभूमि छवि या रंग, आपका लोगो या ब्रांड नाम, जो आ रहा है उसके बारे में एक छोटा संदेश, दिन लॉन्च करने के लिए एक लाइव उलटी गिनती टाइमर, सोशल मीडिया लिंक, और (वैकल्पिक रूप से) एक ईमेल साइनअप फॉर्म प्लस एक वर्डप्रेस सेटिंग जो इस पृष्ठ को आपकी साइट के सामने पिन करती है जब तक कि आप इसे बंद नहीं करते।
पूर्वापेक्षाएँ (प्लगइन्स जिनकी आपको आवश्यकता है)
तीन टुकड़े. सभी मुक्त:
- वर्डप्रेस। मान लिया गया कि पहले से ही स्थापित है।
- एलिमेंटर (मुक्त)। वर्डप्रेस डॉट ओआरजी या अपने वर्डप्रेस एडमिन की प्लगइन डायरेक्टरी से मुफ्त संस्करण प्राप्त करें।
- एलिमेंट के लिए मास्टर ऐडऑन (निःशुल्क)। काउंटडाउन टाइमर विजेट, सोशल मीडिया आइकन विजेट और अन्य रूपांतरण-केंद्रित तत्व जोड़ता है। WordPress।org से इंस्टॉल करें, या देखें मास्टर एडॉन्स डॉक स्थापित करना एक वॉकथ्रू के लिए।
आपको इस ट्यूटोरियल के लिए एलिमेंटर प्रो की आवश्यकता नहीं है एलिमेंटर प्रो में एक अंतर्निहित रखरखाव/कमिंग-जल्द ही मोड शामिल है, लेकिन नीचे दिया गया मुफ्त दृष्टिकोण आपको अधिक डिज़ाइन नियंत्रण देता है और आपको सदस्यता में लॉक नहीं करता है।
आने वाले जल्द ही पेज का निर्माण कैसे करें (चरण-दर-चरण)
रिक्त पृष्ठ से कार्यशील लॉन्च पृष्ठ तक आठ चरण क्रम में पालन करें।
चरण १: वर्डप्रेस में एक नया पेज बनाएं
वर्डप्रेस एडमिन में, पर जाएं पन्ने → नया जोड़ें॰ इसे नाम दें “कमिंग सून” (या कुछ भी जो आपको याद हो) एलिमेंट संपादक में पृष्ठ खोलने के लिए एलिमेंटोर” के साथ “संपादित करें पर क्लिक करें।
चरण २: एलिमेंटर कैनवास पेज टेम्पलेट सेट करें
कोई भी सामग्री जोड़ने से पहले, एलिमेंटर पैनल के नीचे-बाएँ सेटिंग्स गियर पर क्लिक करें और बदलें पेज लेआउट को एलिमेंटर कैनवासकैनवास आपके विषय के हेडर और पाद लेख को बाहर निकालता है और आपको एक खाली स्लेट देता है यह एक लॉन्च पेज के लिए मायने रखता है, क्योंकि आखिरी चीज जो आप चाहते हैं वह उलटी गिनती के ऊपर बैठे आपके आधे-अधूरे मेनू है।
चरण ३: स्क्रीन ऊंचाई में फिट के साथ एक अनुभाग जोड़ें
नया सेक्शन जोड़ने के लिए गुलाबी “+” बटन पर क्लिक करें कोई भी कॉलम संरचना चुनें (एक कॉलम सबसे आसान है) अनुभाग की लेआउट सेटिंग्स खोलें और सेट करें ऊंचाई को स्क्रीन पर फिट। यह अनुभाग को व्यूपोर्ट ऊंचाई के 100% पर लॉक कर देता है, इसलिए आने वाली सामग्री पूरी स्क्रीन को बिना किसी स्क्रॉल के भर देती है।
चरण ४: एक पृष्ठभूमि (छवि या रंग) जोड़ें
अभी भी अनुभाग की सेटिंग्स में, पर स्विच करें शैली टैब और खोलें पृष्ठभूमिआपके पास दो विकल्प हैं जो दोनों अच्छी तरह से काम करते हैंः
- पृष्ठभूमि छवि। एक उच्च-रिज़ॉल्यूशन फ़ोटो अपलोड करें जो आपके ब्रांड का प्रतिनिधित्व करता है सेट करें पद: केंद्र केंद्र, अनुलग्नक: निश्चित (स्क्रॉल पर एक सूक्ष्म लंबन के लिए), और आकार: कवर। बैकग्राउंड ओवरले अनुभाग में एक डार्क ओवरले जोड़ें ताकि आपका टेक्स्ट पढ़ने योग्य बना रहे।
- पृष्ठभूमि रंग या ढाल। एक ठोस रंग या रैखिक ढाल पृष्ठ लोड को तेजी से रखता है और मोबाइल पर साफ दिखता है न्यूनतम ब्रांडों के लिए अच्छा है।
केवल रंग दृष्टिकोण के लिए, पृष्ठभूमि प्रकार आपको रंग और ढाल विकल्प देता है एक दो-स्टॉप ढाल (आपका ब्रांड रंग एक गहरे रंग की छाया में लुप्त होती है) एक तस्वीर की आवश्यकता के बिना आधुनिक पढ़ता है।
अधिक पृष्ठभूमि तकनीकों (एनिमेटेड ग्रेडिएंट्स, कण, वीडियो) के लिए, हमारा देखें एलिमेंट पेज बैकग्राउंड गाइड.
चरण ५: शीर्षक और विवरण जोड़ें
खींचना शीर्षक अनुभाग में विजेट करें अपना ब्रांड नाम या एक संक्षिप्त शीर्षक टाइप करें जैसे “कुछ आ रहा है।” इसके नीचे, एक खींचें पाठ संपादक एक वाक्य के विवरण के लिए विजेट यह बताता है कि क्या लॉन्च हो रहा है।
शीर्षक को ४,७ शब्दों पर रखें विवरण को एक वाक्य पर रखें जल्द ही आने वाले पृष्ठ का पूरा बिंदु साज़िश है, पूर्ण विपणन पिच नहीं यदि आप एक स्थिर शीर्षक की तुलना में कुछ अधिक आंख को पकड़ने चाहते हैं, तो एनिमेटेड हेडलाइन विजेट मास्टर ऐडऑन से शब्द मुफ्त में घूमते हैं, और मास्टर ऐडऑन प्रो एक टाइपिंग प्रभाव जोड़ता है।
चरण ६: उलटी गिनती टाइमर जोड़ें
यह वह जगह है जहां मास्टर एडॉन्स अपना स्थान अर्जित करता है विजेट पैनल में, “काउंटडाउन टाइमरंबोल के लिए खोजें और एमए काउंटडाउन टाइमर को अपने विवरण के नीचे अनुभाग में खींचें।
विजेट सेटिंग्स में, सेट करें नियत तारीख अपने लॉन्च की तारीख और समय के लिए टाइमर लेआउट चुनें (कार्ड-शैली ब्लॉक अंधेरे पृष्ठभूमि पर अच्छे लगते हैं, इनलाइन टेक्स्ट न्यूनतम डिजाइन सूट करता है), इकाइयों को लेबल करें (दिन, घंटे, मिनट, सेकंड), और सेट करें कि टाइमर शून्य हिट होने पर क्या होता है: अपनी वास्तविक साइट पर रीडायरेक्ट करें, विजेट छिपाएं, या संदेश दिखाएं में पूरी सेटिंग्स कवर की गई हैं उलटी गिनती टाइमर दस्तावेज़ीकरण.
चरण ७: सोशल मीडिया लिंक जोड़ें
उलटी गिनती के नीचे, एक में खींचें सामाजिक प्रतीक विजेट (एलिमेंटर्स डिफ़ॉल्ट काम करता है, या अधिक आइकन लाइब्रेरी विकल्पों के लिए मास्टर एडॉन्स संस्करण का उपयोग करें) प्रत्येक प्लेटफ़ॉर्म को जोड़ें जिस पर आप सक्रिय हैं और अपनी प्रोफ़ाइल से लिंक करें आइकन रंगों को अपने समग्र पैलेट से मिलान करें ताकि वे डिज़ाइन का हिस्सा महसूस करें, चिपकाया नहीं लोगो।
चरण ८: एक ईमेल साइनअप फॉर्म जोड़ें (वैकल्पिक)
यदि आप प्री-लॉन्च ट्रैफ़िक से ईमेल कैप्चर करना चाहते हैं, तो खींचें एमए मेलचिम्प विजेट अनुभाग में यह मुफ्त एमसी ४ डब्ल्यूपी से एक फॉर्म प्रदर्शित करता है: वर्डप्रेस प्लगइन के लिए मेलचिम्प, इसलिए पहले एमसी ४ डब्ल्यूपी में अपने मेलचिम्प दर्शकों को कनेक्ट करें एमसी ४ डब्ल्यूपी फॉर्म फ़ील्ड में, इनपुट लेबल करें/“ईमेल एड्रेस” और बटन टेक्स्ट को “ में बदलेंमे” को सूचित करें या “अपडेट करें।”
प्रो टिपः यदि आप मेलचिम्प का उपयोग नहीं करते हैं, तो एलिमेंटर फॉर्म विजेट भी काम करता है, लेकिन इसे एलिमेंटर प्रो की आवश्यकता होती है यह एक वेबहुक को सबमिशन भेज सकता है या उन्हें आपको ईमेल कर सकता है, और आप उन्हें बाद में अपनी ईमेल सेवा में आयात कर सकते हैं।
प्रकाशित करें पर क्लिक करें पृष्ठ अभी मौजूद है लेकिन अभी तक साइट का पहला पृष्ठ नहीं है यह अगला कदम है।
आने वाले जल्द ही पेज को कैसे सक्रिय करें
यह हिस्सा है सबसे ट्यूटोरियल छोड़ पृष्ठ का निर्माण आधा काम है इसे अपनी साइट का वास्तविक फ्रंट पेज बनाना अन्य आधा है।
वर्डप्रेस एडमिन में, पर जाएं सेटिंग्स → पढ़ना. के तहत आपका मुखपृष्ठ प्रदर्शित करता है, चुनें एक स्थिर पृष्ठहोमपेज ड्रॉपडाउन में, जल्द ही आने वाले पृष्ठ को चुनें जिसे आपने अभी बनाया है सहेजें।
अब जब कोई आपके डोमेन रूट (आपकी साइट डॉट कॉम) पर जाता है, तो वे जल्द ही आने वाले पृष्ठ को देखते हैं अन्य पृष्ठ अभी भी मौजूद हैं और यदि आप उन्हें सीधे लिंक करते हैं तो पहुंच योग्य हैं, लेकिन कोई भी उन्हें मुखपृष्ठ से ब्राउज़ करने के लिए तैयार है, उसी रीडिंग सेटिंग पर वापस आएं और मुखपृष्ठ को वापस “आपकी नवीनतम पोस्टसंक्षेप या एक उचित मुखपृष्ठ पर स्विच करें।
एसईओ के लिए अतिरिक्त कदमः जब तक आप लॉन्च करने के लिए तैयार न हों, एक जोड़ें noindex आने वाले जल्द ही पृष्ठ (या पूरी साइट) पर टैग करें रैंक मैथ या योस्ट जैसे एक मुफ्त एसईओ प्लगइन स्थापित करें और टॉगल करें “इस साइट को अनुक्रमित करने से खोज इंजन को हतोत्साहित करेंसेटिंग्स → पढ़ने के तहत होने वाला नियंत्रण लॉन्च करते समय इसे बंद करना याद रखें, या Google आपके वास्तविक पृष्ठों को अनदेखा करता रहेगा।
डिज़ाइन युक्तियाँ जो जल्द ही आने वाले पृष्ठ को परिवर्तित करती हैं
एक जल्द ही आने वाला पृष्ठ जो साइनअप और सामाजिक अनुसरण अर्जित करता है, एक नोटिस की तुलना में ब्रांडिंग के एक टुकड़े की तरह अधिक दिखता है पैटर्न जो काम करते हैंः
- एक स्पष्ट कार्रवाई. या तो “अपना ईमेल छोड़ दें” या “हमें फ़ॉलो करें।” दोनों प्रमुखता से नहीं। जिसे आप सबसे अधिक उपयोग करेंगे उसे चुनें और शीर्षक के बाद इसे सबसे बड़ा तत्व बनाएं।
- किसी भी पृष्ठभूमि छवि पर उच्च-विपरीत पाठ। एक ६०,७०% अंधेरे ओवरले व्यस्त तस्वीरों पर पढ़ने योग्य हल्के पाठ बनाता है एक ठोस बैंगनी ढाल पर सफेद पाठ उतना ही प्रभावी है और तेजी से लोड होता है।
- असली ब्रांड संपत्ति। आपका वास्तविक लोगो, आपका वास्तविक फ़ॉन्ट, आपका वास्तविक ब्रांड रंग एक प्लेसहोल्डर जो सामान्य संकेतों को देखता है साइट स्वयं सामान्य दिखेगी।
- मोबाइल-पहली टाइपोग्राफी। एक फोन पर हेडलाइन और उलटी गिनती टाइमर का परीक्षण करें यदि उलटी गिनती छोटी है या अजीब तरह से लपेटती है, तो इसके फ़ॉन्ट आकार को छोड़ दें या मोबाइल के लिए स्टैक्ड लेआउट पर स्विच करें।
- कामकाजी सामाजिक लिंक। यदि सामाजिक चिह्न खाली प्रोफाइल की ओर इशारा करते हैं, तो आगंतुक उछलते हैं प्रत्येक प्लेटफ़ॉर्म पर कम से कम एक बार पोस्ट करें उन्हें लिंक करने से पहले।
- आने वाले का वादा। “कुछ महान” कमजोर है। “[आपके उत्पाद]” का नया घर विशिष्ट है। “A [समस्या को हल करने] का बेहतर तरीका है” आगंतुकों को सदस्यता लेने का एक कारण देता है।
बाद में जोड़ने के लिए अधिक रूपांतरण-केंद्रित विजेट के लिए एलिमेंटर मार्केटिंग विजेट गाइड लैंडिंग पृष्ठों पर भुगतान करने वाले लोगों को शामिल करता है।
नि: शुल्क बनाम प्रोः आपको क्या मिलता है
इस ट्यूटोरियल में सब कुछ मास्टर एडॉन्स के मुफ्त संस्करण में काम करता है प्रो अन्य विजेट और व्यापक सुविधा सेट को अनलॉक करता है, न कि विशिष्ट विजेट जिन्हें आपको यहां चाहिए।
| फ़ीचर | मुक्त | प्रो |
|---|---|---|
| उलटी गिनती टाइमर विजेट | हाँ | हाँ |
| मेलचिम्प ईमेल साइनअप विजेट | हाँ | हाँ |
| सामाजिक प्रतीक विजेट | हाँ | हाँ |
| एनिमेटेड हेडलाइन विजेट | हाँ | हाँ |
| कण/एनिमेटेड ग्रेडिएंट पृष्ठभूमि | केवल कण | दोनों |
| पॉपअप बिल्डर (निकास-इरादे लॉन्च पॉपअप के लिए) | नहीं | हाँ |
| टेम्पलेट किट (पूर्व-निर्मित लॉन्च पेज) | नहीं | 30+ किट |
यदि आप एक सिर शुरू करना चाहते हैं, तो मास्टर एडॉन्स टेम्पलेट किट (प्रो) पूर्व-निर्मित लॉन्च पेज डिज़ाइन शामिल करें जिन्हें आप आयात और संपादित कर सकते हैं एडऑन पैक की व्यापक तुलना के लिए, हमारे देखें 100 सर्वश्रेष्ठ एलिमेंटर ऐडऑन राउंडअप.
लॉन्च करने के लिए तैयार हैं?
४०,००० + वेब रचनाकारों में शामिल हों मास्टर एडॉन्स के साथ तेजी से शिपिंग एलिमेंट साइटों हमेशा के लिए नि: शुल्क जब आपको अधिक विजेट की आवश्यकता होती है तो अपग्रेड करें।
अक्सर पूछे जाने वाले प्रश्न
मैं एलिमेंट में जल्द ही आने वाला पेज कैसे बनाऊं?
एक नया वर्डप्रेस पेज बनाएं, एलिमेंटर कैनवास पर अपना लेआउट सेट करें, पृष्ठभूमि छवि या रंग के साथ एक पूर्ण-स्क्रीन अनुभाग जोड़ें, फिर एक शीर्षक, विवरण, उलटी गिनती टाइमर और सामाजिक आइकन में खींचें पेज को साइट के फ्रंट पेज के माध्यम से बनाएं सेटिंग्स → पढ़ना ऊपर पूर्ण वॉकथ्रू।
क्या एलिमेंटर के पास जल्द ही आने वाली सुविधा है?
एलिमेंटर प्रो में एक रखरखाव/आने वाला-जल्द ही मोड है, लेकिन मुफ्त संस्करण नहीं है आप अभी भी मास्टर एडॉन्स विजेट (काउंटडाउन, सोशल, ईमेल साइनअप) और वर्डप्रेस स्टेटिक-होमपेज सेटिंग के साथ कैनवास टेम्पलेट को जोड़कर मुफ्त एलिमेंटर के साथ जल्द ही आने वाले कस्टम पेज का निर्माण कर सकते हैं।
क्या मैं जल्द ही आने वाला एक एलिमेंट पेज मुफ्त में बना सकता हूं?
हाँ। फ्री एलिमेंटर प्लस फ्री मास्टर एडॉन्स आपको कैनवास टेम्पलेट, काउंटडाउन टाइमर, सोशल आइकन और ईमेल साइनअप विजेट देता है। अपने होमपेज को सेटिंग्स → रीडिंग में नए पेज पर स्विच करें। किसी एलिमेंटर प्रो या सशुल्क प्लगइन की आवश्यकता नहीं है।
मैं वर्डप्रेस में जल्द ही आने वाले मोड को कैसे सक्रिय करूं?
सेटिंग्स → वर्डप्रेस एडमिन में पढ़ना पर जाएं “आपके होमपेज डिस्प्ले के अंतर्गत,” “A स्थिर पृष्ठ चुनें,” फिर होमपेज ड्रॉपडाउन से अपना जल्द आने वाला पृष्ठ चुनें सहेजें साइट रूट पर विज़िटर अब आपके नियमित होमपेज के बजाय जल्द आने वाला पृष्ठ देखें।
क्या मुझे अपने आने वाले जल्द ही पृष्ठ से खोज इंजन को ब्लॉक करना चाहिए?
हाँ। जब तक वास्तविक साइट तैयार न हो जाए, तब तक सेटिंग्स → रीडिंग → “Discourege सर्च इंजन” चालू करें, या रैंक मैथ जैसे एसईओ प्लगइन के माध्यम से आने वाले पेज को नोइंडेक्स पर सेट करें। अन्यथा Google प्लेसहोल्डर संस्करण को कैश कर सकता है और आपके लॉन्च होने के बाद इसे दिखाता रह सकता है।
वर्डप्रेस के लिए जल्द ही सबसे अच्छा आने वाला प्लगइन क्या है?
यदि आप पहले से ही एलिमेंटर का उपयोग करते हैं, तो आपको जल्द ही आने वाले समर्पित प्लगइन की आवश्यकता नहीं है कैनवास टेम्पलेट प्लस मास्टर एडॉन्स विजेट आपको अधिकांश आने वाले-जल्द प्लगइन्स की तुलना में अधिक डिज़ाइन नियंत्रण देता है यदि आप एलिमेंटर का उपयोग नहीं करते हैं, तो सीडप्रोड और जल्द ही आ रहा है और रखरखाव मोड जैसे प्लगइन्स अच्छी तरह से काम करते हैं।
रैपिंग अप
एक अच्छा एलिमेंटर जल्द ही पेज आ रहा है प्लेसहोल्डर से अधिक है यह शुरुआती ट्रैफ़िक को व्यस्त रखता है, एक पूर्व-लॉन्च ईमेल सूची बनाता है, और इसके पीछे ब्रांड के लिए टोन सेट करता है मुफ्त एलिमेंटर, मुफ्त मास्टर एडॉन्स और वर्डप्रेस की स्थिर-होमपेज सेटिंग का संयोजन भुगतान किए गए प्लगइन या एलिमेंटर प्रो लाइसेंस के बिना सभी को कवर करता है।
जब लॉन्च का दिन आता है, तो होमपेज सेटिंग को फ्लिप करें सेटिंग्स → पढ़ना और आपकी वास्तविक साइट पर ले जाता है आने वाले जल्द ही पृष्ठ अगले लॉन्च या भविष्य के रीब्रांड के लिए आपकी पृष्ठों की सूची में रहता है संबंधित लैंडिंग-पेज कार्य के लिए, हमारे देखें एलिमेंट के साथ एक ब्लॉग पेज बनाएं ट्यूटोरियल और चिपचिपा हेडर गाइड.
संबंधित पढ़नाः एलिमेंटर एनीमेशन प्रभाव | सर्वश्रेष्ठ पॉपअप बिल्डर प्लगइन्स | एलिमेंटर मार्केटिंग विजेट
