नेटिव इन-ऐप संदेश बनाएँ

नेटिव इन-ऐप्स रेडी-मेड लेआउट का उपयोग करते हैं जिन्हें Pushwoosh SDK सीधे डिवाइस पर रेंडर करता है, बजाय उस HTML पेज के जिसे एक कस्टम इन-ऐप लोड करता है। इससे वे तेज़ी से लोड होते हैं और अधिक स्मूथली एनिमेट होते हैं, और इसे बनाने के लिए आपको डिज़ाइन या डेवलपमेंट स्किल्स की आवश्यकता नहीं होती है।

जब आप जल्दी से कोई प्रमोशन, रिमाइंडर, या फ़ीचर अनाउंसमेंट लॉन्च करना चाहते हैं और पूरी तरह से कस्टम लेआउट की आवश्यकता नहीं है, तो नेटिव इन-ऐप का उपयोग करें। यदि आपको डिज़ाइन पर पूरा नियंत्रण चाहिए, तो इसके बजाय एक HTML-आधारित इन-ऐप बनाएँ।

आवश्यक शर्तें

डेवलपर सहायता की आवश्यकता है

आप बिना किसी कोड परिवर्तन के कंट्रोल पैनल में एक नेटिव इन-ऐप टेम्पलेट बना सकते हैं। लेकिन उपयोगकर्ता इसे तभी देखते हैं जब उनका ऐप Pushwoosh SDK का इतना नया संस्करण चला रहा हो जो इसे रेंडर कर सके। लॉन्च करने से पहले अपनी डेवलपमेंट टीम से जाँच करें।

नेटिव इन-ऐप टेम्पलेट बनाने से पहले, सुनिश्चित करें:

• Pushwoosh SDK आपके ऐप में एकीकृत है ताकि इन-ऐप संदेश दिखाई दे सकें। और जानें
• आपका ऐप modal, fullscreen, और stories के लिए iOS SDK 7.2.0+ या Android SDK 6.10.0+ पर चलता है। Sheet, carousel, और banner के लिए iOS SDK 7.2.1+ या Android SDK 6.10.1+ की आवश्यकता है।

एक नेटिव इन-ऐप टेम्पलेट बनाएँ

1. Content → In-apps पर जाएँ।
2. Create in-app पर क्लिक करें।
3. एक टेम्पलेट नाम दर्ज करें।
4. Create native rich media चुनें।
5. DISPLAY TYPE में, एक डिस्प्ले प्रकार चुनें: modal, fullscreen, stories, sheet, carousel, या banner।
6. Create in-app पर क्लिक करें।

संपादक दाईं ओर एक लाइव मोबाइल प्रीव्यू और बाईं ओर टेम्पलेट फ़ील्ड्स के साथ खुलता है, जो Content, Config, और Actions में समूहित होते हैं। आप प्रत्येक समूह में जो देखते हैं वह आपके द्वारा चुने गए डिस्प्ले प्रकार पर निर्भर करता है।

डिस्प्ले प्रकार को कॉन्फ़िगर करें

सावधानी

Display type ड्रॉपडाउन संपादक के शीर्ष पर आपको किसी भी समय प्रकार बदलने की सुविधा देता है, लेकिन बदलने से नीचे के सभी Content, Config, और Actions फ़ील्ड नए प्रकार के लिए उनके डिफ़ॉल्ट पर रीसेट हो जाते हैं। एक प्रकार तय करने के बाद ही सामग्री भरें।

Modal

एक केंद्रित कार्ड, जिसे वैकल्पिक रूप से एक डिम बैकग्राउंड पर दिखाया जाता है।

1. Content के तहत, एक शीर्षक और संदेश जोड़ें, प्रत्येक अपने टेक्स्ट रंग के साथ, साथ ही एक वैकल्पिक छवि।
2. Config के तहत, कार्ड का बैकग्राउंड रंग सेट करें। यह आपके टेक्स्ट और छवि के पीछे कार्ड को भरता है।
3. यदि आप एक ✕ नियंत्रण चाहते हैं ताकि उपयोगकर्ता बिना बटन टैप किए इन-ऐप को खारिज कर सकें, तो Close button चालू करें।
4. कार्ड के पीछे की स्क्रीन को गहरा करने और अपने संदेश पर ध्यान केंद्रित रखने के लिए Dim background चालू करें।
5. Actions के तहत, एक या अधिक बटन जोड़ें। बटन कॉन्फ़िगर करें देखें।

