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

एक नया टेम्पलेट जोड़ें

सामग्री → इन-ऐप्स पर जाएँ और टेम्पलेट जोड़ें पर क्लिक करें:

एक टेम्पलेट नाम दर्ज करें, नया टेम्पलेट बनाएँ चुनें, और टेम्पलेट जोड़ें पर क्लिक करें:

आप एक डिफ़ॉल्ट टेम्पलेट के आधार पर एक नया इन-ऐप संदेश पेज बना सकते हैं या एक खाली टेम्पलेट चुनकर स्क्रैच से शुरू कर सकते हैं।

सामग्री जोड़ें

लेआउट

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

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

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

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

पोर्ट्रेट और लैंडस्केप इन-ऐप संदेश बनाना

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

पोर्ट्रेट इन-ऐप संदेश

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

लैंडस्केप इन-ऐप संदेश

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

लैंडस्केप इन-ऐप संदेशों में कॉलम जोड़ना

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

कॉलम के साथ अपने लैंडस्केप इन-ऐप संदेशों को डिज़ाइन करने के बाद, मोबाइल टैब पर स्विच करें। सेटिंग्स पैनल के नीचे पाए जाने वाले RESPONSIVE DESIGN अनुभाग तक स्क्रॉल करें, और Do Not Stack on Mobile विकल्प को सक्षम करें।

नोट

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

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

सामग्री तत्व

शीर्षक

आप शीर्षकों के लिए फ़ॉन्ट, रंग, टेक्स्ट संरेखण, लाइन की ऊँचाई और पैडिंग पैरामीटर संपादित कर सकते हैं।

नोट

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

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

टेक्स्ट

टेक्स्ट को शीर्षकों की तरह ही अनुकूलित किया जा सकता है। आप फ़ॉन्ट, रंग, टेक्स्ट संरेखण, लाइन की ऊँचाई और पैडिंग पैरामीटर बदल सकते हैं।

नोट

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

आप स्मार्ट टेक्स्ट विकल्प का उपयोग करके अपने टेक्स्ट को और भी बेहतर बना सकते हैं:

छवि

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

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

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

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

नोट

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

बटन

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

नोट

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

AI आपको बटन टेक्स्ट के साथ आने में मदद कर सकता है। बस स्मार्ट बटन अनुभाग में बटन पर क्लिक करें, कीवर्ड दर्ज करें, और सुझाव प्राप्त करें पर क्लिक करें:

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

नोट

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

डिवाइडर

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

फ़ॉर्म

नोट

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

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

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

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

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

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

HTML

HTML ब्लॉक आपको एक टेम्पलेट में अपना स्वयं का कस्टम HTML कोड जोड़ने की अनुमति देता है।

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

फ़ॉर्म सेट करने के बाद, आप सीधे Pushwoosh के भीतर आँकड़ों को ट्रैक कर सकते हैं, जिससे परिणामों और उपयोगकर्ता इंटरैक्शन का आसान विश्लेषण हो सकता है। इसे लागू करने के लिए, आपको अपनी विकास टीम से सहायता की आवश्यकता होगी, कृपया उनके साथ यह लिंक साझा करें।

डिफ़ॉल्ट टेम्पलेट्स में एक कस्टम सर्वेक्षण फ़ॉर्म के साथ एक पूर्व-डिज़ाइन किया गया इन-ऐप संदेश टेम्पलेट है। आप इसे अपने स्वयं के सर्वेक्षण फ़ॉर्म के लिए एक संदर्भ या शुरुआती बिंदु के रूप में उपयोग कर सकते हैं।

इसके अलावा, आप अधिक आकर्षक उपयोगकर्ता अनुभव के लिए वीडियो एम्बेड करके अपने इन-ऐप संदेशों को बढ़ा सकते हैं। यहाँ HTML का उपयोग करके YouTube वीडियो एम्बेड करने का एक उदाहरण है:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>In-App Video Example</title>
<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    text-align: center;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
</head>
<body>

