बिल्ट-इन एडिटर में इन-ऐप मैसेज बनाएं

Pushwoosh के बिल्ट-इन एडिटर में बिना कोड लिखे एक इन-ऐप मैसेज टेम्प्लेट बनाएं। आपको कंटेंट ब्लॉक, इमेज, बटन और व्यक्तिगत टेक्स्ट के साथ एक दोबारा इस्तेमाल करने योग्य लेआउट मिलता है जिसे आप Customer Journey में, एक बार के इन-ऐप के रूप में, या पुश से दिखा सकते हैं।

नोट

शुरू करने से पहले, Pushwoosh SDK को इंटीग्रेट करें ताकि आपके ऐप में इन-ऐप मैसेज दिखाई दे सकें। और जानें

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

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

1. Content → In-apps पर जाएं।
2. Create in-app पर क्लिक करें।

3. एक टेम्प्लेट नाम दर्ज करें।
4. टेम्प्लेट बनाने का तरीका चुनें:
   • Create new template: बिल्ट-इन एडिटर में एक टेम्प्लेट बनाएं।
   • Upload ZIP: अपने HTML इन-ऐप मैसेज के साथ एक ZIP फ़ाइल अपलोड करें।
   • Create native rich media: एक SDK-रेंडर किया गया नेटिव इन-ऐप बनाएं। और जानें
5. Create new template चुनें।
6. Create in-app पर क्लिक करें।

एडिटर लेआउट को एक्सप्लोर करें

बिल्ट-इन एडिटर में चार क्षेत्र हैं। हर एक का एक स्पष्ट काम है।

टॉप बार

टॉप बार वह जगह है जहाँ आप टेम्प्लेट को समग्र रूप से प्रबंधित करते हैं: इसका नाम, अनडू हिस्ट्री, सेव स्टेटस, यह डिवाइस पर कैसा दिखता है (In-app settings), भाषाएँ (Auto-translate और भाषा स्विचर), फ़ोन या डेस्कटॉप प्रीव्यू चौड़ाई, और एक कंटेंट स्कैन (Check)। डिवाइस पर इन-ऐप कैसा दिखता है कॉन्फ़िगर करें, टेम्प्लेट को स्थानीयकृत करें, और सेव करने से पहले अपने कंटेंट की जांच करें देखें।

अधिक कार्यों के लिए टॉप बार में ⋮ मेनू खोलें:

प्रीव्यू

Preview आपको मैसेज को सेव करने से पहले आज़माने देता है: बटन टैप करें, मल्टी-स्क्रीन फ्लो के माध्यम से आगे बढ़ें, और फ़ोन या डेस्कटॉप पर लेआउट की जांच करें।

प्रीव्यू में क्या काम करता है:

• बटन और मल्टी-स्क्रीन फ्लो वास्तव में चलते हैं।
• लिंक और डीप लिंक रिपोर्ट किए जाते हैं, खोले नहीं जाते।
• SDK कॉल और ओपन/क्लिक आँकड़े बंद रहते हैं।
• भाषा, भाषा स्विचर से मेल खाती है। Merge Tags प्लेसहोल्डर के रूप में बने रहते हैं।

प्रीव्यू हेडर में, दोनों लेआउट देखने के लिए फ़ोन और डेस्कटॉप के बीच स्विच करें। मैसेज को फिर से शुरू से दिखाने के लिए Restart पर क्लिक करें। प्रीव्यू से बाहर निकलने के लिए, Esc दबाएं या पैनल के बाहर क्लिक करें।

ब्रांड बुक

• Brand book: अपना खाता Brand book खोलें।
• Apply brand book styles: अपने Brand book से मेल खाने के लिए टेम्प्लेट को फिर से स्टाइल करें (एक बार जब आप इसे सेट कर लेते हैं)।
• Reset custom styles: टेम्प्लेट पर स्टाइल ओवरराइड हटाएं और डिफ़ॉल्ट पर वापस लौटें।

.zip डाउनलोड करें

