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

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 और भाषा स्विचर), फ़ोन या डेस्कटॉप प्रीव्यू चौड़ाई (फ़ोन 360, 390, 393, या 430 px प्रदान करता है, जो सामान्य डिवाइस की चौड़ाई से मेल खाता है), और एक लाइट/डार्क कैनवास टॉगल (सूर्य/चंद्रमा आइकन)। डिवाइस पर इन-ऐप कैसा दिखता है कॉन्फ़िगर करें और टेम्प्लेट को स्थानीयकृत करें देखें।

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

प्रीव्यू

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

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

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

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

जाँचें

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

Smart check इन चीज़ों की तलाश करता है:

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

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

ब्रांड बुक

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

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

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

कैनवास

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

कैनवास को संपादित करते समय उसे लाइट या डार्क में रेंडर करने के लिए टॉप बार में सूर्य/चंद्रमा आइकन का उपयोग करें। यह Dark mode variant सेट किए बिना भी काम करता है - जब तक आप अपना खुद का सेट नहीं करते, तब तक डार्क रंग स्वचालित रूप से प्राप्त होते हैं। यह एक लाइव एडिटिंग व्यू है, न कि केवल-पढ़ने के लिए Preview पैनल।

लेयर्स

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

दायां पैनल

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

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

सामग्री ब्लॉक जोड़ें

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

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

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

प्रत्येक ब्लॉक के लिए सेटिंग्स के लिए इन-ऐप एडिटर ब्लॉक संदर्भ देखें, और ब्लॉक को कैसे सहेजें और पुन: उपयोग करें।

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

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

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

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

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

नोट

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

बहु-भाषी सामग्री सेट करने के लिए:

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

नोट

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

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

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

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

और जानें

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

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

नोट

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