Fullscreen

एक एज-टू-एज कवर छवि जिसके ऊपर टेक्स्ट और बटन होते हैं। बाएं पैनल पर इन फ़ील्ड्स को भरें:

1. Content के तहत, एक कवर छवि जोड़ें, साथ ही एक शीर्षक और संदेश, प्रत्येक अपने टेक्स्ट रंग के साथ।
2. Config के तहत, कवर रंग सेट करें। यह कवर छवि लोड होने के दौरान दिखाई देता है, या यदि आप छवि को खाली छोड़ देते हैं तो अपने आप दिखाई देता है।
3. यदि आप एक ✕ नियंत्रण चाहते हैं ताकि उपयोगकर्ता बिना बटन टैप किए इन-ऐप को खारिज कर सकें, तो Close button चालू करें।
4. Actions के तहत, एक या अधिक बटन जोड़ें। बटन कॉन्फ़िगर करें देखें।

Stories

शीर्ष पर प्रगति बार के साथ फुल-स्क्रीन स्लाइड्स का एक क्रम, सोशल मीडिया स्टोरीज़ के समान। प्रत्येक स्लाइड Content के तहत अपनी Stories प्रविष्टि है।

1. पहली स्लाइड की Image, Title, और Message (प्रत्येक अपने टेक्स्ट रंग के साथ) भरें।
2. Seconds को सेट करें कि स्लाइड आगे बढ़ने से पहले स्क्रीन पर कितनी देर तक रहती है। डिफ़ॉल्ट 5 है। 1 से 30 तक का मान दर्ज करें। इस सीमा के बाहर के मान Save को एक सत्यापन त्रुटि के साथ ब्लॉक करते हैं।
3. वैकल्पिक रूप से, स्लाइड के अंदर Add पर क्लिक करें ताकि इसे अपना CTA बटन मिल सके। बटन कॉन्फ़िगर करें देखें।

4. एक और स्लाइड जोड़ने के लिए अंतिम स्लाइड के नीचे Add पर क्लिक करें, फिर उसके लिए चरण 1-3 दोहराएँ।
5. Config के तहत, यदि आप चाहते हैं कि अंतिम स्लाइड समाप्त होने के बाद कहानी पहली स्लाइड से फिर से शुरू हो, तो Loop चालू करें।
6. यदि आप एक ✕ नियंत्रण चाहते हैं ताकि उपयोगकर्ता सभी स्लाइड्स के चलने से पहले बाहर निकल सकें, तो Close button चालू करें।

उपयोगकर्ता के लिए तैयार कहानी कैसी दिखती है इसका उदाहरण

Sheet

एक बॉटम शीट जो स्क्रीन के निचले किनारे से ऊपर की ओर स्लाइड करती है। शीर्ष पर एक हैंडल उपयोगकर्ताओं को इसे खारिज करने के लिए नीचे खींचने की सुविधा देता है।

बाएं पैनल पर इन फ़ील्ड्स को भरें:

1. Content के तहत, एक शीर्षक और संदेश जोड़ें, प्रत्येक अपने टेक्स्ट रंग के साथ, साथ ही एक वैकल्पिक छवि।
2. Config के तहत, शीट का बैकग्राउंड रंग सेट करें। यह आपके टेक्स्ट और छवि के पीछे पैनल को भरता है।
3. यदि आप एक ✕ नियंत्रण चाहते हैं ताकि उपयोगकर्ता बिना बटन टैप किए शीट को खारिज कर सकें, तो Close button चालू करें।
4. Actions के तहत, एक या अधिक बटन जोड़ें। बटन कॉन्फ़िगर करें देखें।

Carousel

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

1. पहले कार्ड की Image, Title, और Message (प्रत्येक अपने टेक्स्ट रंग के साथ) भरें।
2. कार्ड के लिए Action सेट करें। जब उपयोगकर्ता कार्ड पर टैप करता है तो इन-ऐप को खारिज करने के लिए close चुनें, या एक लिंक खोलने के लिए url चुनें (बटन कॉन्फ़िगर करें के समान विकल्प)।
3. एक और कार्ड जोड़ने के लिए अंतिम कार्ड के नीचे Add पर क्लिक करें, फिर उसके लिए चरण 1-2 दोहराएँ।
4. यदि आप एक ✕ नियंत्रण चाहते हैं ताकि उपयोगकर्ता बिना कार्ड टैप किए कैरोसेल छोड़ सकें, तो Close button चालू करें।

