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

वेब पॉपअप कंटेंट ब्लॉक्स

Elements टैब से वेब पॉपअप कंटेंट लेआउट पर जोड़े जा सकने वाले हर ब्लॉक के लिए संदर्भ।

पॉपअप में प्रत्येक ब्लॉक प्रकार का एक अलग उद्देश्य होता है:

  • Text: पॉपअप पर कॉपी, इनलाइन फॉर्मेटिंग और टेक्स्ट स्टाइल के साथ।
  • Button: एक कॉल टू एक्शन जो एक लिंक खोलता है, पॉपअप बंद करता है, वेब पुश का अनुरोध करता है, या दूसरे पेज पर जाता है।
  • Icon: आपके टेक्स्ट के बगल में एक छोटा चित्रलेख।
  • Countdown: एक लाइव डेडलाइन टाइमर।
  • Topic picker: चेकबॉक्स या चिप्स जो रुचियों को एक टैग पर लिखते हैं।
  • Rating: एक NPS, स्टार्स, या थम्ब्स स्कोर जो एक इवेंट के रूप में भेजा जाता है।
  • Subscription form: ईमेल साइनअप और अन्य फॉर्म फ़ील्ड।

कंटेंट ब्लॉक्स को कैसे कॉन्फ़िगर करें

Anchor link to
  1. दाईं ओर Elements टैब खोलें।
दाहिने पैनल का Elements टैब जिसमें Text, Button, Icon, Countdown, Topic picker, Rating, और Subscription form के लिए टाइल्स हैं
  1. पॉपअप पर एक टाइल खींचें, या इसे पेज पर जोड़ने के लिए क्लिक करें।
    • एक क्लिक कैनवास पर चयन के नीचे ब्लॉक डालता है।
    • यदि कुछ भी चयनित नहीं है, तो ब्लॉक पेज के पहले सेक्शन के अंत में जाता है।
  2. Settings टैब (Elements के बगल में) खोलने के लिए पॉपअप पर एक ब्लॉक चुनें। Elements से एक ब्लॉक जोड़ने पर Settings तुरंत खुल जाता है।

किसी ब्लॉक को पॉपअप में कहीं भी, दूसरे सेक्शन में भी, ले जाने के लिए उसे चुनें और उसके बाईं ओर दिखने वाले हैंडल को किसी भी गैप में खींचें।

Settings में आप यह कर सकते हैं:

  • उस ब्लॉक के अपने विकल्पों को कॉन्फ़िगर करें
  • इसे POSITION (ऊपर और नीचे तीर) के साथ उसके सेक्शन के भीतर ऊपर या नीचे ले जाएं
  • इसे डिलीट आइकन से हटाएं

टेक्स्ट

Anchor link to

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

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

टेक्स्ट की स्टाइल बदलने के लिए, इसे चुनें और दाईं ओर Settings टैब खोलें। Icon (टेक्स्ट स्टाइल, Icon ब्लॉक नहीं), Eyebrow, Heading 1–3, Body, या Caption चुनें।

दाईं ओर Settings टैब में टेक्स्ट स्टाइल ड्रॉपडाउन, Eyebrow पर सेट है, जिसके नीचे Position कंट्रोल हैं

एक बटन पर क्लिक करके उसे चुनें, फिर दाईं ओर Settings टैब खोलें:

  • Button style: Primary या Secondary।
  • Action:
    • Open a link: Link URL दर्ज करें। New tab डिफ़ॉल्ट रूप से चालू है। लिंक को उसी टैब में खोलने के लिए चेकबॉक्स को अनचेक करें।
    • Close the popup।
    • Subscribe: वेब पुश अनुमति का अनुरोध करें और विज़िटर को सब्सक्राइब करें। यह ईमेल Subscription form ब्लॉक नहीं है। एक स्वीकृत अनुरोध पॉपअप को बंद कर देता है। एक अस्वीकृत अनुरोध बटन को अक्षम कर देता है, क्योंकि ब्राउज़र दो बार संकेत नहीं देगा।
    • Go to page: स्विच करने के लिए पॉपअप का दूसरा पेज चुनें। यह विकल्प तब दिखाई देता है जब पॉपअप में एक से अधिक पेज होते हैं। कई पेजों के साथ काम करें देखें।

