नो-कोड एडिटर के साथ इन-ऐप मैसेज बनाएं

यूट्यूब वीडियो: हमारे उपयोग में आसान एडिटर में बिना कोडिंग के इन-ऐप्स बनाएं

एक इन-ऐप टेम्पलेट (जिसे रिच मीडिया भी कहा जाता है) बनाने के लिए, Content → In-Apps (Rich Media) पर जाएं और Add template पर क्लिक करें:

यहां, आपके पास तीन विकल्प हैं:

1. अपने HTML इन-ऐप मैसेज के साथ एक ZIP फ़ाइल अपलोड करें।
2. पहले से बने टेम्पलेट्स में से किसी एक को चुनें और कस्टमाइज़ करें।
3. स्क्रैच से अपना खुद का टेम्पलेट बनाएं।

इस लेख में, हम स्क्रैच से एक टेम्पलेट बनाने पर विचार करेंगे। अपने मौजूदा टेम्पलेट को कस्टमाइज़ करने के लिए उन्हीं चरणों का पालन करें।

लेआउट को परिभाषित करना

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

यदि आप एक पंक्ति में एक से अधिक कंटेंट एलिमेंट रखना चाहते हैं, तो टेम्पलेट में Columns एलिमेंट जोड़ें, आवश्यक ब्लॉक प्रकार चुनें, और प्रत्येक कॉलम में कंटेंट जोड़ें:

एक लेआउट का बैकग्राउंड रंग बदलने के लिए, इसके बाहरी मार्जिन पर क्लिक करें, सुनिश्चित करें कि पूरा लेआउट चुना गया है, और रंग चुनें:

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

पोर्ट्रेट और लैंडस्केप रिच मीडिया बनाना

Pushwoosh पोर्ट्रेट और लैंडस्केप दोनों ओरिएंटेशन में रिच मीडिया कंटेंट बनाने की सुविधा प्रदान करता है, यह सुनिश्चित करता है कि आपके कैंपेन सभी डिवाइस पर आकर्षक और प्रभावी हों।

पोर्ट्रेट रिच मीडिया

पोर्ट्रेट ओरिएंटेशन के लिए डिज़ाइन किया गया रिच मीडिया बनाने के लिए, जो आमतौर पर मोबाइल डिवाइस पर उपयोग किया जाता है, एडिटर में Mobile टैब पर नेविगेट करें। यहां, आप अपने कंटेंट को वर्टिकल लेआउट में फिट करने के लिए डिज़ाइन कर सकते हैं, जो स्मार्टफोन स्क्रीन के लिए उपयुक्त है।

लैंडस्केप रिच मीडिया

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

लैंडस्केप रिच मीडिया में कॉलम जोड़ना

यदि आपको अपने लैंडस्केप रिच मीडिया में कॉलम जोड़ने की आवश्यकता है, तो पहले Column एलिमेंट जोड़ें और आपको जितने कॉलम चाहिए उनकी संख्या और लेआउट को परिभाषित करें।

कॉलम के साथ अपने लैंडस्केप रिच मीडिया को डिज़ाइन करने के बाद, Mobile टैब पर स्विच करें।

सेटिंग्स पैनल के नीचे पाए जाने वाले RESPONSIVE DESIGN सेक्शन तक स्क्रॉल करें, और Do Not Stack on Mobile विकल्प को सक्षम करें।

नोट

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

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

कंटेंट एलिमेंट्स

हेडिंग

आप हेडिंग के लिए फ़ॉन्ट, रंग, टेक्स्ट अलाइनमेंट, लाइन हाइट और पैडिंग पैरामीटर को एडिट कर सकते हैं।

नोट

यदि आप प्रत्येक उपयोगकर्ता के लिए हेडिंग को पर्सनलाइज़ करना चाहते हैं, तो इसमें टैग जोड़ें।

आप AI को आपके लिए हेडिंग टेक्स्ट जेनरेट करने देकर भी समय बचा सकते हैं। Smart Headings सेक्शन में बटन पर क्लिक करें, कुछ कीवर्ड दर्ज करें, और Get Suggestions पर क्लिक करें:

टेक्स्ट

टेक्स्ट को हेडिंग की तरह ही कस्टमाइज़ किया जा सकता है: आप फ़ॉन्ट, रंग, टेक्स्ट अलाइनमेंट, लाइन हाइट और पैडिंग पैरामीटर बदल सकते हैं।

