सामग्री पर जाएं

वेब पॉपअप कंटेंट

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

वेब पॉपअप कंटेंट बनाएं

Anchor link to
  1. कंटेंटवेब पॉपअप कंटेंट पर जाएं।
  2. वेब पॉपअप कंटेंट बनाएं पर क्लिक करें।
  3. गैलरी से एक शुरुआती टेम्पलेट चुनें। उपयोग के मामले के अनुसार फ़िल्टर करने के लिए ऊपर दाईं ओर श्रेणी ड्रॉपडाउन का उपयोग करें (उदाहरण के लिए प्रमोशन और ऑफ़र या गेमिंग और मार्केटप्लेस), या इसे सभी टेम्पलेट पर छोड़ दें।
एक श्रेणी फ़िल्टर के साथ वेब पॉपअप टेम्पलेट गैलरी, जिसमें मोडल, इमेज, बॉटम बार, साइड पैनल और वास्तविक चित्रों के साथ मल्टी-पेज प्रोडक्ट टूर शुरुआती टेम्पलेट दिखाए गए हैं
  1. एक बार जब आप एक टेम्पलेट चुन लेते हैं, तो एडिटर में पॉपअप को कस्टमाइज़ करें।

पॉपअप को नाम दें

Anchor link to

इसे संपादित करने के लिए टॉप बार में पॉपअप नाम पर क्लिक करें। यह नाम Pushwoosh के अंदर, कंटेंट सूची और कैंपेन विज़ार्ड में इस कंटेंट की पहचान करता है। वेबसाइट विज़िटर इसे नहीं देखते हैं।

पॉपअप सेटिंग्स संपादित करें

Anchor link to

कैनवास के बाईं ओर सेटिंग्स पैनल में पॉपअप की उपस्थिति और स्थिति को समायोजित करें:

इमेज

Anchor link to

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

अपने प्रोजेक्ट के मीडिया स्टोर से एक फ़ाइल चुनने के लिए इमेज बदलें पर क्लिक करें।

वेब पॉपअप एडिटर में खाली इमेज पूर्वावलोकन और इमेज बदलें बटन के साथ पॉपअप सेटिंग्स अनुभाग

पूर्वावलोकन के नीचे:

  • फिट: इमेज अपने फ्रेम को कैसे भरती है: नेचुरल, कवर, या कंटेन। बैकग्राउंड इमेज के लिए नहीं दिखाया गया है, जो हमेशा अपने क्षेत्र को कवर करती है।
  • ब्लर: इमेज को नरम करें, 0 से 20 px तक।
  • डिम: केवल बैकग्राउंड इमेज। फोटो पर एक डार्क स्क्रिम जोड़ता है ताकि उसके ऊपर रखा टेक्स्ट पठनीय बना रहे, 0 से 100% तक।

कुछ लेआउट इमेज प्लेसमेंट सेटिंग्स के साथ एक लेआउट अनुभाग भी जोड़ते हैं:

  • इमेज की चौड़ाई: पॉपअप की चौड़ाई का हिस्सा, प्रतिशत के रूप में।
  • इमेज की स्थिति: बाएं या दाएं, टेक्स्ट के बगल में इमेज वाले लेआउट के लिए।

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

पॉपअप आकार और शैली

Anchor link to

पॉपअप अनुभाग में:

  • चौड़ाई, ऊंचाई (खाली = ऑटो): एक पॉपअप के लिए दोनों को खाली छोड़ दें जो अपनी सामग्री के अनुसार खुद को आकार देता है, या पिक्सेल में एक निश्चित आकार सेट करें। कई पेजों वाले पॉपअप में, प्रत्येक पेज का अपना आकार होता है।
  • कॉर्नर रेडियस, शैडो: पॉपअप का कॉर्नर राउंडिंग और ड्रॉप शैडो।
  • एनिमेशन: पॉपअप कैसे दिखाई देता है: कोई नहीं, फेड, या स्लाइड
सेटिंग्स पैनल में पॉपअप अनुभाग जिसमें चौड़ाई, ऊंचाई, कॉर्नर रेडियस, शैडो और एनिमेशन नियंत्रण हैं

पॉपअप की रंग पैलेट का विस्तार करने के लिए रंग पर क्लिक करें:

  • बैकग्राउंड, एक्सेंट (बटन): पॉपअप बैकग्राउंड और बटनों पर लागू एक्सेंट रंग।
  • टेक्स्ट, सेकेंडरी टेक्स्ट: बॉडी टेक्स्ट और सेकेंडरी टेक्स्ट जैसे कैप्शन और आइब्रो का रंग।
  • इमेज पर टेक्स्ट: केवल बैकग्राउंड इमेज पर टेक्स्ट वाले लेआउट के लिए दिखाया गया है। उस टेक्स्ट के लिए उपयोग किए जाने वाले रंग को सेट करता है।
