इन-ऐप एडिटर ब्लॉक्स का संदर्भ

हर उस ब्लॉक के लिए संदर्भ जिसे आप बिल्ट-इन एडिटर कैनवास पर जोड़ सकते हैं।

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

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

एडिटर ब्लॉक्स को कैसे कॉन्फ़िगर करें

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

टिप

हर ब्लॉक में Visibility और Display condition सेटिंग्स भी होती हैं। इनका उपयोग फोन या डेस्कटॉप पर एक ब्लॉक को छिपाने के लिए करें, या इसे केवल विशिष्ट उपयोगकर्ताओं को दिखाएं। और जानें

हेडिंग और टेक्स्ट

हेडिंग और टेक्स्ट ब्लॉक इन-ऐप संदेश में उपयोगकर्ताओं द्वारा पढ़ी जाने वाली कॉपी रखते हैं। कैनवास पर टेक्स्ट को संपादित करें और इसे टूलबार के साथ प्रारूपित करें।

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

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

छवि

एक छवि ब्लॉक इन-ऐप टेम्पलेट में एक तस्वीर प्रदर्शित करता है।

दाईं ओर के पैनल में छवि सेटिंग्स खोलने के लिए इसे कैनवास पर चुनें।

• छवि जोड़ें / छवि बदलें: जब ब्लॉक खाली हो तो छवि जोड़ें पर क्लिक करें, या जब कोई तस्वीर पहले से सेट हो तो छवि बदलें पर क्लिक करें। आप एक फ़ाइल अपलोड कर सकते हैं या अपने मीडिया स्टोर से एक चुन सकते हैं।
• छवि URL: छवि के लिए एक होस्टेड लिंक पेस्ट करें।
• ऑल्ट टेक्स्ट: पहुंच के लिए छवि का वर्णन करें।
• प्रॉम्प्ट: एक छवि के लिए AI जनरेशन प्रॉम्प्ट जिसे आपने AI के साथ उत्पन्न करें के साथ बनाया है।
• चौड़ाई (px) / ऊंचाई (px): छवि को एक पिक्सेल आकार में ठीक करें। इसे स्वचालित रूप से आकार देने के लिए एक फ़ील्ड खाली छोड़ दें।
• कॉर्नर रेडियस (px): छवि के कोनों को गोल करें।
• अलाइनमेंट: बाएँ, केंद्र, या दाएँ।

लिंक में, एक एक्शन प्रकार सेट करें (उदाहरण के लिए वेबसाइट खोलें या URL या डीपलिंक) और इसका URL जब छवि पर टैप किया जाए तो कुछ खोलने के लिए, और एक लिंक लक्ष्य इसे उसी टैब में या एक नए में खोलने के लिए।

स्पेसिंग में, छवि के चारों ओर जगह जोड़ने के लिए पैडिंग चालू करें। हर तरफ समान पैडिंग के लिए सभी तरफ का उपयोग करें, या प्रत्येक पक्ष को अलग से सेट करने के लिए अधिक विकल्प चालू करें।

वीडियो

एक वीडियो ब्लॉक एक टैप करने योग्य थंबनेल के रूप में संदेश में एक YouTube या Vimeo वीडियो जोड़ता है। संदेश एक ▶ ओवरले के साथ एक स्थिर छवि दिखाता है। इसे टैप करने पर YouTube या Vimeo ऐप या ब्राउज़र में वीडियो खुलता है।

इसकी सेटिंग्स खोलने के लिए कैनवास पर ब्लॉक का चयन करें:

• वीडियो URL: एक YouTube या Vimeo लिंक पेस्ट करें। एडिटर स्वचालित रूप से एक थंबनेल प्राप्त करता है।
• ऑल्ट टेक्स्ट: पहुंच के लिए वीडियो का वर्णन करें।
• थंबनेल URL: स्वतः प्राप्त थंबनेल रखें, या मीडिया स्टोर से एक चुनने के लिए थंबनेल जोड़ें / थंबनेल बदलें पर क्लिक करें, या सीधे एक होस्टेड लिंक पेस्ट करें।
• प्ले बटन ओवरले: डिफ़ॉल्ट रूप से चालू। ▶ ओवरले के बिना सादा थंबनेल दिखाने के लिए बंद करें।
• चौड़ाई (px), कॉर्नर रेडियस (px), और अलाइनमेंट: नियंत्रित करें कि थंबनेल कैसा दिखता है और यह लेआउट में कहाँ बैठता है।

कार्ड

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