Download .zip टेम्प्लेट को एक ZIP फ़ाइल के रूप में सेव करता है। यह अंतिम सेव किए गए संस्करण को डाउनलोड करता है, इसलिए पहले अपने परिवर्तनों को सेव करें। मेनू आइटम केवल टेम्प्लेट को कम से कम एक बार सेव किए जाने के बाद दिखाई देता है - नए, अनसेव किए गए टेम्प्लेट इसे नहीं दिखाते हैं।

कैनवास

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

लेयर्स

लेयर्स पैनल आपके टेम्प्लेट में प्रत्येक ब्लॉक को एक ट्री के रूप में सूचीबद्ध करता है, उसी क्रम में जैसे कैनवास पर। इसे बाएं किनारे से खोलें ताकि एक नेस्टेड ब्लॉक (उदाहरण के लिए, एक समूह के अंदर एक बटन) का चयन किया जा सके या कंटेंट को फिर से व्यवस्थित करने के लिए पंक्तियों को खींचें।

दायां पैनल

तीन टैब के बीच स्विच करें:

• Blocks: मैसेज में कंटेंट जोड़ें। इन-ऐप एडिटर ब्लॉक रेफरेंस देखें।
• Settings: एक ही बार में पूरे टेम्प्लेट पर स्टाइलिंग लागू करें। इन-ऐप टेम्प्लेट सेटिंग्स कॉन्फ़िगर करें देखें।
• AI: एक प्रॉम्प्ट से कंटेंट उत्पन्न करने या एडिट करने के लिए AI असिस्टेंट के साथ चैट करें।

कंटेंट ब्लॉक जोड़ें

1. दाएं पैनल में Blocks टैब खोलें।
2. कैनवास पर एक ब्लॉक खींचें, या टेम्प्लेट के अंत में इसे जोड़ने के लिए एक ब्लॉक पर क्लिक करें।
3. जब तक लेआउट तैयार न हो जाए, तब तक ब्लॉक जोड़ते रहें।

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

• Heading: शीर्षक और छोटी सुर्खियाँ
• Text: बॉडी कॉपी और लंबे विवरण
• Button: एक टैप करने योग्य कॉल टू एक्शन
• Image: Media store, अपलोड, या URL से तस्वीरें
• Video: एक टैप करने योग्य वीडियो थंबनेल जो एक YouTube या Vimeo वीडियो खोलता है
• Card: एक लेआउट में हेडिंग, टेक्स्ट और बटन के साथ एक इमेज
• Divider: एक रेखा जो अनुभागों को अलग करती है
• Columns: साइड-बाय-साइड लेआउट (2, 3, या 4 बराबर कॉलम, या 33/67 और 67/33 विभाजन)
• Timer: ऑफ़र और समय-सीमा के लिए एक काउंटडाउन
• Menu: नेविगेशन या संपर्क लिंक की एक पंक्ति या कॉलम
• Social: आपके सोशल प्रोफाइल से लिंक करने वाले आइकन
• HTML: कस्टम HTML, जैसे कि एक फ़ॉर्म, सर्वेक्षण, या एम्बेडेड वीडियो
• Products: आपके Product Catalog या उपयोगकर्ता के छोड़े गए कार्ट से उत्पाद कार्ड का एक ग्रिड

प्रत्येक ब्लॉक के लिए सेटिंग्स के लिए इन-ऐप एडिटर ब्लॉक रेफरेंस देखें, और ब्लॉक को कैसे सेव और दोबारा इस्तेमाल करें देखें।

विशिष्ट उपयोगकर्ताओं को ब्लॉक दिखाएं

हर उपयोगकर्ता को एक ही ब्लॉक देखने की ज़रूरत नहीं है। एक ब्लॉक पर एक display condition सेट करें ताकि यह उपयोगकर्ता के Tags के आधार पर दिखाई दे या छिप जाए। आप अभी भी एक टेम्प्लेट भेजते हैं, लेकिन प्रत्येक व्यक्ति केवल वही हिस्से देखता है जो उन पर लागू होते हैं।

कैनवास पर ब्लॉक का चयन करें, दाएं पैनल में Display condition खोलें, और Show this block conditionally चालू करें। और जानें

