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

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

नोट

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

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

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

1. कंटेंट → इन-ऐप्स पर जाएं।
2. इन-ऐप बनाएं पर क्लिक करें।

3. एक टेम्प्लेट नाम दर्ज करें।
4. चुनें कि टेम्प्लेट कैसे बनाना है:
   • नया टेम्प्लेट बनाएं: बिल्ट-इन एडिटर में एक टेम्प्लेट बनाएं।
   • ZIP अपलोड करें: अपने HTML इन-ऐप संदेश के साथ एक ZIP फ़ाइल अपलोड करें।
   • नेटिव रिच मीडिया बनाएं: एक SDK-रेंडर किया गया नेटिव इन-ऐप बनाएं। और जानें
5. नया टेम्प्लेट बनाएं चुनें।
6. इन-ऐप बनाएं पर क्लिक करें।

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

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

टॉप बार

टॉप बार वह जगह है जहाँ आप समग्र रूप से टेम्प्लेट का प्रबंधन करते हैं: इसका नाम, अनडू हिस्ट्री, सेव स्टेटस, यह डिवाइस पर कैसा दिखता है (इन-ऐप सेटिंग्स), भाषाएँ (ऑटो-ट्रांसलेट और भाषा स्विचर), फोन या डेस्कटॉप प्रीव्यू चौड़ाई (फोन के लिए 360, 390, 393, या 430 px उपलब्ध हैं, जो सामान्य डिवाइस चौड़ाई से मेल खाते हैं), और एक लाइट/डार्क कैनवास टॉगल (सूर्य/चंद्रमा आइकन)। डिवाइस पर इन-ऐप कैसा दिखता है कॉन्फ़िगर करें और टेम्प्लेट को स्थानीयकृत करें देखें।

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

प्रीव्यू

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

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

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

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

चेक

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

स्मार्ट चेक इन चीज़ों की तलाश करता है:

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

कैनवास पर प्रभावित तत्व पर सीधे जाने के लिए एक खोज पर क्लिक करें। यदि कुछ भी गलत नहीं है, तो पैनल सभी जांचें पास हो गईं — सामग्री सहेजने के लिए तैयार दिखती है। दिखाता है।

ब्रांड बुक

• ब्रांड बुक: अपने खाते का ब्रांड बुक खोलें।
• ब्रांड बुक स्टाइल लागू करें: टेम्प्लेट को अपने ब्रांड बुक से मेल खाने के लिए रीस्टाइल करें (एक बार जब आप इसे सेट कर लेते हैं)।
• कस्टम स्टाइल रीसेट करें: टेम्प्लेट पर स्टाइल ओवरराइड हटाएं और डिफॉल्ट पर वापस जाएं।

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

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

कैनवास

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

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

लेयर्स

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

दायां पैनल

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

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

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

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

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

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

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

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

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

कैनवास पर ब्लॉक का चयन करें, दाएं पैनल में प्रदर्शन शर्त खोलें, और इस ब्लॉक को सशर्त रूप से दिखाएं चालू करें। और जानें

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

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

नोट

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

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

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

नोट

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

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

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

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

और जानें

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

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

नोट

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