• लेआउट: चुनें कि छवि सामग्री के सापेक्ष किस तरफ बैठती है, या छवि के चारों ओर टेक्स्ट लपेटें चालू करें।
• छवि: छवि जोड़ें या बदलें, ऑल्ट टेक्स्ट सेट करें, AI जनरेशन प्रॉम्प्ट संपादित करें, पैडिंग जोड़ें, और कॉर्नर रेडियस (px) सेट करें।
• आकार और फिट: छवि की चौड़ाई, ऊंचाई, क्रॉप (मूल या एक निश्चित अनुपात), और फिट (कवर या एक फोकल पॉइंट) सेट करें। सटीक फ़ील्ड आपके द्वारा चुने गए लेआउट पर निर्भर करते हैं।
• लिंक: टैप किए जाने पर पूरे कार्ड को एक URL खोलने के लिए बनाएं।

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

बटन

एक बटन इन-ऐप संदेश में एक टैप करने योग्य कॉल टू एक्शन है। इसका उपयोग एक URL खोलने, कस्टम जावास्क्रिप्ट चलाने, या संदेश को बंद करने के लिए करें।

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

यह सेट करने के लिए कि जब उपयोगकर्ता बटन पर टैप करता है तो क्या होता है:

1. लिंक डालें/संपादित करें खोलने के लिए टूलबार में लिंक आइकन पर क्लिक करें।
2. एक एक्शन प्रकार चुनें: वेबसाइट खोलें, URL या डीपलिंक, या कस्टम जावास्क्रिप्ट।
3. उस एक्शन के लिए फ़ील्ड भरें (नीचे देखें)।
4. सहेजें पर क्लिक करें।

वेबसाइट खोलें

वेबसाइट खोलें जब उपयोगकर्ता बटन पर टैप करता है तो एक वेब पेज खोलता है। URL में पता दर्ज करें, उदाहरण के लिए https://example.com।

URL या डीपलिंक

URL या डीपलिंक जब उपयोगकर्ता बटन पर टैप करता है तो एक लिंक या डीप लिंक खोलता है। URL में पता दर्ज करें, उदाहरण के लिए एक ऐप स्क्रीन: myapp://screen।

कस्टम जावास्क्रिप्ट चलाएं

कस्टम जावास्क्रिप्ट जब उपयोगकर्ता बटन पर टैप करता है तो कोड चलाता है। onClick फ़ील्ड में कोड दर्ज करें।

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

onClick में उपलब्ध तरीके

• pushwoosh.closeInApp(): इन-ऐप संदेश को बंद करें। टैप के बाद संदेश को खुला रखने के लिए इसे छोड़ दें।
• pushwoosh.sendTags({...}): बाद के अभियानों के लिए मानों को डिवाइस टैग के रूप में सहेजें।
• pushwoosh.postEvent(...): एक कस्टम ईवेंट भेजें, उदाहरण के लिए एक कस्टमर जर्नी शुरू करने के लिए।
• pushwoosh.getTags(...): वर्तमान टैग पढ़ें। कस्टम HTML में संदेश क्या दिखाता है, इसे बदलने के लिए उपयोगी है।
• pushwoosh.getCustomData(): इस इन-ऐप को खोलने वाले पुश से पास किए गए कस्टम डेटा को पढ़ें।

उदाहरण: उपयोगकर्ताओं को एक रुचि चुनने दें और इसे बाद के अभियानों के लिए सहेजें

1. टेक्स्ट या हेडिंग ब्लॉक में एक प्रश्न जोड़ें, उदाहरण के लिए: “आप किस खेल में रुचि रखते हैं?”
2. प्रत्येक विकल्प के लिए एक बटन जोड़ें, उदाहरण के लिए: योग और जिम।

3. प्रत्येक बटन के लिए एक्शन प्रकार को कस्टम जावास्क्रिप्ट पर सेट करें।
4. योग बटन के लिए, इसे onClick में पेस्ट करें:

pushwoosh.sendTags({ interest: "yoga" });
pushwoosh.closeInApp();

5. जिम बटन के लिए, इसे onClick में पेस्ट करें:

pushwoosh.sendTags({ interest: "gym" });
pushwoosh.closeInApp();

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

जावास्क्रिप्ट के साथ इन-ऐप्स कैसे बनाएं, इसके बारे में और जानें

डिवाइडर

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

सेटिंग्स पैनल में लाइन स्टाइल (ठोस, धराशायी, बिंदीदार), रंग, मोटाई, और चौड़ाई को कॉन्फ़िगर करें।

HTML

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

उदाहरण

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

नोट

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

लीड फ़ॉर्म

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