सावधानी

यदि आप Close button बंद कर देते हैं और प्रत्येक कार्ड की Action को url पर सेट करते हैं, तो उपयोगकर्ता के पास कैरोसेल को खारिज करने के लिए कोई ऑन-स्क्रीन नियंत्रण नहीं होता है। एक टैप हमेशा इसे बंद करने के बजाय एक लिंक खोलता है।

Banner

स्क्रीन के ऊपरी या निचले किनारे पर पिन की गई एक कॉम्पैक्ट बार, उन संदेशों के लिए जो पूरे UI को ब्लॉक नहीं करना चाहिए।

1. Content के तहत, एक शीर्षक और संदेश जोड़ें, प्रत्येक अपने टेक्स्ट रंग के साथ, साथ ही एक वैकल्पिक छोटी छवि।
2. Config के तहत, बैनर को अपनी इच्छित स्क्रीन के किनारे पर पिन करने के लिए Position को top या bottom पर सेट करें।
3. बैनर को उतने सेकंड के बाद स्वचालित रूप से बंद करने के लिए Auto-dismiss, sec सेट करें। बैनर को तब तक रखने के लिए इसे खाली छोड़ दें जब तक कि उपयोगकर्ता इसे खारिज न कर दे।
4. बार के लिए बैकग्राउंड रंग सेट करें।
5. यदि आप बैनर पर एक ✕ नियंत्रण चाहते हैं तो Close button चालू करें।
6. Actions के तहत, Action को close या url पर सेट करें। बैनर में अलग-अलग बटन नहीं होते हैं। बैनर पर कहीं भी टैप करने से यह क्रिया चलती है। close और url व्यवहार के लिए बटन कॉन्फ़िगर करें देखें।

सावधानी

यदि आप Close button बंद कर देते हैं, Action को url पर सेट करते हैं, और Auto-dismiss को खाली छोड़ देते हैं, तो बैनर बिना खारिज करने के किसी भी तरीके के स्क्रीन पर बना रहता है। एक टैप हमेशा इसे बंद करने के बजाय लिंक खोलता है।

टेक्स्ट फ़ील्ड कॉन्फ़िगर करें

टेक्स्ट फ़ील्ड मल्टी-लाइन टेक्स्ट का समर्थन नहीं करते हैं। यदि आप Enter दबाते हैं, तो संपादक एक लाइन ब्रेक दिखा सकता है, लेकिन Pushwoosh इसके बजाय एक स्पेस बचाता है। डिवाइस पर, टेक्स्ट एक लाइन के रूप में दिखाई देता है।

एक इमोजी जोड़ने के लिए, फ़ील्ड टूलबार के बगल में Emoji पर क्लिक करें। इमोजी सादे टेक्स्ट के समान टेक्स्ट फ़ील्ड में समर्थित हैं। यह देखने के लिए लाइव प्रीव्यू देखें कि वे लेआउट पर कैसे दिखते हैं।

डायनामिक सामग्री जोड़ें

प्रत्येक टेक्स्ट फ़ील्ड टैग और User ID के साथ वैयक्तिकरण का समर्थन करता है।

1. फ़ील्ड टूलबार के बगल में Personalization पर क्लिक करें।
2. Tag के तहत, एक टैग या User ID चुनें।
3. एक प्रारूप संशोधक चुनें (उदाहरण के लिए, CapitalizeFirst या regular)।
4. वैकल्पिक रूप से, एक Default Tag Value दर्ज करें।
5. Insert पर क्लिक करें।

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

टिप

सशर्त तर्क के लिए (उदाहरण के लिए, यह टेक्स्ट केवल तभी दिखाएं जब कोई टैग किसी विशिष्ट मान के बराबर हो), सीधे फ़ील्ड में Liquid सिंटैक्स टाइप करें।

जब आप Save पर क्लिक करते हैं, तो Pushwoosh प्रत्येक टेक्स्ट फ़ील्ड में डायनामिक सामग्री और Liquid की जाँच करता है। यदि कोई फ़ील्ड पार्स नहीं होता है (उदाहरण के लिए, एक बंद न किया गया {% if %} टैग), तो Save ब्लॉक हो जाता है और एक Dynamic content contains errors टोस्ट टूटे हुए फ़ील्ड और भाषा का नाम बताता है। इसे वहां ठीक करें, फिर Save पर फिर से क्लिक करें।