रंग अनुभाग विस्तारित, जिसमें बैकग्राउंड, एक्सेंट, टेक्स्ट, सेकेंडरी टेक्स्ट, और इमेज पर टेक्स्ट पिकर्स दिखाए गए हैं

प्लेसमेंट और ओवरले

Anchor link to

प्लेसमेंट अनुभाग में:

  • स्थिति: 3×3 ग्रिड का उपयोग करके चुनें कि पॉपअप पेज पर कहाँ एंकर करता है।
  • किनारे से ऑफ़सेट: चयनित किनारे से पिक्सेल में दूरी सेट करें।

ओवरले अनुभाग में:

  • पीछे के पेज को डिम करें: पॉपअप दिखाए जाने के दौरान बाकी पेज को गहरा करने के लिए चालू करें।
  • रंग, अपारदर्शिता: ओवरले रंग और अपारदर्शिता 0 से 1 तक सेट करें।
पॉपअप, प्लेसमेंट, और ओवरले अनुभागों के साथ वेब पॉपअप सेटिंग्स पैनल जिसमें प्लेसमेंट ग्रिड और ओवरले नियंत्रण शामिल हैं

टेक्स्ट संपादित करें

Anchor link to

पॉपअप पर किसी भी टेक्स्ट ब्लॉक पर क्लिक करके उसे इनलाइन संपादित करें। उसके ऊपर एक टूलबार दिखाई देता है:

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

बटन संपादित करें

Anchor link to

इसका टूलबार खोलने के लिए एक बटन पर क्लिक करें:

  • बटन शैली चुनें: प्राइमरी या सेकेंडरी
  • चुनें कि बटन क्या करता है:
    • एक लिंक खोलें: लक्ष्य URL दर्ज करें।
    • पॉपअप बंद करें
    • पेज पर जाएं: स्विच करने के लिए पॉपअप का दूसरा पेज चुनें। यह विकल्प तब दिखाई देता है जब पॉपअप में एक से अधिक पेज हों। कई पेजों के साथ काम करें देखें।
वेब पॉपअप कैनवास पर चयनित बटन जिसमें बटन एडिटिंग टूलबार खुला है

एक सब्सक्रिप्शन फ़ॉर्म जोड़ें

Anchor link to

पॉपअप में सीधे ईमेल साइनअप और अन्य फ़ील्ड एकत्र करने के लिए एक सब्सक्रिप्शन फ़ॉर्म ब्लॉक जोड़ें। सब्सक्रिप्शन फ़ॉर्म के बारे में और जानें

ब्लॉक जोड़ें

Anchor link to
  1. कैनवास पर एक टेक्स्ट ब्लॉक, बटन, या अन्य तत्व चुनें।
  2. इसके टूलबार पर जोड़ें पर क्लिक करें।
  3. सब्सक्रिप्शन फ़ॉर्म चुनें। ब्लॉक तुरंत एक डिफ़ॉल्ट ईमेल फ़ील्ड और सब्सक्राइब करें बटन के साथ दिखाई देता है।
तत्व टूलबार पर जोड़ें मेनू जिसमें टेक्स्ट, बटन और सब्सक्रिप्शन फ़ॉर्म विकल्प हैं

एक फ़ॉर्म स्रोत चुनें

Anchor link to

फ़ॉर्म टूलबार खोलने के लिए सब्सक्रिप्शन फ़ॉर्म ब्लॉक पर क्लिक करें। इसका पहला ड्रॉपडाउन ब्लॉक को आपके प्रोजेक्ट में एक सब्सक्रिप्शन फ़ॉर्म से लिंक करता है। आप एक नया फ़ॉर्म बना सकते हैं या एक ऐसा चुन सकते हैं जो पहले से मौजूद है:

विकल्पकब उपयोग करें
नया फ़ॉर्म — सेव करने पर बनाया गया (डिफ़ॉल्ट)सबसे तेज़ शुरुआत: जब आप पॉपअप सेव करते हैं तो Pushwoosh आपके लिए फ़ॉर्म बनाता है, जिसका नाम “पॉपअप नाम — वेब पॉपअप” होता है।
+ नया फ़ॉर्म बनाएं…आप पॉपअप सेव करने से पहले फ़ॉर्म को नाम देना और उसे सेट करना चाहते हैं। एक नया सब्सक्रिप्शन फ़ॉर्म डायलॉग खुलता है — एक नाम दर्ज करें, फिर उसके फ़ील्ड, सबमिट टेक्स्ट, और गोपनीयता को नीचे दिए गए तरीके से सेट करें, और बनाएं पर क्लिक करें।
ड्रॉपडाउन से एक मौजूदा फ़ॉर्मएक ऐसे फ़ॉर्म का पुन: उपयोग करें जिसमें पहले से ही सब्सक्राइबर या डबल ऑप्ट-इन कॉन्फ़िगर किया गया हो।
एक सब्सक्रिप्शन फ़ॉर्म ब्लॉक पर फ़ॉर्म ड्रॉपडाउन जिसमें सेव करने पर बनाया गया नया फ़ॉर्म, मौजूदा फ़ॉर्म, और नया फ़ॉर्म बनाएं विकल्प दिखाया गया है