बटन को ऊपर या नीचे ले जाने के लिए POSITION का उपयोग करें, या इसे हटाने के लिए डिलीट आइकन का उपयोग करें।

बटन सेटिंग्स टैब जिसमें बटन स्टाइल प्राइमरी, एक्शन ओपन ए लिंक, लिंक यूआरएल और न्यू टैब चेक किया हुआ है

आइकन

Anchor link to

अपने टेक्स्ट के बगल में एक छोटा चित्रलेख (उदाहरण के लिए बिक्री के लिए प्रतिशत चिह्न, या उपहार के लिए एक उपहार) जोड़ने के लिए एक Icon ब्लॉक जोड़ें। यह Icon ब्लॉक है, Text के तहत Icon टेक्स्ट स्टाइल नहीं।

  1. दाईं ओर Elements टैब खोलें।
  2. Icon पर क्लिक करें।
  3. Settings टैब में विकल्प सेट करें:
  • Icon: 20 आइकन के एक निश्चित सेट से चुनें (bell, gift, cart, chart, lock, calendar, check, star, clock, tag, mail, phone, download, play, shield, sparkle, percent, truck, ticket, user)। कस्टम आइकन अपलोड समर्थित नहीं हैं।
  • Size: 24, 32, या 48 px।
  • Accent: डिफ़ॉल्ट रूप से चालू है, ताकि आइकन पॉपअप के एक्सेंट रंग से मेल खाए। एक कस्टम रंग चुनने के लिए इसे बंद करें।
टेक्स्ट के बगल में वेब पॉपअप कैनवास पर आइकन ब्लॉक, जिसमें आइकन सेटिंग्स आइकन पिकर, आकार और एक्सेंट दिखा रही हैं

काउंटडाउन

Anchor link to

पॉपअप पर लाइव टिक-टिक करने वाली डेडलाइन के साथ तात्कालिकता बनाने के लिए एक Countdown ब्लॉक जोड़ें।

  1. दाईं ओर Elements टैब खोलें।
  2. Countdown पर क्लिक करें।
  3. Settings टैब में विकल्प सेट करें:
  • Deadline: वह तारीख और समय जब काउंटडाउन शून्य पर पहुंचता है।
  • Time zone: वह ज़ोन जिसमें डेडलाइन पढ़ी जाती है, न कि विज़िटर का अपना टाइम ज़ोन। आपके ब्राउज़र के टाइम ज़ोन पर डिफ़ॉल्ट होता है; इसके बजाय डेडलाइन को शाब्दिक रूप से पढ़ने के लिए सूची से UTC चुनें।
  • Language: यूनिट लेबल (दिन, घंटे, आदि) की भाषा। इसे English (default) पर छोड़ दें या 14 अन्य भाषाओं में से चुनें।
  • Labels: संख्याओं के बगल में यूनिट लेबल दिखाने के लिए चालू करें।
  • When the deadline passes:
    • Show zeros: काउंटडाउन 00:00:00 दिखाता रहता है।
    • Do not show the popup: डेडलाइन बीत जाने के बाद पूरा पॉपअप छोड़ दिया जाता है। Pushwoosh पॉपअप दिखाई देने से ठीक पहले डेडलाइन की जांच करता है। इस तरह से छोड़ा गया पॉपअप Once per visitor आवृत्ति के विरुद्ध नहीं गिना जाता है।
    • Go to page: डेडलाइन बीत जाने पर पॉपअप के दूसरे पेज पर जाएं। यह केवल तब पेश किया जाता है जब पॉपअप में एक से अधिक पेज हों। दिखाई देने वाले ड्रॉपडाउन से लक्ष्य पेज चुनें। कई पेजों के साथ काम करें देखें।