HTML कोड

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
  h2 { font-size: 18px; margin-bottom: 8px; color: #222; }
  p { font-size: 14px; color: #666; margin-bottom: 20px; }
  input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
  }
  button {
    width: 100%;
    padding: 14px;
    background: #FF6B35;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
  .thanks { display: none; text-align: center; padding: 40px 0; font-size: 18px; color: #333; }
</style>
</head>
<body>

<h2>Get your 20% discount</h2>
<p>Leave your name and email. We'll send the promo code right away.</p>

<div id="form">
  <input type="text" id="name" placeholder="Your name" />
  <input type="email" id="email" placeholder="Your email" />
  <button onclick="submit()">Send me the code</button>
</div>

<div class="thanks" id="thanks">
  🎉 Done! Check your inbox for the promo code.
</div>

<script>
function submit() {
  const name = document.getElementById('name').value.trim();
  const email = document.getElementById('email').value.trim();
  if (!name || !email) return;

  pushwoosh.sendTags({ name: name, email: email });
  pushwoosh.postEvent("promo_requested", { email: email });

  document.getElementById('form').style.display = 'none';
  document.getElementById('thanks').style.display = 'block';
  setTimeout(() => pushwoosh.closeInApp(), 3000);
}
</script>

</body>
</html>

सर्वेक्षण

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

HTML कोड

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; text-align: center; }
  h2 { font-size: 18px; margin-bottom: 6px; color: #222; }
  p { font-size: 13px; color: #888; margin-bottom: 20px; }
  .option {
    display: block;
    width: 100%;
    padding: 14px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 2px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
  }
  .option:hover { border-color: #FF6B35; background: #fff5f0; }
  .thanks { display: none; font-size: 17px; padding: 40px 0; color: #333; }
</style>
</head>
<body>

<h2>When do you prefer to work out?</h2>
<p>Help us schedule the best classes for you</p>

<button class="option" onclick="pick('morning')">☀️ Morning (6:00–10:00)</button>
<button class="option" onclick="pick('afternoon')">🌤️ Afternoon (12:00–15:00)</button>
<button class="option" onclick="pick('evening')">🌙 Evening (18:00–21:00)</button>
<button class="option" onclick="pick('weekend')">📅 Weekends only</button>

<div class="thanks" id="thanks">Got it! We'll send you the best schedule 💪</div>

<script>
function pick(time) {
  pushwoosh.sendTags({ preferred_time: time });
  pushwoosh.postEvent("schedule_survey_completed", { time: time });
  document.querySelector('h2').style.display = 'none';
  document.querySelector('p').style.display = 'none';
  document.querySelectorAll('.option').forEach(el => el.style.display = 'none');
  document.getElementById('thanks').style.display = 'block';
  setTimeout(() => pushwoosh.closeInApp(), 2000);
}
</script>

</body>
</html>

वीडियो

यह उदाहरण इन-ऐप संदेश में एक YouTube वीडियो एम्बेड करता है।

HTML कोड

<!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>

मेनू

मेनू ब्लॉक कई क्लिक करने योग्य आइटम को एक पंक्ति या कॉलम में रखता है। इसका उपयोग नेविगेशन बार या कंपनी संपर्कों की सूची के लिए करें।

प्रत्येक मेनू आइटम के लिए, सेट करें:

• लेबल: वह टेक्स्ट जो उपयोगकर्ता देखते हैं
• URL: जहां आइटम खुलता है
• लक्ष्य: समान टैब या एक नया टैब

ब्लॉक सेटिंग्स में, आप यह भी सेट कर सकते हैं:

• दिशा: क्षैतिज या लंबवत
• अलाइनमेंट: बाएँ, केंद्र, या दाएँ
• विभाजक: आइटम के बीच एक वैकल्पिक विभाजक
• फ़ॉन्ट, आकार, वजन, अक्षर रिक्ति, और लिंक/टेक्स्ट रंग

सोशल

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

प्लेटफ़ॉर्म प्रविष्टियाँ जोड़ें, फिर अलाइनमेंट, आइकन आकार, और आइकन के बीच की दूरी सेट करें।

काउंटडाउन टाइमर

टाइमर ब्लॉक इन-ऐप संदेश में एक काउंटडाउन है। इसका उपयोग सीमित समय के ऑफ़र, फ्लैश बिक्री और ईवेंट अनुस्मारक के लिए करें।

इसे सेट करने के लिए:

1. काउंटडाउन में, अंतिम तिथि और अंतिम समय सेट करें, फिर टाइमर लेबल के लिए समय क्षेत्र और भाषा चुनें।
2. अंकों के नीचे “दिन / घंटे / मिनट / सेकंड” कैप्शन दिखाने के लिए लेबल चालू करें, या केवल संख्याओं के लिए बंद करें।
3. उपस्थिति में, पृष्ठभूमि, अंकों का रंग, लेबल का रंग, और अंकों के लिए फ़ॉन्ट आकार (डिफ़ॉल्ट 40px) और लेबल (डिफ़ॉल्ट 16px) सेट करें।
4. आवश्यकतानुसार स्पेसिंग (पैडिंग) समायोजित करें।

कॉलम

कॉलम कैनवास को साइड-बाय-साइड सेक्शन में विभाजित करते हैं ताकि आप सामग्री को एक पंक्ति में एक-दूसरे के बगल में रख सकें।

इनमें से एक ब्लॉक को कैनवास पर खींचें:

• 2 कॉलम: दो बराबर कॉलम
• 3 कॉलम: तीन बराबर कॉलम
• 4 कॉलम: चार बराबर कॉलम
• 33 / 67: बायाँ कॉलम लगभग 33% चौड़ा, दायाँ लगभग 67%
• 67 / 33: बायाँ कॉलम लगभग 67% चौड़ा, दायाँ लगभग 33%

फिर प्रत्येक कॉलम में सामग्री जोड़ें। टेम्पलेट में सभी कॉलम के लिए स्पेसिंग बदलने के लिए, सेटिंग्स → कॉलम डिफ़ॉल्ट खोलें और बाहरी पैडिंग, कॉलम पैडिंग, और कॉलम के बीच की दूरी समायोजित करें।

प्रोडक्ट्स

एक प्रोडक्ट्स ब्लॉक एक साझा टेम्पलेट से प्रोडक्ट कार्ड्स का एक ग्रिड दिखाता है। प्रत्येक कार्ड में एक छवि, शीर्षक, विवरण, मूल्य और एक खरीदें बटन शामिल हो सकता है। टेम्पलेट प्रत्येक प्रोडक्ट के लिए दोहराता है।

सेटिंग्स पैनल में, स्रोत के तहत, चुनें कि प्रोडक्ट्स कहाँ से आते हैं:

• मैनुअल: हाथ से प्रोडक्ट्स दर्ज करें, या अपने प्रोडक्ट कैटलॉग से ID द्वारा विशिष्ट आइटम चुनने के लिए कैटलॉग से चुनें… पर क्लिक करें। आप दोनों को एक ही ब्लॉक में मिला सकते हैं।
• कैटलॉग नियम: श्रेणी और सॉर्ट क्रम के अनुसार स्वचालित रूप से प्रोडक्ट्स खींचें, जब संदेश दिखाया जाता है तो कैटलॉग से ताजा हल किया जाता है।
• कार्ट: प्रत्येक उपयोगकर्ता के वर्तमान छोड़े गए कार्ट से आइटम दिखाएं। एक छोड़े गए कार्ट अभियान को कैसे सेट करें

नोट

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

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

• प्रोडक्ट्स की संख्या (या कार्ट के लिए अधिकतम प्रोडक्ट्स दिखाए गए): कितने कार्ड दिखाने हैं।
• कॉलम: प्रति पंक्ति 1, 2, या 3 कार्ड।
• गैप: कार्ड के बीच की जगह।
• विवरण सीमा: वर्ण सीमा जिस पर विवरण टेक्स्ट को छोटा किया जाता है, ताकि कार्ड एक समान आकार के रहें।
• कार्ड टेम्पलेट: एक लेआउट चुनें, फिर प्रत्येक कार्ड के लिए कार्ड पृष्ठभूमि, कार्ड कॉर्नर रेडियस, और कंटेंट पैडिंग सेट करें।

ब्लॉक्स को सहेजें और पुन: उपयोग करें

एक ब्लॉक को हर बार फिर से बनाने के बजाय इस या अन्य इन-ऐप टेम्पलेट्स में पुन: उपयोग करने के लिए सहेजें।

1. कैनवास पर ब्लॉक का चयन करें।
2. ब्लॉक के टूलबार में बुकमार्क आइकन (पुन: उपयोग के लिए ब्लॉक सहेजें) पर क्लिक करें और इसे एक नाम दें।

सहेजे गए ब्लॉक ब्लॉक्स टैब के नीचे सहेजे गए ब्लॉक्स के तहत दिखाई देते हैं।

• एक सहेजे गए ब्लॉक को कैनवास पर खींचें, या इसे टेम्पलेट के अंत में जोड़ने के लिए क्लिक करें।
• इसे हटाने के लिए एक सहेजे गए ब्लॉक की टाइल पर × पर क्लिक करें।

प्रतियों को सिंक में रखें

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

एक सिंक की गई प्रति कैनवास पर लॉक होती है। आप इसे सीधे संपादित नहीं कर सकते। इसकी सेटिंग्स खोलने के लिए प्रति का चयन करें:

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

नोट

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