पॉपओवर रेसिपी
पदों
नए डिस्कवर यूआई चरण का लक्ष्य डेवलपर्स के लिए उच्च-स्तरीय अनुभव बनाना आसान बनाना है। ऐसा करने के लिए, हम उन अधिक जटिल मॉडलों को संभालने का प्रयास कर रहे हैं जिनका सामना डेवलपर्स करते हैं। हम बेहतर सिस्टम-केंद्रित एपीआई और घटक प्रदान करके ऐसा कर सकते हैं। हम यह जाँचने के लिए पावर पहचान फ़ॉर्म का उपयोग करते हैं कि क्या पॉपओवर समर्थित हैं। यदि वे समर्थित हैं, तो हम टॉगल और रोमांटिक कुंजियों में नए पॉपओवरटार्गेटएलिमेंट और पॉपओवरटार्गेटएक्शन फ़ंक्शन डालते हैं।
नए साल पर अपनी छुट्टियों की बिक्री में तेज़ी कैसे लाएँ
इस तरह के पॉप-अप खरीदारी के अनुभव को और भी बेहतर बनाते हैं और लोगों को और भी ज़्यादा खोजने के लिए प्रेरित करते हैं। समयबद्ध पॉप-अप नए वेबपेज पर बिताए गए एक निश्चित समय को सैटबेट न्यूनतम जमा कवर करते हैं। वेबपेज पॉप-अप के प्रकारों के बारे में जानने से पहले, नीचे कुछ ऐसे पॉप-अप दिए गए हैं जिनके बारे में आपको पता होना चाहिए। इससे आपको अंदाज़ा हो जाएगा कि हम किस तरह के वेबसाइट पॉप-अप उदाहरणों की बात कर रहे हैं और आप तय कर सकते हैं कि आपके लिए कौन सा सही है।
डिज़ाइन निष्कर्ष (OpenUI के माध्यम से)फ्रेमवर्क नामक भाग%20निर्णय%20%28OpenUI के माध्यम से%20
पॉपअप उन तरीकों में से एक हैं जिनसे आप कुछ खास ग्राहकों को वापस पा सकते हैं। कार्ट परित्याग पॉपअप तब दिखाई देते हैं जब उपयोगकर्ता किसी वेबसाइट के कार्ट में चीज़ें डालने के बाद उसे छोड़ने की कोशिश करते हैं। यह आने वाले एफिलिएट संदेह से छूटी हुई बिक्री को वापस पाने की कोशिश करता है। हमेशा, कार्ट परित्याग पॉपअप Exit-Intent तकनीक का इस्तेमाल करते हैं ताकि ग्राहकों को आपकी वेबसाइट छोड़ने से पहले ही पकड़ लिया जाए। अन्य पॉपअप आपको विशिष्ट बिक्री अपेक्षाओं को पूरा करने में मदद करते हैं। यहाँ, मैं ज़रूरतों के आधार पर वर्गीकृत गुप्त पॉपअप के बारे में बात करूँगा, और उन्हें आसानी से पूरा करने के लिए व्यावहारिक तरीके भी बताऊँगा।
अपने Shopify लोगों में अदृश्य प्रगति विकल्प खोजें
इसके बाद, आपको लक्ष्यीकरण का उपयोग करना चाहिए और यह तय करने के लिए नियम बनाने चाहिए कि आपका पॉपअप कहाँ और कब दिखाई देगा। हालाँकि इसके लिए कुछ और शुरुआती सुविधाओं की आवश्यकता होती है, लेकिन यह फायदेमंद है क्योंकि आपके ग्राहकों के लिए एक कस्टम ऑफ़र स्वीकार करने की संभावना ज़्यादा होती है। इसलिए अपने सभी संपर्कों को एक जैसे नए ऑफ़र और हार्डवेयर मार्गदर्शन देने के बजाय, आप एक निर्देशित तरीका अपना सकते हैं और अपने दर्शकों के लिए बेहतर समझ विकसित कर सकते हैं। एक बार जब आप एक अच्छा पॉपअप बना लेते हैं, तो आपको ऐसा लगेगा कि यह किसी घुसपैठ के बजाय, वेबसाइट का एक अभिन्न अंग है।
ऐसे पॉपअप लोगों को लंबे समय तक वेबसाइट पर रोके रखने का लक्ष्य रखते हैं। ये पॉपअप आपकी ब्राउज़िंग गति को कम करने में मदद करते हैं, और/या उन लोगों की संख्या को कम करते हैं जो वेबसाइट से जुड़ने से पहले ही बाहर निकल जाते हैं, खासकर उन लोगों के लिए जिनके पास लिंक या ऑफ़र हैं। ये अक्सर संबंधित सामग्री या सेवाओं के लिए बैकलिंक होते हैं जो आमंत्रित लोगों की ज़रूरत के अनुसार निर्देशित होते हैं। वेबपेज पॉपअप का उपयोग करके आप आसानी से अपनी ऑनलाइन दृश्यता बदल सकते हैं।
मैनुअल पॉपओवर के बजाय वाहन
यहाँ मेरे पास एक दर्जन कजिन्स का एक बेहद कीमती पेस्टल लाल रंग का पॉपअप है, जिससे जुड़ने पर आपको बचत होगी। नए पॉपअप में संदेशों की संख्या, सुरक्षा और आपके फ़ोन नंबर के उपयोग की शर्तों का बेहद विस्तृत विवरण है। हमेशा, इस तरह की जानकारी पॉपअप से जुड़े किसी अन्य वेब पेज या मॉडल में दिखाई देती है, लेकिन यहाँ, यह नए फ़ीचर में बिना किसी अतिरिक्त क्लिक के पूरी तरह से सूचीबद्ध है।
साइट पॉप-अप आपके सदस्यों के रिश्तेदारों के अनुसार अनुकूलित होंगे। कुछ उपयोगकर्ता जब कोई पेज छोड़ते हैं और पॉप-ओवर दिखाई देता है, तो कुछ लोग गुस्से से बाहर निकल जाते हैं। सबसे अच्छी आदत यह है कि पॉप-ओवर आपके कट-ऑफ (उसके नीचे के ब्लॉग पर) से बाहर क्लिक करने पर बंद हो जाएँ, और जब ग्राहक "X" या "CLOSE" बटन पर टिक करता है। सभी पॉप-अप में एक बड़ा, दृश्यमान अंतरंग विकल्प शामिल होगा। ये बिक्री बढ़ा सकते हैं और ट्रैफ़िक का ध्यान आकर्षित कर सकते हैं।
उदाहरण के लिए, एक अच्छा पॉपअप जोड़ने के बाद, जेन फ्रीडमैन ने अपनी वेबसाइट की बाउंस स्पीड में कोई सुधार नहीं होने का दावा किया, और प्रदर्शित होने वाले पृष्ठ बाधित रहे। सुनिश्चित करें कि पॉपअप आपकी वेबसाइट पर कम दखलअंदाज़ी वाली उपस्थिति बनाए रखें। उन्हें ऐसे स्थान पर रखें जहाँ वे मुख्य लेखों को बाधित करने के बजाय दृश्यता बढ़ाएँ। मोबाइल-अनुकूल मॉडल का उपयोग करने पर विचार करें, क्योंकि 50% से अधिक वेबसाइट ट्रैफ़िक मोबाइल फ़ोन से प्रेरित होता है। जब आपकी प्रोफ़ाइल पोस्ट के कारण स्क्रॉल होती है, तो आप पॉपअप दिखा सकते हैं; यह तकनीक बातचीत में बाधा डालने के बजाय प्रभावी रूप से रुचि आकर्षित करती है। एक सहज उपयोगकर्ता अनुभव बनाने के लिए अपने पॉपअप को अपने समग्र ब्रांड के साथ दृश्य रूप से संरेखित करें।
अगर कोई सर्दियों के कोट से ब्लॉग पढ़ने की कोशिश करता है, तो उसे स्विमसूट पर बचत की पेशकश करना बेतरतीब और अप्रिय हो सकता है। इसके बजाय, उसे सर्दियों के कपड़े खरीदने के लिए एक कूपन दें। यह परीक्षण दिखाता है कि आप एक एक्शनशीट के रूप में एक बेहतरीन पॉपओवर का उपयोग कैसे कर सकते हैं। यह परीक्षण बताता है कि कैनवास को ऊपरी परत तक पहुँचाने और एक व्यक्तिगत कर्सर प्रदर्शित करने के लिए पॉपओवर का उपयोग कैसे करें। यह डेमो दिखाता है कि आप समाचारों को शामिल करने के लिए इनलाइन सामग्री टूलटिप्स कैसे बना सकते हैं। लेकिन, हम चाहते हैं कि आप इसे अपनी उपस्थिति से पहचान सकें। इसे चलाने के लिए पॉपओवर एपीआई के साथ-साथ विकास के तहत एक सहयोगी एपीआई भी है।
शोध बार-बार यह दर्शाते हैं कि उपयोगकर्ता आपकी साइट पर आने के कुछ ही सेकंड बाद एक प्रारंभिक अनुभूति प्रदान करते हैं। सबसे पहले, यह समझना समझदारी होगी कि आपको पॉप-अप की क्या ज़रूरत है ताकि आप विकास से पहले ही उस पर काम कर सकें। अगर आप अपनी मेलिंग सूची बनाना चाहते हैं, तो पॉप-अप संभवतः ईमेल पते के पंजीकरण के बदले में कुछ पैसे देगा। अगर आप रूपांतरण बढ़ाने की कोशिश करते हैं, तो पॉप-अप आपको विशेष प्रचार या नए उत्पादों के बारे में बता सकता है। अधिक सरल मैक्रो वेबसाइटों के लिए, सबसे आसान विकल्प सही होगा।
WAI-ARIA एक विशिष्ट प्रकार के संवाद का वर्णन करता है, जिसे कभी-कभी "अवेयर डायलॉग" भी कहा जाता है। यह संक्षिप्त, अत्यंत महत्वपूर्ण विषयवस्तु वाले संवादों के लिए डिज़ाइन किया गया है। इसका उद्देश्य व्यक्ति को सचेत करना है—नया ब्राउज़र API का उपयोग करने के लिए एक सिस्टम अलर्ट सिग्नल चलाकर ऐसा करता है। ये नए ब्राउज़र अलर्ट() संवादों के ARIA-समतुल्य हैं, जिनकी हमने ऊपर चर्चा की है। 'डायरेक्ट डिसअटेंड' के साथ, एक फ़ीचर उपयोगकर्ता को इसे अनदेखा करने की अनुमति देता है, उदाहरण के लिए एक अनब्लॉक कुंजी और एक डिलीट कुंजी (यदि संदेह हो, तो दोनों का उपयोग करना सबसे अच्छा है) के माध्यम से।
यदि आप सफारी संस्करण 15.4 से नीचे के संस्करणों से प्रोफ़ाइल प्राप्त करना चाहते हैं, तो इसे a11y-संवाद का उपयोग करने के लिए कहा गया है। ये पॉपओवर बहुत कड़वे नहीं होते; आप स्वाभाविक रूप से नए तीखेपन का स्वाद ले सकते हैं। इन्हें सादे, सूप या स्टू के साथ, या मक्खन लगाकर, और नाश्ते के बेकन और अंडे के साथ परोसा जा सकता है। इसके अलावा, यदि आप नाश्ते के अंडे, दोपहर के भोजन के सूप या अपने पसंदीदा भोजन के मुख्य भाग के साथ एक त्वरित और आसान गर्म पेय की तलाश में हैं – तो यह आपके लिए है। प्रत्येक पॉपओवर के ऊपर, पानी के घोल से निकलने वाली ताज़ी भाप, आटे/अंडे के आकार के क्रस्ट में दिखाई देती है और आप पूरे मिश्रण को ऊपर, ऊपर और बाहर की ओर उठा सकते हैं।
नए टेम्पलेट में एक आकर्षक डिज़ाइन, आकर्षक नाम-से-कार्य कुंजियाँ और महत्वपूर्ण जानकारी के लिए एक बड़ा स्थान है। इसका प्रतिनिधि-अनुकूल डिज़ाइन और अनुकूलन योग्य विशेषताएँ इसे किसी भी व्यवसाय के लिए अपने उत्पाद प्रदर्शित करने के लिए एकदम सही उपकरण बनाती हैं। पीची ने पॉप-अराउंड में ब्रांड टोन का बेहतरीन इस्तेमाल किया है जो वेबसाइट डिज़ाइन के साथ मेल खाता है। इसमें ग्राहकों को उनके 10% की छूट के बारे में बताने के लिए आकर्षक कॉपियाँ शामिल हैं। इसके अलावा, सामग्री के लिए नई CTA कुंजियाँ (मुझे 10% की छूट चाहिए) लोगों को इसे क्लिक करने और ईमेल पते प्रदान करने के लिए आकर्षित करती हैं।