टेम्प्लेट को स्थानीयकृत करें

एक बहु-भाषा टेम्प्लेट प्रत्येक भाषा के लिए स्थानीयकृत कॉपी को एक इन-ऐप डिज़ाइन में संग्रहीत करता है। चैनलों में बहु-भाषा मैसेजिंग कैसे काम करती है, इसके लिए बहु-भाषा मैसेजिंग देखें।

नोट

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

बहु-भाषा कंटेंट सेट करने के लिए:

1. भाषा सूची खोलने के लिए टॉप बार में भाषा स्विचर पर क्लिक करें।
2. उन भाषाओं का चयन करें जिन्हें आप जोड़ना चाहते हैं, फिर Apply पर क्लिक करें।
3. भाषाओं के बीच जाने और चयनित भाषा के लिए प्रत्येक ब्लॉक की सामग्री को एडिट करने के लिए भाषा स्विचर का उपयोग करें।
4. गुम हुए अनुवादों को स्वचालित रूप से भरने के लिए Auto-translate पर क्लिक करें — सेव करने से पहले AI-जनित टेक्स्ट की समीक्षा करें।

नोट

आपके द्वारा जोड़ा गया कोई भी ब्लॉक हर भाषा के लिए समान सामग्री के साथ दिखाई देता है। अपने टेम्प्लेट में उपयोग की जाने वाली हर भाषा के लिए नए टेक्स्ट और बटन लेबल का अनुवाद करना याद रखें।

टेम्प्लेट सेटिंग्स कॉन्फ़िगर करें

मैसेज को स्टाइल और स्थान देने के लिए दो स्थानों का उपयोग करें:

• Settings टैब (दायां पैनल): दस्तावेज़ का आकार, रंग, टाइपोग्राफी, और ब्लॉक के लिए डिफ़ॉल्ट स्टाइल।
• In-app settings (टॉप बार): स्क्रीन पर स्थिति, एनिमेशन, और क्लोज बटन।

और जानें

सेव करने से पहले अपने कंटेंट की जांच करें

सामान्य समस्याओं के लिए टेम्प्लेट को स्कैन करने और Smart check खोलने के लिए टॉप बार में Check पर क्लिक करें।

Smart check इनकी तलाश करता है:

• बिना URL वाले बटन, मेनू आइटम और इमेज लिंक, या ऐसे URL वाले जो http(s), mailto:, tel:, या डीप लिंक (उदाहरण के लिए myapp://promo) पता नहीं हैं
• अधूरे AI प्लेसहोल्डर ब्लॉक
• खाली इमेज या वीडियो स्लॉट और गुम ऑल्ट टेक्स्ट
• गुम या अमान्य लिंक वाले उत्पाद कार्ड
• टेक्स्ट कंट्रास्ट जो WCAG AA को पूरा नहीं करता है
• अनुवादित न किया गया कंटेंट
• एक काउंटडाउन टाइमर जिसकी समाप्ति तिथि पहले ही बीत चुकी है
• एक टूटे हुए या खाली नियम के साथ एक डिस्प्ले कंडीशन, एक शाखा जिसने उस ब्लॉक को खो दिया है जिससे वह जुड़ती है, या एक ऐसी स्थिति जो लागू नहीं होगी क्योंकि खाते के लिए डायनामिक कंटेंट अक्षम है

प्रभावित तत्व पर सीधे जाने के लिए किसी खोज पर क्लिक करें। यदि कुछ भी गलत नहीं है, तो पैनल All checks passed — the content looks ready to save. दिखाता है।

टेम्प्लेट को सेव करें

अपने परिवर्तनों को सेव करने के लिए टॉप बार में Save पर क्लिक करें। अपने एडिट्स में पीछे और आगे जाने के लिए टॉप बार में Undo/Redo का उपयोग करें।

नोट

Content → In-apps में आपके इन-ऐप टेम्प्लेट को सेव करना स्टोर करता है। वहां से आप टेम्प्लेट का प्रीव्यू, एडिट और प्रबंधन कर सकते हैं। और जानें