नोट

Save पर Liquid जाँच एक बंद न किए गए टैग जैसी सिंटैक्स त्रुटियों को पकड़ती है। यह अभी भी अधूरी अभिव्यक्तियों को पास कर सकता है जो केवल संदेश भेजे जाने पर विफल होती हैं। यदि आप एक साधारण टैग से परे कुछ भी उपयोग करते हैं तो खुद को एक परीक्षण भेजें।

बटन कॉन्फ़िगर करें

Modal, fullscreen, प्रत्येक स्टोरीज़ स्लाइड, और sheet समान बटन फ़ील्ड का उपयोग करते हैं:

• Button text और उसका रंग।
• Background, Border color, और Border radius।
• Action: चुनें कि जब उपयोगकर्ता बटन पर टैप करता है तो क्या होता है:
  • close: इन-ऐप को खारिज करता है।
  • url: उस लिंक को खोलता है जिसे आप दिखाई देने वाले फ़ील्ड में दर्ज करते हैं। एक वेब पता (उदाहरण के लिए, https://example.com) या अपने ऐप में एक डीप लिंक (उदाहरण के लिए, myapp://product/123) का उपयोग करें।

एक और बटन जोड़ने के लिए Add पर क्लिक करें, या इसे हटाने के लिए एक बटन पर × पर क्लिक करें।

सावधानी

यदि आप Close button बंद कर देते हैं और कोई बटन भी नहीं जोड़ते हैं, तो उपयोगकर्ता के पास इन-ऐप को खारिज करने के लिए कोई ऑन-स्क्रीन नियंत्रण नहीं होता है।

स्थानीयकरण जोड़ें

डिफ़ॉल्ट रूप से, एक नेटिव इन-ऐप में एक भाषा होती है। और जोड़ने के लिए:

नोट

यहां भाषा चयनकर्ता केवल उन प्लेटफार्मों पर उपकरणों की गणना करता है जो इन-ऐप सामग्री को रेंडर करते हैं। उपयोगकर्ता-स्तरीय टैग के माध्यम से सेट किए गए भाषा मान किसी डिवाइस प्लेटफॉर्म से बंधे नहीं होते हैं, इसलिए वे यहां दिखाई नहीं देते हैं।

1. शीर्ष बार में भाषा चयनकर्ता के बगल में + पर क्लिक करें।
2. जोड़ने के लिए भाषाएँ चुनें और Apply पर क्लिक करें।

3. भाषाओं के बीच स्विच करने और प्रत्येक के लिए टेक्स्ट फ़ील्ड भरने के लिए शीर्ष बार में भाषा चयनकर्ता का उपयोग करें।

नोट

जब आप एक भाषा जोड़ते हैं, तो Pushwoosh डिफ़ॉल्ट भाषा की सामग्री को उसमें कॉपी करता है: टेक्स्ट, चित्र और बटन लेबल। उस भाषा पर स्विच करें और इनमें से किसी भी फ़ील्ड को स्वतंत्र रूप से संपादित करें।

टेम्पलेट सहेजें

अपने परिवर्तनों को बनाए रखने के लिए शीर्ष दाईं ओर Save पर क्लिक करें।

टेम्पलेट फिर Content → In-apps में आपके अन्य इन-ऐप टेम्पलेट्स के साथ दिखाई देता है।

इसे एक अभियान में उपयोग करें

एक नेटिव इन-ऐप टेम्पलेट आपके अन्य इन-ऐप टेम्पलेट्स के साथ टेम्पलेट पिकर में दिखाई देता है।

आप इसका उपयोग कर सकते हैं:

• एक तत्काल इन-ऐप भेजें
• Customer Journey में एक इन-ऐप चरण जोड़ें
• जब उपयोगकर्ता एक पुश पर टैप करता है तो एक इन-ऐप खोलें

नोट

डिलीवरी सेटिंग्स, जैसे कि प्रारंभ और समाप्ति तिथियां और फ़्रीक्वेंसी कैपिंग, किसी भी अन्य इन-ऐप के लिए उसी तरह काम करती हैं और इस संपादक का हिस्सा नहीं हैं।