<h1>In-App Video Example</h1>

<div class="video-container">
       <iframe src="https://www.youtube.com/embed/TN1uyD2mONs?autoplay=1&mute=1" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

</body>
</html>

मेनू

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

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

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

क्षैतिज या ऊर्ध्वाधर मेनू प्रकार चुनें और यदि आवश्यक हो तो आइटम के बीच एक विभाजक जोड़ें:

सामग्री वैयक्तिकरण

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

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

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

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

यदि सामग्री स्थानीयकृत नहीं है, तो यह भाषा सेटिंग्स में डिफ़ॉल्ट के रूप में निर्दिष्ट भाषा में प्रदर्शित होगी।

नोट

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

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

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

• स्क्रीन पर पॉपअप की स्थिति सेट करें;
• पॉपअप की चौड़ाई और ऊँचाई बदलें;
• बॉर्डर गोलाई समायोजित करें;
• पूरे टेम्पलेट के लिए सामग्री सेटिंग्स कॉन्फ़िगर करें: संरेखण, चौड़ाई, फ़ॉन्ट और रंग;
• पृष्ठभूमि का रंग सेट करें या एक पृष्ठभूमि छवि जोड़ें;
• बंद करें बटन की स्थिति और उपस्थिति को अनुकूलित करें।

इन-ऐप संदेश की उपस्थिति और व्यवहार को अनुकूलित करें (iOS और Android नेटिव)

नेटिव iOS और Android ऐप्स पर आपके इन-ऐप संदेश कैसे दिखते और व्यवहार करते हैं, इसे नियंत्रित करने के लिए इन-ऐप सेटिंग्स का उपयोग करें। आप स्क्रीन की स्थिति को समायोजित कर सकते हैं, एनिमेशन चुन सकते हैं, और स्वाइप-टू-डिस्मिस जेस्चर को सक्षम कर सकते हैं।

इन-ऐप सेटिंग्स को कॉन्फ़िगर करने के लिए:

1. स्क्रीन के शीर्ष पर सेटिंग्स पर क्लिक करें।

2. सेटिंग्स विंडो में, उपलब्ध विकल्पों को समायोजित करके चुनें कि आप अपने इन-ऐप संदेश को कैसा दिखाना और व्यवहार करना चाहते हैं:

स्क्रीन पर संदेश की स्थिति सेट करें

चुनें कि संदेश कहाँ दिखना चाहिए।

विकल्पों में शामिल हैं: Fullscreen, Top, Center, Bottom

प्रवेश एनिमेशन चुनें

चुनें कि संदेश स्क्रीन पर कैसे दिखाई देता है।

विकल्पों में शामिल हैं: Up, Down, Left, Right

निकास एनिमेशन चुनें

चुनें कि संदेश कैसे गायब हो जाता है।

विकल्पों में शामिल हैं: Up, Down, Left, Right

स्वाइप-टू-क्लोज सक्षम करें (वैकल्पिक)

उपयोगकर्ताओं को एक या अधिक दिशाओं में स्वाइप करके संदेश को खारिज करने की अनुमति दें।

विकल्पों में शामिल हैं: Left, Right, Up, Down

3. अपनी प्राथमिकताएँ चुनने के बाद, परिवर्तनों को सहेजने के लिए लागू करें पर क्लिक करें या उन्हें रद्द करने के लिए रद्द करें पर क्लिक करें।

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

परिवर्तनों को लागू करने के लिए सहेजें पर क्लिक करें।

अब आप अपने इन-ऐप संदेश टेम्पलेट का उपयोग निम्नलिखित तरीकों में से एक में कर सकते हैं:

• एक ग्राहक यात्रा के हिस्से के रूप में एक इन-ऐप दिखाएँ;
• एक पुश भेजें जो क्लिक करने पर एक इन-ऐप खोलता है;
• अपने उपयोगकर्ताओं को एक एकल इन-ऐप प्रदर्शित करें।