বিল্ট-ইন এডিটরে ইন-অ্যাপ মেসেজ তৈরি করুন

Pushwoosh বিল্ট-ইন এডিটরে কোড না লিখে একটি ইন-অ্যাপ মেসেজ টেমপ্লেট তৈরি করুন। আপনি কন্টেন্ট ব্লক, ছবি, বোতাম এবং ব্যক্তিগতকৃত টেক্সট সহ একটি পুনঃব্যবহারযোগ্য লেআউট পাবেন যা আপনি একটি Customer Journey-তে, এককালীন ইন-অ্যাপ হিসেবে বা একটি পুশ থেকে দেখাতে পারেন।

নোট

শুরু করার আগে, Pushwoosh SDK ইন্টিগ্রেট করুন যাতে আপনার অ্যাপে ইন-অ্যাপ মেসেজ দেখা যায়। আরও জানুন

একটি নতুন ইন-অ্যাপ টেমপ্লেট তৈরি করুন

একটি ইন-অ্যাপ টেমপ্লেট হল একটি পুনঃব্যবহারযোগ্য ডিজাইন যা আপনি একবার তৈরি করেন এবং তারপর ক্যাম্পেইনে ব্যবহারকারীদের দেখান। আপনি বিল্ট-ইন এডিটরে একটি তৈরি করতে পারেন, একটি কাস্টম HTML ZIP আপলোড করতে পারেন, অথবা একটি নেটিভ রিচ মিডিয়া টেমপ্লেট তৈরি করতে পারেন। এই নিবন্ধটি বিল্ট-ইন এডিটরে স্ক্র্যাচ থেকে একটি টেমপ্লেট তৈরি করার বিষয়ে আলোচনা করে। একটি বিদ্যমান টেমপ্লেট কাস্টমাইজ করতে একই পদক্ষেপ অনুসরণ করুন।

1. Content → In-apps-এ যান।
2. Create in-app-এ ক্লিক করুন।

3. একটি টেমপ্লেটের নাম লিখুন।
4. টেমপ্লেটটি কীভাবে তৈরি করবেন তা বেছে নিন:
   • Create new template: বিল্ট-ইন এডিটরে একটি টেমপ্লেট তৈরি করুন।
   • Upload ZIP: আপনার HTML ইন-অ্যাপ মেসেজ সহ একটি ZIP ফাইল আপলোড করুন।
   • Create native rich media: একটি SDK-রেন্ডার করা নেটিভ ইন-অ্যাপ তৈরি করুন। আরও জানুন
5. Create new template নির্বাচন করুন।
6. Create in-app-এ ক্লিক করুন।

এডিটর লেআউটটি অন্বেষণ করুন

বিল্ট-ইন এডিটরের চারটি এলাকা রয়েছে। প্রত্যেকটির একটি স্পষ্ট কাজ আছে।

টপ বার

টপ বার হল যেখানে আপনি টেমপ্লেটটিকে সামগ্রিকভাবে পরিচালনা করেন: এর নাম, আনডু হিস্ট্রি, সেভ স্ট্যাটাস, ডিভাইসে এটি কেমন দেখায় (In-app settings), ভাষা (Auto-translate এবং ভাষা সুইচার), ফোন বা ডেস্কটপ প্রিভিউ প্রস্থ, এবং একটি কন্টেন্ট স্ক্যান (Check)। দেখুন ডিভাইসে ইন-অ্যাপ কেমন দেখাবে তা কনফিগার করুন, টেমপ্লেটটি স্থানীয়করণ করুন, এবং সেভ করার আগে আপনার কন্টেন্ট পরীক্ষা করুন।

আরও অ্যাকশনের জন্য টপ বারে ⋮ মেনু খুলুন:

প্রিভিউ

Preview আপনাকে মেসেজটি সেভ করার আগে চেষ্টা করতে দেয়: বোতামে ট্যাপ করুন, মাল্টি-স্ক্রিন ফ্লো দিয়ে যান, এবং ফোন বা ডেস্কটপে লেআউট পরীক্ষা করুন।

প্রিভিউতে যা কাজ করে:

• বোতাম এবং মাল্টি-স্ক্রিন ফ্লো বাস্তবে চলে।
• লিঙ্ক এবং ডিপ লিঙ্ক রিপোর্ট করা হয়, খোলা হয় না।
• SDK কল এবং ওপেন/ক্লিক পরিসংখ্যান বন্ধ থাকে।
• ভাষাটি ভাষা সুইচারের সাথে মেলে। মার্জ ট্যাগগুলি প্লেসহোল্ডার হিসাবে থাকে।

প্রিভিউ হেডারে, ফোন এবং ডেস্কটপের মধ্যে স্যুইচ করে উভয় লেআউট দেখুন। মেসেজটি আবার শুরু থেকে দেখাতে Restart-এ ক্লিক করুন। প্রিভিউ থেকে বের হতে, Esc চাপুন বা প্যানেলের বাইরে ক্লিক করুন।

ব্র্যান্ড বুক

• Brand book: আপনার অ্যাকাউন্টের ব্র্যান্ড বুক খুলুন।
• Apply brand book styles: আপনার ব্র্যান্ড বুকের সাথে মেলাতে টেমপ্লেটটি পুনরায় স্টাইল করুন (একবার আপনি একটি সেট আপ করার পরে)।
• Reset custom styles: টেমপ্লেটের উপর স্টাইল ওভাররাইডগুলি সরিয়ে দিন এবং ডিফল্টে ফিরে যান।

Download .zip

Download .zip টেমপ্লেটটিকে একটি ZIP ফাইল হিসাবে সেভ করে। এটি সর্বশেষ সেভ করা সংস্করণটি ডাউনলোড করে, তাই প্রথমে আপনার পরিবর্তনগুলি সেভ করুন। মেনু আইটেমটি কেবল টেমপ্লেটটি কমপক্ষে একবার সেভ করার পরেই উপস্থিত হয় — নতুন, সেভ না করা টেমপ্লেটগুলিতে এটি দেখায় না।

ক্যানভাস

ক্যানভাসে মেসেজটি সম্পাদনা করুন: টেক্সট, ছবি এবং বোতামগুলিতে ক্লিক করে সেগুলি পরিবর্তন করুন। প্রতিটি প্রস্থে লেআউটটি কেমন দেখায় তা পরীক্ষা করতে টপ বারে ফোন/ডেস্কটপ টগল ব্যবহার করুন। টগলটি কেবল প্রিভিউ পরিবর্তন করে, লেআউটটি নিজে নয়।

লেয়ার

লেয়ার প্যানেলটি আপনার টেমপ্লেটের প্রতিটি ব্লককে একটি ট্রি হিসাবে তালিকাভুক্ত করে, ক্যানভাসের মতো একই ক্রমে। একটি নেস্টেড ব্লক (উদাহরণস্বরূপ, একটি গ্রুপের ভিতরের একটি বোতাম) নির্বাচন করতে বা কন্টেন্ট পুনরায় সাজাতে সারিগুলি টেনে আনতে বাম প্রান্ত থেকে এটি খুলুন।

ডান প্যানেল

তিনটি ট্যাবের মধ্যে স্যুইচ করুন:

• Blocks: মেসেজে কন্টেন্ট যোগ করুন। দেখুন ইন-অ্যাপ এডিটর ব্লক রেফারেন্স।
• Settings: একবারে পুরো টেমপ্লেটে স্টাইলিং প্রয়োগ করুন। দেখুন ইন-অ্যাপ টেমপ্লেট সেটিংস কনফিগার করুন।
• AI: একটি প্রম্পট থেকে কন্টেন্ট তৈরি বা সম্পাদনা করতে AI সহকারীর সাথে চ্যাট করুন।

কন্টেন্ট ব্লক যোগ করুন

1. ডান প্যানেলে Blocks ট্যাবটি খুলুন।
2. ক্যানভাসে একটি ব্লক টেনে আনুন, অথবা টেমপ্লেটের শেষে এটি যোগ করতে একটি ব্লকে ক্লিক করুন।
3. লেআউট প্রস্তুত না হওয়া পর্যন্ত ব্লক যোগ করতে থাকুন।