फ्लैश सेल वेब पॉपअप जिसमें एक काउंटडाउन ब्लॉक है जो एक शॉप नाउ बटन के नीचे दिन, घंटे, मिनट और सेकंड दिखा रहा है

टॉपिक पिकर

Anchor link to

विज़िटर को चेकबॉक्स या चिप्स के रूप में रुचियों का चयन करने देने के लिए एक Topic picker ब्लॉक जोड़ें। उनकी पसंद उनके डिवाइस पर एक टैग पर लिखी जाती है।

  1. दाईं ओर Elements टैब खोलें।
  2. Topic picker पर क्लिक करें। ब्लॉक दो प्लेसहोल्डर विकल्पों के साथ दिखाई देता है। इसकी सेटिंग्स Settings टैब में खुलती हैं।
वेब पॉपअप कैनवास पर टॉपिक पिकर ब्लॉक जिसमें चिप्स या चेकबॉक्स के रूप में रुचि के विकल्प हैं और दाईं ओर सेटिंग्स खुली हैं
  1. List tag the choice is written to में, एक मौजूदा लिस्ट-टाइप टैग चुनें, या संपादक को छोड़े बिना एक बनाने के लिए Create a list tag चुनें। जब तक आप एक टैग नहीं चुनते, ब्लॉक कुछ भी नहीं लिखता है।
  2. Control को Checkboxes या Chips पर सेट करें।
  3. Minimum picks और Maximum picks सेट करें। किसी भी छोर पर 0 का मतलब है कि उस तरफ कोई सीमा नहीं है (फ़ील्ड लेबल में 0 = any)। सबमिट करने के लिए कम से कम एक पिक हमेशा आवश्यक होता है, भले ही न्यूनतम 0 हो। अधिकतम से अधिक चुनने, या न्यूनतम से कम सबमिट करने का प्रयास करने पर, कुछ भी भेजने के बजाय ब्लॉक के बगल में एक इनलाइन संदेश दिखाई देता है।
  4. Options and copy के तहत, प्रत्येक विकल्प के लेबल (जो विज़िटर पढ़ता है) और Tag value (जो टैग पर लिखा जाता है) को संपादित करें। यदि आप Tag value खाली छोड़ देते हैं, तो Pushwoosh इसके बजाय विकल्प की आंतरिक आईडी लिखता है (option-1, option-2, आदि)। कुल 12 विकल्पों तक, एक और पंक्ति जोड़ने के लिए + Option का उपयोग करें।
  5. Button label (डिफ़ॉल्ट Save) और Message after sending (डिफ़ॉल्ट Thanks! Your choice is saved.) सेट करें।
टॉपिक पिकर सेटिंग्स टैब जिसमें लिस्ट टैग, कंट्रोल, मिनिमम और मैक्सिमम पिक्स, ऑप्शंस, बटन लेबल, भेजने के बाद संदेश और पोजीशन दिखाई दे रहा है

रेटिंग

Anchor link to

एक कस्टम इवेंट के रूप में एक त्वरित स्कोर (NPS, स्टार्स, या थम्ब्स) एकत्र करने के लिए एक Rating ब्लॉक जोड़ें।

  1. दाईं ओर Elements टैब खोलें।
  2. Rating पर क्लिक करें। ब्लॉक बिना किसी इवेंट सेट के दिखाई देता है। इसकी सेटिंग्स Settings टैब में खुलती हैं।