नोट

यदि आप प्रत्येक उपयोगकर्ता के लिए टेक्स्ट को पर्सनलाइज़ करना चाहते हैं, तो इसमें टैग जोड़ें।

आप अपनी कॉपी को एक अलग टोन ऑफ़ वॉयस में फिर से लिखने, इसकी कैरेक्टर लंबाई बदलने और व्याकरण की जांच करने के लिए Pushwoosh AI एडिटर का भी उपयोग कर सकते हैं। ऐसा करने के लिए, टेक्स्ट ब्लॉक → Smart Text पर क्लिक करें और बिल्ट-इन कॉपी फ़ॉर्मेट में से एक चुनें:

इमेज

एक इमेज जोड़ने के लिए, इमेज ब्लॉक पर क्लिक करें और अपनी फ़ाइल को एडिटर पैनल में ड्रैग करें:

वैकल्पिक रूप से, आप फ़ाइल अपलोड करने के बजाय Image URL निर्दिष्ट कर सकते हैं।

आप AI इमेज जनरेशन के साथ भी प्रयोग कर सकते हैं। ऐसा करने के लिए, Magic Image सेक्शन में बटन पर क्लिक करें, उस इमेज का वर्णन करें जिसे आप बनाना चाहते हैं, और Generate Images पर क्लिक करें:

Action सेक्शन में, आप वह एक्शन सेट कर सकते हैं जो इमेज पर क्लिक करने पर किया जाना चाहिए: एक वेबसाइट खोलें (या आपके ऐप के भीतर एक पेज का डीप लिंक) या पॉपअप बंद करें। आप इमेज क्लिक एक्शन सेट करने के लिए एक कस्टम JavaScript हैंडलर एट्रिब्यूट भी डाल सकते हैं। यदि कोई एक्शन आवश्यक नहीं है, तो इस सेटिंग को अनदेखा करें।

यदि आप चाहते हैं कि इमेज पर क्लिक करने पर आपके मोबाइल ऐप में एक पेज खुले, तो Open Website विकल्प चुनें और एक डीप लिंक डालें।

बटन

एक बार जब आपके टेम्पलेट में एक बटन जोड़ दिया जाता है, तो आप उसके टेक्स्ट, रंग, पैडिंग और बॉर्डर को कस्टमाइज़ कर सकते हैं।

नोट

यदि आप प्रत्येक उपयोगकर्ता के लिए बटन टेक्स्ट को पर्सनलाइज़ करना चाहते हैं, तो इसमें टैग जोड़ें।

AI आपको बटन टेक्स्ट के साथ आने में मदद कर सकता है। बस Smart Buttons सेक्शन में बटन पर क्लिक करें, कीवर्ड दर्ज करें, और Get Suggestions पर क्लिक करें:

बटन पर क्लिक करने के बाद किए जाने वाले एक्शन को निर्दिष्ट करने के लिए, Action सेक्शन पर जाएं और आवश्यक विकल्प चुनें: एक वेबसाइट खोलें या पॉपअप बंद करें। आप बटन क्लिक एक्शन सेट करने के लिए एक कस्टम JavaScript हैंडलर एट्रिब्यूट भी डाल सकते हैं।

यदि आप चाहते हैं कि बटन पर क्लिक करने पर आपके मोबाइल ऐप में एक पेज खुले, तो Open Website विकल्प चुनें और एक डीप लिंक डालें।

डिवाइडर

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

फ़ॉर्म

इस एलिमेंट को कॉन्फ़िगर करने के लिए, आपको एक डेवलपर की मदद की आवश्यकता होगी।

फ़ॉर्म आपको उपयोगकर्ताओं के ईमेल, फ़ोन नंबर, प्राथमिकताएं और अन्य जानकारी एकत्र करने की अनुमति देते हैं जो भविष्य के संचार के लिए उपयोगी हो सकती है। यह एलिमेंट एक मानक HTML फ़ॉर्म के रूप में कॉन्फ़िगर किया गया है: डेटा URL फ़ील्ड में निर्दिष्ट पते पर GET या POST अनुरोध में भेजा जाता है।

इसके पैरामीटर कॉन्फ़िगर करने के लिए फ़ील्ड नाम पर क्लिक करें:

• फ़ील्ड प्रकार: फ़ील्ड में प्रेषित किए जाने वाले डेटा का प्रकार;
• फ़ील्ड नाम: उस पैरामीटर का नाम जिस पर फ़ील्ड से डेटा पास किया जाता है;
• फ़ील्ड लेबल: फ़ील्ड के ऊपर प्रदर्शित टेक्स्ट;
• प्लेसहोल्डर टेक्स्ट;
• चेकबॉक्स यह दर्शाता है कि फ़ॉर्म सबमिट करने के लिए फ़ील्ड आवश्यक है या नहीं।

एक और फ़ील्ड जोड़ने के लिए, Add New Field पर क्लिक करें और डेटा प्रकार चुनें:

आप फ़ॉर्म पैरामीटर जैसे चौड़ाई, अलाइनमेंट, फ़ील्ड के बीच की जगह, बटन टेक्स्ट, रंग और फ़ॉन्ट को कस्टमाइज़ कर सकते हैं।

HTML

यदि आप टेम्पलेट में अपना खुद का HTML कोड शामिल करना चाहते हैं तो HTML ब्लॉक जोड़ें।

मेनू

Menu एलिमेंट आपको एक पंक्ति या कॉलम में कई क्लिक करने योग्य आइटम रखने की अनुमति देता है। उदाहरण के लिए, आप एक नेविगेशन बार या कंपनी संपर्क जोड़ सकते हैं।

एक मेनू आइटम जोड़ने के लिए, Add New Item पर क्लिक करें:

आइटम टेक्स्ट जोड़ें और वह एक्शन सेट करें जो आइटम पर क्लिक करने पर किया जाना चाहिए:

हॉरिजॉन्टल या वर्टिकल मेनू प्रकार चुनें और यदि आवश्यक हो तो आइटम के बीच एक सेपरेटर जोड़ें:

कंटेंट पर्सनलाइज़ेशन

अपने कंटेंट को अधिक प्रासंगिक और आकर्षक बनाने के लिए मुख्य टेक्स्ट, हेडर या बटन टेक्स्ट को पर्सनलाइज़ करें। उदाहरण के लिए, आप उपयोगकर्ताओं को नाम से संबोधित कर सकते हैं या उनकी प्राथमिकताओं का उल्लेख कर सकते हैं।

सबसे पहले, आपको टैग सेट अप करने और उपयोगकर्ताओं से डेटा एकत्र करने को कॉन्फ़िगर करने की आवश्यकता है (उदाहरण के लिए, एक फीडबैक फ़ॉर्म के माध्यम से)। रिच मीडिया बनाते समय, आवश्यक कंटेंट ब्लॉक चुनें, Merge Tags पर क्लिक करें, और उस टैग का चयन करें जिसका आप उपयोग करना चाहते हैं:

बहु-भाषी टेम्पलेट्स

आप अपने रिच मीडिया टेम्पलेट में टेक्स्ट को प्रत्येक भाषा के लिए स्थानीयकृत कर सकते हैं जो आपके उपयोगकर्ता बोलते हैं। ऐसा करने के लिए, Editable language सूची में भाषाओं के बीच स्विच करें और प्रत्येक भाषा में कंटेंट को अलग-अलग एडिट करें:

यदि कंटेंट स्थानीयकृत नहीं है, तो यह Language settings में default के रूप में निर्दिष्ट भाषा में प्रदर्शित किया जाएगा।

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

सामान्य टेम्पलेट सेटिंग्स

Popup टैब पर, आप सामान्य टेम्पलेट सेटिंग्स कॉन्फ़िगर कर सकते हैं:

• स्क्रीन पर पॉपअप की स्थिति सेट करें;
• पॉपअप की चौड़ाई और ऊंचाई बदलें;
• बॉर्डर राउंडिंग को एडजस्ट करें;
• पूरे टेम्पलेट के लिए कंटेंट सेटिंग्स कॉन्फ़िगर करें: अलाइनमेंट, चौड़ाई, फ़ॉन्ट और रंग;
• बैकग्राउंड रंग सेट करें या एक बैकग्राउंड इमेज जोड़ें;
• क्लोज बटन की स्थिति और उपस्थिति को कस्टमाइज़ करें।

टेम्पलेट को सहेजना और उपयोग करना

बदलाव लागू करने के लिए Save पर क्लिक करें:

अब आप अपने इन-ऐप मैसेज भेजने के लिए अपने रिच मीडिया टेम्पलेट का उपयोग कर सकते हैं। ऐसा करने के लिए कृपया इस गाइड का पालन करें >