প্রতিটি ব্লক টাইপ মেসেজে একটি ভিন্ন উদ্দেশ্য পূরণ করে:

• হেডিং: শিরোনাম এবং ছোট হেডলাইন
• টেক্সট: বডি কপি এবং দীর্ঘ বিবরণ
• বোতাম: একটি ট্যাপযোগ্য কল টু অ্যাকশন
• ছবি: মিডিয়া স্টোর, আপলোড, বা URL থেকে ছবি
• ভিডিও: একটি ট্যাপযোগ্য ভিডিও থাম্বনেইল যা একটি YouTube বা Vimeo ভিডিও খোলে
• কার্ড: একটি লেআউটে হেডিং, টেক্সট এবং বোতাম সহ একটি ছবি
• ডিভাইডার: একটি লাইন যা বিভাগগুলিকে আলাদা করে
• কলাম: পাশাপাশি লেআউট (২, ৩, বা ৪টি সমান কলাম, অথবা ৩৩/৬৭ এবং ৬৭/৩৩ বিভাজন)
• টাইমার: অফার এবং সময়সীমার জন্য একটি কাউন্টডাউন
• মেনু: নেভিগেশন বা যোগাযোগের লিঙ্কগুলির একটি সারি বা কলাম
• সোশ্যাল: আপনার সোশ্যাল প্রোফাইলে লিঙ্ক করা আইকন
• HTML: কাস্টম HTML, যেমন একটি ফর্ম, সমীক্ষা, বা এমবেডেড ভিডিও
• প্রোডাক্ট: আপনার প্রোডাক্ট ক্যাটালগ বা একজন ব্যবহারকারীর পরিত্যক্ত কার্ট থেকে প্রোডাক্ট কার্ডের একটি গ্রিড

প্রতিটি ব্লকের সেটিংসের জন্য ইন-অ্যাপ এডিটর ব্লক রেফারেন্স এবং কীভাবে ব্লকগুলি সেভ এবং পুনরায় ব্যবহার করবেন দেখুন।

নির্দিষ্ট ব্যবহারকারীদের ব্লক দেখান

প্রত্যেক ব্যবহারকারীকে একই ব্লক দেখার প্রয়োজন নেই। একটি ব্লকে একটি ডিসপ্লে কন্ডিশন সেট করুন যাতে এটি ব্যবহারকারীর ট্যাগ এর উপর ভিত্তি করে দেখায় বা লুকিয়ে রাখে। আপনি এখনও একটি টেমপ্লেট পাঠান, কিন্তু প্রত্যেক ব্যক্তি কেবল সেই অংশগুলি দেখতে পায় যা তাদের জন্য প্রযোজ্য।

ক্যানভাসে ব্লকটি নির্বাচন করুন, ডান প্যানেলে Display condition খুলুন, এবং Show this block conditionally চালু করুন। আরও জানুন

টেমপ্লেটটি স্থানীয়করণ করুন

একটি বহু-ভাষার টেমপ্লেট একটি ইন-অ্যাপ ডিজাইনে প্রতিটি ভাষার জন্য স্থানীয়কৃত কপি সংরক্ষণ করে। চ্যানেল জুড়ে বহু-ভাষার মেসেজিং কীভাবে কাজ করে তার জন্য, দেখুন বহু-ভাষার মেসেজিং।

নোট

এখানকার ভাষা নির্বাচকটি কেবল সেই প্ল্যাটফর্মের ডিভাইসগুলি গণনা করে যা ইন-অ্যাপ কন্টেন্ট রেন্ডার করে। ব্যবহারকারী-স্তরের ট্যাগগুলির মাধ্যমে সেট করা ভাষার মানগুলি কোনও ডিভাইস প্ল্যাটফর্মের সাথে বাঁধা নয়, তাই সেগুলি এখানে দেখায় না।

বহু-ভাষার কন্টেন্ট সেট আপ করতে:

1. ভাষা তালিকা খুলতে টপ বারে ভাষা সুইচারে ক্লিক করুন।
2. আপনি যে ভাষাগুলি যোগ করতে চান তা নির্বাচন করুন, তারপর Apply-এ ক্লিক করুন।
3. ভাষাগুলির মধ্যে সরানোর জন্য ভাষা সুইচার ব্যবহার করুন এবং নির্বাচিত ভাষার জন্য প্রতিটি ব্লকের কন্টেন্ট সম্পাদনা করুন।
4. অনুপস্থিত অনুবাদগুলি স্বয়ংক্রিয়ভাবে পূরণ করতে Auto-translate-এ ক্লিক করুন — সেভ করার আগে AI-জেনারেটেড টেক্সট পর্যালোচনা করুন।

নোট

আপনি যে কোনও ব্লক যোগ করেন তা প্রতিটি ভাষার জন্য একই কন্টেন্ট সহ উপস্থিত হয়। আপনার টেমপ্লেটে ব্যবহৃত প্রতিটি ভাষার জন্য নতুন টেক্সট এবং বোতাম লেবেল অনুবাদ করতে ভুলবেন না।

টেমপ্লেট সেটিংস কনফিগার করুন

মেসেজটি স্টাইল এবং স্থাপন করতে দুটি জায়গা ব্যবহার করুন:

• Settings ট্যাব (ডান প্যানেল): ডকুমেন্টের আকার, রঙ, টাইপোগ্রাফি, এবং ব্লকগুলির জন্য ডিফল্ট স্টাইল।
• In-app settings (টপ বার): স্ক্রিনে অবস্থান, অ্যানিমেশন, এবং ক্লোজ বোতাম।

আরও জানুন

সেভ করার আগে আপনার কন্টেন্ট পরীক্ষা করুন

সাধারণ সমস্যাগুলির জন্য টেমপ্লেটটি স্ক্যান করতে টপ বারে Check-এ ক্লিক করে Smart check খুলুন।

স্মার্ট চেক যা দেখে:

• বোতাম, মেনু আইটেম, এবং ইমেজ লিঙ্ক যেখানে URL নেই, অথবা এমন URL আছে যা http(s), mailto:, tel:, বা ডিপ লিঙ্ক (উদাহরণস্বরূপ myapp://promo) ঠিকানা নয়
• অসমাপ্ত AI প্লেসহোল্ডার ব্লক
• খালি ছবি বা ভিডিও স্লট এবং অনুপস্থিত alt টেক্সট
• অনুপস্থিত বা অবৈধ লিঙ্ক সহ প্রোডাক্ট কার্ড
• টেক্সট কনট্রাস্ট যা WCAG AA পূরণ করে না
• অ-অনূদিত কন্টেন্ট
• একটি কাউন্টডাউন টাইমার যার শেষ তারিখ ইতিমধ্যে পার হয়ে গেছে
• একটি ডিসপ্লে কন্ডিশন যেখানে একটি ভাঙা বা খালি নিয়ম আছে, একটি শাখা যা তার চেইন করা ব্লকটি হারিয়েছে, অথবা একটি কন্ডিশন যা প্রয়োগ হবে না কারণ অ্যাকাউন্টের জন্য ডাইনামিক কন্টেন্ট নিষ্ক্রিয় করা আছে

ক্যানভাসে প্রভাবিত উপাদানে সরাসরি যেতে একটি অনুসন্ধানে ক্লিক করুন। যদি কিছু ভুল না থাকে, প্যানেলটি দেখাবে All checks passed — the content looks ready to save.

টেমপ্লেটটি সেভ করুন

আপনার পরিবর্তনগুলি সেভ করতে টপ বারে Save-এ ক্লিক করুন। আপনার সম্পাদনাগুলির মধ্যে পিছনে এবং সামনে যেতে টপ বারে Undo/Redo ব্যবহার করুন।

নোট

সেভ করলে আপনার ইন-অ্যাপ টেমপ্লেটটি Content → In-apps-এ সংরক্ষিত হয়। সেখান থেকে আপনি টেমপ্লেটগুলি প্রিভিউ, সম্পাদনা এবং পরিচালনা করতে পারেন। আরও জানুন