Iterable में व्यक्तिगत चित्र कैसे जोड़ें
हर उपयोगकर्ता के लिए एक छवि पर नाम, बुकिंग विवरण या शेष राशि दिखाने के लिए उन हैंडलबार फ़ील्ड्स का उपयोग करें जिन्हें आप पहले से ही Iterable को भेजते हैं।
पहली प्रकाशन तिथि: Iterable में रखे गए अपने डेटा को अपने उपयोगकर्ताओं द्वारा देखी जाने वाली छवियों पर डालें।
Iterable टेम्पलेट्स पहले से ही Handlebars के साथ प्रोफ़ाइल और इवेंट डेटा खींचते हैं। Sendtric व्यक्तिगत चित्र एक कदम और आगे बढ़ें और उन मूल्यों को अपने फ़ॉन्ट्स और लेआउट में एक छवि पर प्रदर्शित करें: उपयोगकर्ता के मार्ग वाला बोर्डिंग-पास शैली का ग्राफ़िक, या उनका नवीनतम बैलेंस दिखाने वाला रिवॉर्ड्स कार्ड। ईमेल खुलने पर यह छवि बन जाती है।
Iterable के ड्रैग और ड्रॉप एडिटर में एक गतिशील छवि इसमें अपने इमेज ब्लॉक पर एक विकल्प होता है जो हैंडलबार वाले URL से इमेज लोड करता है, और इसकी अपनी डॉक्स उन इमेजों को बनाने के लिए बाहरी इमेज सेवाओं की ओर इशारा करती हैं। Sendtric उन सेवाओं में से एक है: आप इमेज डिज़ाइन करते हैं, और उसका URL आपके Iterable फ़ील्ड्स को ले जाता है।
Iterable में व्यक्तिगत चित्र के साथ आप क्या कर सकते हैं
- यात्रा और बुकिंग सारांश: एक बुकिंग इवेंट से प्रस्थान शहर, आगमन शहर और तारीख, एक ही यात्रा ग्राफिक पर दर्शाए गए हैं। देखें छवियों पर व्यक्तिगत पाठ उदाहरणों के लिए।
- ऐप के मील के पत्थर: एक कस्टम प्रोफ़ाइल फ़ील्ड से, उत्सव ईमेल में "आपने 30 वर्कआउट पूरे किए हैं" या "12 पाठ पूरे हुए हैं"।
- वफादारी के बयान: मासिक यात्रा ईमेल में कार्ड की छवि पर अंक, स्तर और सदस्य का नाम।
- वर्ष-अंत सारांश: एक पृष्ठभूमि पर उपयोगकर्ता प्रोफ़ाइल से कई आँकड़े, का एक सामान्य उपयोग वार्षिक समीक्षा ईमेल.
| छवि विशेषता | Free | Micro | Standard | शक्ति और उद्यम |
|---|---|---|---|---|
| प्रत्येक छवि के लिए व्यक्तिगत टेक्स्ट परतें | एक | दो | चार | बीस |
| आपकी अपनी इमेज लेयर्स (लोगो, उत्पाद) | No | No | Yes | Yes |
| एक रंग की पृष्ठभूमि | No | No | Yes | Yes |
| पारदर्शी पृष्ठभूमि | No | No | No | Yes |
Iterable में एक व्यक्तिगत छवि कैसे जोड़ें
चरण 1: छवि डिज़ाइन करें
Sendtric में जाएँ छवि वैयक्तिकरण और क्लिक करें नया बनाएँमीडिया लाइब्रेरी से एक पृष्ठभूमि चुनें, या एक ठोस या पारदर्शी कैनवास चुनें, फिर जोड़ें गतिशील पाठ प्रत्येक मान के लिए परतें। टेक्स्ट बॉक्स का आकार उस सबसे लंबे मान के अनुसार सेट करें जिसकी आप अपेक्षा करते हैं, क्योंकि टेक्स्ट रैप होता है लेकिन छोटा नहीं होता।
चरण 2: प्रत्येक परत के लिए Iterable फ़ील्ड दर्ज करें
प्रत्येक डायनामिक टेक्स्ट लेयर के लिए, वेरिएबल को स्मॉललेटर्स में दें। चर का नाम और Iterable Handlebars अभिव्यक्ति डालें ईएसपी मर्ज टैग, जैसे {{firstName}}. फ़ील्ड्स आपके प्रोजेक्ट के लिए विशिष्ट होती हैं, इसलिए उपयोगकर्ता प्रोफ़ाइल पर दिखाई देने वाले सटीक नामों का ही उपयोग करें, उदाहरण के लिए नेस्टेड फ़ील्ड्स के लिए डॉट नोटेशन सहित {{address.city}} यदि आपका शहर एक पते वस्तु के भीतर स्थित है। जोड़ें बैकअपपाठ बिना मान वाले उपयोगकर्ताओं के लिए।
चरण 3: कोड सहेजें और कॉपी करें
बचाएँ छवि। कोड बॉक्स पहली बार सहेजने के बाद दिखाई देता है, जिसमें प्रत्येक चर को छवि URL में जोड़ा जाता है और इसे आपके Iterable अभिव्यक्ति से भरा जाता है। संरेखण चुनें और क्लिक करें। कोड कॉपी करें.
चरण 4: इसे एक HTML ब्लॉक में पेस्ट करें
अपना Iterable टेम्पलेट खोलें और क्लिक करें डिज़ाइन संपादित करें. ड्रैग और ड्रॉप संपादक में, एक को खींचें एचटीएमएल से ब्लॉक सामग्री उचित स्थान पर टैब करें, उसे चुनें और कोड को HTML संपादक में पेस्ट करें। WYSIWYG या साइड-बाय-साइड संपादक में, कोड को स्रोत में पेस्ट करें।
चरण 5: वास्तविक उपयोगकर्ताओं के साथ पूर्वावलोकन करें
क्लिक करें पूर्वावलोकन, उपयोगकर्ता का ईमेल (या userId) दर्ज करें और क्लिक करें उपयोगकर्ता डेटा लोड करें उनके मानों के साथ छवि देखें। एक लंबे नाम वाले उपयोगकर्ता और एक खाली फ़ील्ड वाले उपयोगकर्ता को आज़माएँ। फिर एक प्रूफ़ भेजें। अपने लिए, जो आपके अपने प्रोफ़ाइल से फ़ील्ड भरता है।
HTML के बजाय इमेज ब्लॉक का उपयोग
यदि आप एक इमेज ब्लॉक रखना पसंद करते हैं, तो केवल उसके अंदर का पता कॉपी करें। src Sendtric के कोड से, एक खींचें छवि ब्लॉक, चालू करें गतिशील छवि और पता में पेस्ट करें गतिशील यूआरएलयदि ब्लॉक खाली दिख रहा है तो डिज़ाइन करते समय इसे चेक-इन करें। पूर्वावलोकन उपयोगकर्ता का डेटा लोड होने के साथ।
Iterable या Sendtric में फॉलबैक
आप Sendtric के बैकअप Text को खाली मानों को संभालने दे सकते हैं, या टैग के अंदर Iterable की हेल्पर का उपयोग कर सकते हैं, जैसे {{defaultIfEmpty firstName 'there'}}डिफ़ॉल्ट के लिए सिंगल कोट्स का उपयोग करें, क्योंकि यह अभिव्यक्ति इमेज के डबल-कोटेड एड्रेस के अंदर होती है। यदि Iterable कोई डिफ़ॉल्ट प्रदान करता है, तो Sendtric का बैकअप कभी नहीं दिखता।
दोहराने योग्य व्यक्तिगत चित्र अक्सर पूछे जाने वाले प्रश्न
क्या मैं केवल प्रोफ़ाइल फ़ील्ड्स ही नहीं, बल्कि इवेंट डेटा भी उपयोग कर सकता हूँ?
हाँ। कोई भी Handlebars वैल्यू Iterable जिसे ईमेल रेंडर करते समय रिज़ॉल्व किया जा सकता है, वह एक लेयर में जा सकता है, जिसमें उस इवेंट के फ़ील्ड्स भी शामिल हैं जिसने जर्नी या कैंपेन को ट्रिगर किया था। Iterable की डॉक्स में उल्लेख है कि किसी इवेंट फ़ील्ड का नाम प्रोफ़ाइल फ़ील्ड के नाम के समान होने पर उसे प्राथमिकता दी जाती है, और {{profile.fieldName}} प्रोफ़ाइल मान को स्पष्ट रूप से पढ़ता है।
यदि किसी मान में रिक्त स्थान या विशेष अक्षर हों तो क्या होगा?
यदि कोई फ़ील्ड रिक्त स्थान या जैसे वर्ण शामिल कर सकती है & या #, इसे Iterable के अंदर लपेटें urlEncode ब्लॉक हेल्पर, उदाहरण के लिए {{#urlEncode}}{{city}}{{/urlEncode}}, इसलिए छवि का पता बरकरार रहता है। फिर पूर्वावलोकन में परिणाम देखें।
खाली फ़ील्ड वाले उपयोगकर्ता क्या देखते हैं?
बैकअप Text सेट होने पर वे केवल बैकअप ही देखते हैं, इसलिए इसे पूरे वाक्यांश के रूप में लिखें। इसके बिना, पूरी लेयर छिपी रहती है, जिसमें वेरिएबल के आसपास के कोई भी शब्द शामिल हैं।
क्या मैं भेजने के बाद छवि अपडेट कर सकता हूँ?
हाँ। Sendtric में सेव करने पर अगली बार खुलने पर प्रत्येक भेजे गए ईमेल में छवि बदल जाती है। रेंडर किए गए संस्करण प्रत्येक मानों के संयोजन के लिए लगभग एक घंटे तक कैश किए जाते हैं, और सेव करने पर वह कैश साफ़ हो जाता है।
क्या प्रीव्यू मेरे दृश्य में गिने जाते हैं?
Sendtric संपादक में पूर्वावलोकन काम नहीं करते। छवि का प्रत्येक वास्तविक लोड काम करता है, जिसमें Iterable प्रूफ़्स भी शामिल हैं जिन्हें आप खोलते और दोबारा खोलते हैं।
यह मार्गदर्शिका Sendtric के एक भाग को कवर करती है। ईमेल वैयक्तिकरण प्लेटफ़ॉर्म। प्रत्येक के लिए व्यक्तिगत चित्र विकल्प और उदाहरण के लिए, मुख्य पृष्ठ देखें।
अधिक इटेरेबल गाइड्स
- काउंटडाउन टाइमर - Iterable में काउंटडाउन टाइमर कैसे जोड़ें
- काउंटडाउन टाइमर - Iterable में डायनामिक टाइमर जोड़ें
- लाइव पोल - Iterable में लाइव पोल कैसे जोड़ें
- नियम-आधारित छवियाँ - Iterable में नियम-आधारित छवियाँ कैसे जोड़ें
- गतिशील मौसम - Iterable में गतिशील मौसम कैसे जोड़ें
- महत्वपूर्ण अलर्ट - Iterable में महत्वपूर्ण अलर्ट कैसे जोड़ें
- सामाजिक प्रमाण काउंटर - Iterable में सामाजिक प्रमाण काउंटर कैसे जोड़ें
किसी दूसरे प्लेटफ़ॉर्म का उपयोग कर रहे हैं? देखें सभी Sendtric एकीकरण.