फ़ील्ड और सबमिट व्यवहार सेट करें

Anchor link to
  1. फ़ॉर्म टूलबार में सबमिट बटन शैली सेट करें:
    • प्राइमरी: पॉपअप एक्सेंट रंग में भरा हुआ बटन। सबसे अच्छा जब सब्सक्राइब करें पेज पर मुख्य क्रिया हो।
    • सेकेंडरी: एक बॉर्डर और एक्सेंट-रंग के लेबल के साथ आउटलाइन किया गया बटन। सबसे अच्छा जब पॉपअप में पहले से ही एक प्राइमरी बटन हो या आप एक हल्का लुक चाहते हों।
  2. फ़ॉर्म के नीचे एक गोपनीयता-सहमति पंक्ति जोड़ने के लिए गोपनीयता चालू करें, फिर दिखाई देने वाले फ़ील्ड में अपनी गोपनीयता नीति URL दर्ज करें।
फ़ॉर्म टूलबार में गोपनीयता चेकबॉक्स सक्षम है जिसमें एक गोपनीयता नीति URL फ़ील्ड है
  1. एक पॉपओवर खोलने के लिए फ़ील्ड… पर क्लिक करें जहाँ आप ईमेल (हमेशा आवश्यक) रख सकते हैं और पहला नाम, अंतिम नाम, फ़ोन, या कस्टम जोड़ सकते हैं, और विज़िटर द्वारा सबमिट करने के बाद दिखाए जाने वाले सफलता और ईमेल की पुष्टि करें टेक्स्ट सेट कर सकते हैं।
फ़ील्ड पॉपओवर जिसमें ईमेल, पहला नाम, और फ़ोन फ़ील्ड, अंतिम नाम और कस्टम बटन जोड़ें, और सबमिट करने के बाद सफलता और ईमेल की पुष्टि करें टेक्स्ट हैं

कई पेजों के साथ काम करें

Anchor link to

एक वेब पॉपअप में एक से अधिक पेज हो सकते हैं, उदाहरण के लिए विज़िटर को एक छोटे मल्टी-स्टेप ऑफ़र के माध्यम से मार्गदर्शन करने के लिए।

एक पेज जोड़ें

Anchor link to

पेज जोड़ने का मेनू खोलने के लिए + पेज जोड़ें पर क्लिक करें:

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

प्रत्येक टैब एक पेज है। उस पर स्विच करने के लिए एक टैब पर क्लिक करें।

स्टार्ट पेज सेट करें

Anchor link to

★ से चिह्नित टैब स्टार्ट पेज है, वह पेज जिसे विज़िटर सबसे पहले देखते हैं। इसे बदलने के लिए, दूसरा टैब खोलें और उस टैब पर ☆ पर क्लिक करें।

पेज टैब जो एक टैब पर स्टार्ट-पेज स्टार मार्कर और सक्रिय टैब पर डिलीट नियंत्रण दिखा रहा है

एक पेज हटाएं

Anchor link to

सक्रिय टैब पर, पर क्लिक करें। एक पुष्टिकरण डायलॉग खुलता है। पेज को हटाने के लिए हटाएं पर क्लिक करें। इसे पूर्ववत नहीं किया जा सकता है।

कंटेंट सेव करें

Anchor link to

कंटेंट, इमेज और बटन क्रियाओं की समीक्षा करें। जब आप समाप्त कर लें, तो टॉप बार में सेव करें पर क्लिक करें।

कैंपेन में कंटेंट का उपयोग करें

Anchor link to

सेव करने के बाद, कंटेंट कंटेंटवेब पॉपअप कंटेंट में दिखाई देता है। संपादन जारी रखने के लिए इसे सूची से खोलें।

इसे साइट पर दिखाने के लिए, कैंपेनवेब पॉपअप पर जाएं, एक कैंपेन बनाएं या संपादित करें, और कंटेंट चरण में इस कंटेंट को चुनें।

फिर ऑडियंस, प्रदर्शन सेटिंग्स, आवृत्ति और लॉन्च विकल्प कॉन्फ़िगर करें। पूरे प्रवाह के लिए, वेब पॉपअप कैंपेन बनाएं देखें।