पांच-सितारा पैमाने, सेंड रेटिंग बटन, और नेक्स्ट और स्किप एक्शन का उपयोग करके रेटिंग ब्लॉक के साथ वेब पॉपअप
  1. Scale को NPS 0–10, Stars (1 से 5), या Thumbs (ऊपर या नीचे) पर सेट करें। तीनों में, एक उच्च स्कोर का मतलब एक अधिक सकारात्मक रेटिंग है। थम्ब्स-अप के लिए 1 और थम्ब्स-डाउन के लिए 0 भेजता है।
  2. When the score is sent को On tap (जब विज़िटर एक मान चुनता है तब भेजता है) या With a button (सबमिट क्लिक की प्रतीक्षा करता है) पर सेट करें।
  3. Event the score is sent as में, अपने प्रोजेक्ट से एक इवेंट चुनें, या पॉपअप को छोड़े बिना एक नया परिभाषित करने के लिए Create an event चुनें। स्कोर उस इवेंट (score, scale, और slotKey एट्रिब्यूट्स) के रूप में संग्रहीत होता है। इसे किसी भी अन्य इवेंट की तरह सेगमेंट या कस्टमर जर्नी में उपयोग करें। जब तक आप एक इवेंट नहीं चुनते, ब्लॉक कुछ भी नहीं भेजता है।
  4. वैकल्पिक रूप से पैमाने के दोनों सिरों पर Left label और Right label भरें।
  5. यदि When the score is sent With a button है, तो Button label (डिफ़ॉल्ट Send rating) सेट करें।
रेटिंग सेटिंग्स टैब जिसमें स्केल, स्कोर कब भेजा जाता है, इवेंट, लेफ्ट और राइट लेबल, बटन लेबल और पोजीशन कंट्रोल दिखाई दे रहे हैं

सब्सक्रिप्शन फॉर्म

Anchor link to

पॉपअप में ईमेल साइनअप और अन्य फ़ील्ड एकत्र करने के लिए एक Subscription form ब्लॉक जोड़ें। इसका उपयोग ईमेल और फॉर्म फ़ील्ड के लिए करें। वेब पुश अनुमति के लिए, इसके बजाय Subscribe एक्शन वाले बटन का उपयोग करें। सब्सक्रिप्शन फॉर्म के बारे में और जानें।

ब्लॉक जोड़ें

Anchor link to
  1. दाईं ओर Elements टैब खोलें।
  2. Subscription form पर क्लिक करें।
  3. ब्लॉक एक डिफ़ॉल्ट Email फ़ील्ड और Subscribe बटन के साथ दिखाई देता है। इसकी सेटिंग्स Settings टैब में खुलती हैं।
कैनवास पर वेब पॉपअप जिसमें एक सब्सक्रिप्शन फॉर्म ब्लॉक है जो एक ईमेल फ़ील्ड और सब्सक्राइब बटन दिखा रहा है

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

Anchor link to

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

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

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

Anchor link to

अभी भी Settings टैब में:

  1. Submit button style सेट करें:
    • Primary: पॉपअप Accent रंग में भरा हुआ बटन। सबसे अच्छा जब Subscribe पेज पर मुख्य क्रिया हो।
    • Secondary: एक बॉर्डर और एक्सेंट-रंग के लेबल के साथ उल्लिखित बटन। सबसे अच्छा जब पॉपअप में पहले से ही एक प्राथमिक बटन हो या आप एक हल्का रूप चाहते हों।
  2. फॉर्म के नीचे एक गोपनीयता-सहमति पंक्ति जोड़ने के लिए Privacy चालू करें, फिर दिखाई देने वाले फ़ील्ड में अपनी गोपनीयता नीति URL दर्ज करें।
सेटिंग्स टैब में गोपनीयता टॉगल सक्षम है जिसमें एक गोपनीयता नीति URL फ़ील्ड है
  1. Fields के तहत, Email (हमेशा आवश्यक) रखें और First name, Last name, Phone, या Custom जोड़ें।
    • एक Custom फ़ील्ड के लिए, Pick a tag… ड्रॉपडाउन से वह टैग चुनें जिसमें उसका मान सबमिट होता है, या संपादक को छोड़े बिना एक नया स्ट्रिंग टैग बनाने के लिए Create a tag चुनें।
    • एक विज़िटर द्वारा सबमिट करने के बाद दिखाए जाने वाले Success और Confirm email टेक्स्ट सेट करें।
सेटिंग्स टैब में फ़ील्ड्स सेक्शन जिसमें ईमेल, अधिग्रहण अभियान टैग से बंधा एक कस्टम फ़ील्ड, फ़ील्ड-जोड़ें बटन, और सफलता और ईमेल की पुष्टि टेक्स्ट हैं