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

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

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

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

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

Anchor link to

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

  • Pushwoosh SDK आपके ऐप में एकीकृत है ताकि इन-ऐप संदेश दिखाई दे सकें। और जानें
  • आपका ऐप iOS SDK 7.2.0+ या Android SDK 6.10.0+ चलाता है। तीनों डिस्प्ले प्रकारों (modal, fullscreen, stories) को समान न्यूनतम संस्करण की आवश्यकता होती है और वे दोनों प्लेटफॉर्म पर काम करते हैं।

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

Anchor link to
  1. ContentIn-apps पर जाएं।
  2. Add template पर क्लिक करें।
  3. एक टेम्पलेट नाम दर्ज करें।
  4. Create native rich media चुनें।
  5. DISPLAY TYPE में, modal, fullscreen, या stories चुनें।
  6. Add template पर क्लिक करें।
नया टेम्पलेट जोड़ें डायलॉग जिसमें Create native rich media चुना गया है और डिस्प्ले प्रकार ड्रॉपडाउन modal पर सेट है

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

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

Anchor link to

एक केंद्रित कार्ड, जिसे वैकल्पिक रूप से एक मंद पृष्ठभूमि पर दिखाया जाता है। बाएं पैनल पर इन फ़ील्ड को भरें:

  • Content: एक शीर्षक और संदेश, प्रत्येक अपने स्वयं के टेक्स्ट रंग के साथ, साथ ही एक वैकल्पिक छवि।
  • Config: कार्ड पृष्ठभूमि रंग, एक Close button टॉगल, और एक Dim background टॉगल जो कार्ड के पीछे स्क्रीन को गहरा करता है।
  • Actions: एक या अधिक बटन। बटन कॉन्फ़िगर करें देखें।
modal डिस्प्ले प्रकार के लिए नेटिव इन-ऐप संपादक जिसमें Content, Config, और Actions फ़ील्ड और एक लाइव मोबाइल पूर्वावलोकन है

Fullscreen

Anchor link to

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

  • Content: एक कवर छवि, साथ ही एक शीर्षक और संदेश, प्रत्येक अपने स्वयं के टेक्स्ट रंग के साथ।
  • Config: एक कवर रंग (छवि लोड होने के दौरान, या उसके बजाय दिखाया जाता है) और एक Close button टॉगल।
  • Actions: एक या अधिक बटन। बटन कॉन्फ़िगर करें देखें।
fullscreen डिस्प्ले प्रकार के लिए नेटिव इन-ऐप संपादक जिसमें कवर छवि, शीर्षक, संदेश और कवर रंग फ़ील्ड हैं

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

  1. पहली स्लाइड की Image, Title, और Message (प्रत्येक अपने स्वयं के टेक्स्ट रंग के साथ) भरें।
  2. Seconds को उस अवधि पर सेट करें जब तक स्लाइड आगे बढ़ने से पहले स्क्रीन पर रहती है। डिफ़ॉल्ट 5 है। 1 से 30 तक का मान दर्ज करें। इस सीमा के बाहर के मान Save को एक सत्यापन त्रुटि के साथ ब्लॉक करते हैं।
  3. वैकल्पिक रूप से, स्लाइड के अंदर Add पर क्लिक करके इसे अपना CTA बटन दें। बटन कॉन्फ़िगर करें देखें।
Stories स्लाइड जिसमें Image, Title, Message, और Seconds फ़ील्ड हैं, और एक नेस्टेड Buttons प्रविष्टि जिसमें अपना Add लिंक है
  1. एक और स्लाइड जोड़ने के लिए अंतिम स्लाइड के नीचे Add पर क्लिक करें, फिर उसके लिए चरण 1-3 दोहराएं।
  2. Config के तहत, इन विकल्पों को सेट करें जो पूरी कहानी पर लागू होते हैं, न कि किसी एक स्लाइड पर:
    • Loop: अंतिम स्लाइड के बाद पहली स्लाइड से पुनः आरंभ करें।
    • Close button: एक बंद (✕) नियंत्रण दिखाएं।
stories डिस्प्ले प्रकार के लिए Config पैनल जिसमें Loop और Close button टॉगल हैं
उपयोगकर्ता के लिए तैयार कहानी कैसी दिखती है इसका उदाहरण
Anchor link to

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

Anchor link to

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

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

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

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

Anchor link to

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

  1. शीर्ष बार में भाषा चयनकर्ता के आगे + पर क्लिक करें।
  2. जोड़ने के लिए भाषाएं चुनें और Apply पर क्लिक करें।
भाषाएं चुनें डायलॉग जिसमें एक खोज फ़ील्ड, सभी चुनें, सभी अचयनित करें, और अंतिम चयन का पुनः उपयोग करें लिंक, और एक भाषा चेकलिस्ट है
  1. भाषाओं के बीच स्विच करने और प्रत्येक के लिए टेक्स्ट फ़ील्ड भरने के लिए शीर्ष बार में भाषा चयनकर्ता का उपयोग करें।

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

Anchor link to

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

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

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

Anchor link to

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

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