বিল্ট-ইন এডিটরে ইন-অ্যাপ মেসেজ তৈরি করুন
Pushwoosh বিল্ট-ইন এডিটরে কোড না লিখে একটি ইন-অ্যাপ মেসেজ টেমপ্লেট তৈরি করুন। আপনি কন্টেন্ট ব্লক, ছবি, বোতাম এবং ব্যক্তিগতকৃত টেক্সট সহ একটি পুনঃব্যবহারযোগ্য লেআউট পাবেন যা আপনি একটি Customer Journey-তে, এককালীন ইন-অ্যাপ হিসেবে, বা একটি পুশ থেকে দেখাতে পারেন।
একটি নতুন ইন-অ্যাপ টেমপ্লেট তৈরি করুন
Anchor link toএকটি ইন-অ্যাপ টেমপ্লেট হলো একটি পুনঃব্যবহারযোগ্য ডিজাইন যা আপনি একবার তৈরি করেন এবং তারপর ক্যাম্পেইনে ব্যবহারকারীদের দেখান। আপনি বিল্ট-ইন এডিটরে একটি তৈরি করতে পারেন, একটি কাস্টম HTML ZIP আপলোড করতে পারেন, অথবা একটি নেটিভ রিচ মিডিয়া টেমপ্লেট তৈরি করতে পারেন। এই নিবন্ধটি বিল্ট-ইন এডিটরে স্ক্র্যাচ থেকে একটি টেমপ্লেট তৈরি করার পদ্ধতি বর্ণনা করে। একটি বিদ্যমান টেমপ্লেট কাস্টমাইজ করতে একই পদক্ষেপ অনুসরণ করুন।
- কন্টেন্ট → ইন-অ্যাপস-এ যান।
- ইন-অ্যাপ তৈরি করুন-এ ক্লিক করুন।
- একটি টেমপ্লেটের নাম লিখুন।
- টেমপ্লেটটি কীভাবে তৈরি করবেন তা বেছে নিন:
- নতুন টেমপ্লেট তৈরি করুন: বিল্ট-ইন এডিটরে একটি টেমপ্লেট তৈরি করুন।
- ZIP আপলোড করুন: আপনার HTML ইন-অ্যাপ মেসেজ সহ একটি ZIP ফাইল আপলোড করুন।
- নেটিভ রিচ মিডিয়া তৈরি করুন: একটি SDK-রেন্ডার করা নেটিভ ইন-অ্যাপ তৈরি করুন। আরও জানুন
- নতুন টেমপ্লেট তৈরি করুন নির্বাচন করুন।
- ইন-অ্যাপ তৈরি করুন-এ ক্লিক করুন।
এডিটর লেআউট অন্বেষণ করুন
Anchor link toবিল্ট-ইন এডিটরের চারটি এলাকা আছে। প্রত্যেকটির একটি স্পষ্ট কাজ আছে।
টপ বার
Anchor link toটপ বার হলো যেখানে আপনি টেমপ্লেটটি সামগ্রিকভাবে পরিচালনা করেন: এর নাম, আনডু হিস্ট্রি, সেভ স্ট্যাটাস, ডিভাইসে এটি কেমন দেখায় (ইন-অ্যাপ সেটিংস), ভাষা (অটো-ট্রান্সলেট এবং ভাষা সুইচার), ফোন বা ডেস্কটপ প্রিভিউ প্রস্থ (ফোনে 360, 390, 393, বা 430 px পাওয়া যায়, যা সাধারণ ডিভাইসের প্রস্থের সাথে মেলে), এবং একটি লাইট/ডার্ক ক্যানভাস টগল (সূর্য/চাঁদ আইকন)। দেখুন ডিভাইসে ইন-অ্যাপ কেমন দেখাবে তা কনফিগার করুন এবং টেমপ্লেটটি স্থানীয়করণ করুন।
আরও অ্যাকশনের জন্য টপ বারে ⋮ মেনুটি খুলুন:
প্রিভিউ
Anchor link toপ্রিভিউ আপনাকে মেসেজটি সেভ করার আগে চেষ্টা করার সুযোগ দেয়: বোতাম ট্যাপ করুন, মাল্টি-স্ক্রিন ফ্লো দিয়ে যান, এবং ফোন বা ডেস্কটপে লেআউট পরীক্ষা করুন।
প্রিভিউতে যা কাজ করে:
- বোতাম এবং মাল্টি-স্ক্রিন ফ্লো বাস্তবে চলে।
- লিঙ্ক এবং ডিপ লিঙ্ক রিপোর্ট করা হয়, খোলা হয় না।
- SDK কল এবং ওপেন/ক্লিক পরিসংখ্যান বন্ধ থাকে।
- ভাষা সুইচারের সাথে ভাষা মিলে যায়। মার্জ ট্যাগ প্লেসহোল্ডার হিসেবে থাকে।
প্রিভিউ হেডারে, ফোন এবং ডেস্কটপের মধ্যে, এবং লাইট ও ডার্কের মধ্যে স্যুইচ করে সমস্ত ফলাফল লেআউট দেখুন। মেসেজটি আবার শুরু থেকে দেখানোর জন্য রিস্টার্ট-এ ক্লিক করুন। প্রিভিউ থেকে বের হতে, Esc চাপুন বা প্যানেলের বাইরে ক্লিক করুন।
চেক স্মার্ট চেক খোলে এবং সাধারণ সমস্যাগুলির জন্য টেমপ্লেটটি স্ক্যান করে।
স্মার্ট চেক যা যা খোঁজে:
- URL ছাড়া বোতাম, মেনু আইটেম, এবং ছবির লিঙ্ক, অথবা এমন URL যা http(s),
mailto:,tel:, বা ডিপ লিঙ্ক (উদাহরণস্বরূপmyapp://promo) ঠিকানা নয় - অসমাপ্ত AI প্লেসহোল্ডার ব্লক
- খালি ছবি বা ভিডিও স্লট এবং অনুপস্থিত alt টেক্সট
- অনুপস্থিত বা অবৈধ লিঙ্ক সহ প্রোডাক্ট কার্ড
- টেক্সট কনট্রাস্ট যা WCAG AA পূরণ করে না
- অনূদিত না হওয়া কন্টেন্ট
- একটি কাউন্টডাউন টাইমার যার শেষ তারিখ ইতিমধ্যে পেরিয়ে গেছে
- একটি ভাঙা বা খালি নিয়ম সহ একটি ডিসপ্লে কন্ডিশন, একটি শাখা যা তার চেইনের ব্লকটি হারিয়েছে, অথবা এমন একটি শর্ত যা প্রযোজ্য হবে না কারণ অ্যাকাউন্টের জন্য ডায়নামিক কন্টেন্ট নিষ্ক্রিয় করা আছে
ক্যানভাসে প্রভাবিত উপাদানে সরাসরি যেতে একটি ফাইন্ডিং-এ ক্লিক করুন। যদি কিছু ভুল না থাকে, প্যানেলটি দেখায় সমস্ত চেক পাস হয়েছে — কন্টেন্ট সেভ করার জন্য প্রস্তুত দেখাচ্ছে।
ব্র্যান্ড বুক
Anchor link to- ব্র্যান্ড বুক: আপনার অ্যাকাউন্টের ব্র্যান্ড বুক খুলুন।
- ব্র্যান্ড বুক স্টাইল প্রয়োগ করুন: আপনার ব্র্যান্ড বুকের সাথে মেলানোর জন্য টেমপ্লেটটি পুনরায় স্টাইল করুন (একবার আপনি এটি সেট আপ করার পরে)।
- কাস্টম স্টাইল রিসেট করুন: টেমপ্লেটের উপর থেকে স্টাইল ওভাররাইডগুলি সরিয়ে ডিফল্টে ফিরে যান।
.zip ডাউনলোড করুন
Anchor link to.zip ডাউনলোড করুন টেমপ্লেটটিকে একটি ZIP ফাইল হিসেবে সেভ করে। এটি সর্বশেষ সেভ করা সংস্করণটি ডাউনলোড করে, তাই প্রথমে আপনার পরিবর্তনগুলি সেভ করুন। মেনু আইটেমটি কেবল টেমপ্লেটটি অন্তত একবার সেভ করার পরেই প্রদর্শিত হয় — নতুন, সেভ না করা টেমপ্লেটগুলিতে এটি দেখায় না।
ক্যানভাস
Anchor link toক্যানভাসে মেসেজটি সম্পাদনা করুন: টেক্সট, ছবি এবং বোতামগুলিতে ক্লিক করে সেগুলি পরিবর্তন করুন। প্রতিটি প্রস্থে লেআউটটি কেমন দেখায় তা পরীক্ষা করতে টপ বারে ফোন/ডেস্কটপ টগলটি ব্যবহার করুন। টগলটি কেবল প্রিভিউ পরিবর্তন করে, লেআউটটি নিজে পরিবর্তন করে না।
টপ বারে সূর্য/চাঁদ আইকন ব্যবহার করে ক্যানভাস সম্পাদনা চালিয়ে যান যখন এটি লাইট বা ডার্ক মোডে রেন্ডার হচ্ছে। এটি এমনকি একটি ডার্ক মোড ভ্যারিয়েন্ট সেট আপ না থাকলেও কাজ করে — ডার্ক রঙগুলি স্বয়ংক্রিয়ভাবে তৈরি হয় যতক্ষণ না আপনি নিজের রঙ সেট করেন। এটি একটি লাইভ এডিটিং ভিউ, শুধুমাত্র পঠনযোগ্য প্রিভিউ প্যানেল নয়।
লেয়ারস
Anchor link toলেয়ারস প্যানেলটি আপনার টেমপ্লেটের প্রতিটি ব্লককে একটি ট্রি হিসেবে তালিকাভুক্ত করে, ক্যানভাসের মতো একই ক্রমে। একটি নেস্টেড ব্লক (উদাহরণস্বরূপ, একটি গ্রুপের ভিতরের একটি বোতাম) নির্বাচন করতে বা কন্টেন্ট পুনরায় সাজানোর জন্য সারিগুলি টেনে আনতে বাম প্রান্ত থেকে এটি খুলুন।
ডান প্যানেল
Anchor link toতিনটি ট্যাবের মধ্যে স্যুইচ করুন:
- ব্লকস: মেসেজে কন্টেন্ট যোগ করুন। দেখুন ইন-অ্যাপ এডিটর ব্লকস রেফারেন্স।
- সেটিংস: পুরো টেমপ্লেটে একবারে স্টাইলিং প্রয়োগ করুন। দেখুন ইন-অ্যাপ টেমপ্লেট সেটিংস কনফিগার করুন।
- AI: একটি প্রম্পট থেকে কন্টেন্ট তৈরি বা সম্পাদনা করতে AI সহকারীর সাথে চ্যাট করুন।
কন্টেন্ট ব্লক যোগ করুন
Anchor link to- ডান প্যানেলে ব্লকস ট্যাবটি খুলুন।
- ক্যানভাসে একটি ব্লক টেনে আনুন, অথবা টেমপ্লেটের শেষে এটি যোগ করতে একটি ব্লকে ক্লিক করুন।
- লেআউট প্রস্তুত না হওয়া পর্যন্ত ব্লক যোগ করতে থাকুন।
মেসেজে প্রতিটি ব্লকের ধরন একটি ভিন্ন উদ্দেশ্য পূরণ করে:
- হেডিং: শিরোনাম এবং ছোট হেডলাইন
- টেক্সট: বডি কপি এবং দীর্ঘ বিবরণ
- বোতাম: একটি ট্যাপযোগ্য কল টু অ্যাকশন
- ছবি: মিডিয়া স্টোর, আপলোড, বা URL থেকে ছবি
- ভিডিও: একটি ট্যাপযোগ্য ভিডিও থাম্বনেইল যা একটি YouTube বা Vimeo ভিডিও খোলে
- কার্ড: একটি লেআউটে হেডিং, টেক্সট এবং বোতাম সহ একটি ছবি
- ডিভাইডার: একটি লাইন যা বিভাগগুলিকে আলাদা করে
- কলাম: পাশাপাশি লেআউট (২, ৩, বা ৪টি সমান কলাম, অথবা ৩৩/৬৭ এবং ৬৭/৩৩ বিভাজন)
- টাইমার: অফার এবং সময়সীমার জন্য একটি কাউন্টডাউন
- মেনু: নেভিগেশন বা যোগাযোগের লিঙ্কগুলির একটি সারি বা কলাম
- সোশ্যাল: আপনার সোশ্যাল প্রোফাইলগুলিতে লিঙ্ক করা আইকন
- HTML: কাস্টম HTML, যেমন একটি ফর্ম, সমীক্ষা, বা এমবেডেড ভিডিও
- প্রোডাক্টস: আপনার প্রোডাক্ট ক্যাটালগ বা একজন ব্যবহারকারীর পরিত্যক্ত কার্ট থেকে প্রোডাক্ট কার্ডের একটি গ্রিড
প্রতিটি ব্লকের সেটিংসের জন্য ইন-অ্যাপ এডিটর ব্লকস রেফারেন্স এবং কীভাবে ব্লকগুলি সেভ এবং পুনরায় ব্যবহার করবেন দেখুন।
নির্দিষ্ট ব্যবহারকারীদের ব্লক দেখান
Anchor link toপ্রত্যেক ব্যবহারকারীকে একই ব্লক দেখার প্রয়োজন নেই। একটি ব্লকে একটি ডিসপ্লে কন্ডিশন সেট করুন যাতে এটি ব্যবহারকারীর ট্যাগ এর উপর ভিত্তি করে দেখায় বা লুকায়। আপনি এখনও একটি টেমপ্লেট পাঠান, কিন্তু প্রত্যেক ব্যক্তি কেবল তাদের জন্য প্রযোজ্য অংশগুলি দেখে।
ক্যানভাসে ব্লকটি নির্বাচন করুন, ডান প্যানেলে ডিসপ্লে কন্ডিশন খুলুন, এবং এই ব্লকটি শর্তসাপেক্ষে দেখান চালু করুন। আরও জানুন
টেমপ্লেটটি স্থানীয়করণ করুন
Anchor link toএকটি বহু-ভাষার টেমপ্লেট প্রতিটি ভাষার জন্য স্থানীয়করণ করা কপি একটি ইন-অ্যাপ ডিজাইনে সংরক্ষণ করে। চ্যানেল জুড়ে বহু-ভাষার মেসেজিং কীভাবে কাজ করে তার জন্য, দেখুন বহু-ভাষার মেসেজিং।
বহু-ভাষার কন্টেন্ট সেট আপ করতে:
- ভাষা তালিকা খুলতে টপ বারে ভাষা সুইচারে ক্লিক করুন।
- আপনি যে ভাষাগুলি যোগ করতে চান তা নির্বাচন করুন, তারপর প্রয়োগ করুন-এ ক্লিক করুন।
- ভাষাগুলির মধ্যে স্যুইচ করতে এবং নির্বাচিত ভাষার জন্য প্রতিটি ব্লকের কন্টেন্ট সম্পাদনা করতে ভাষা সুইচারটি ব্যবহার করুন।
- অনুপস্থিত অনুবাদগুলি স্বয়ংক্রিয়ভাবে পূরণ করতে অটো-ট্রান্সলেট-এ ক্লিক করুন — সেভ করার আগে AI-জেনারেটেড টেক্সট পর্যালোচনা করুন।
টেমপ্লেট সেটিংস কনফিগার করুন
Anchor link toমেসেজটি স্টাইল এবং স্থাপন করতে দুটি জায়গা ব্যবহার করুন:
- সেটিংস ট্যাব (ডান প্যানেল): ডকুমেন্টের আকার, রঙ, টাইপোগ্রাফি, এবং ব্লকগুলির জন্য ডিফল্ট স্টাইল।
- ইন-অ্যাপ সেটিংস (টপ বার): স্ক্রিনে অবস্থান, অ্যানিমেশন, এবং ক্লোজ বোতাম।
টেমপ্লেটটি সেভ করুন
Anchor link toআপনার পরিবর্তনগুলি সেভ করতে টপ বারে সেভ-এ ক্লিক করুন। আপনার সম্পাদনাগুলির মধ্যে পিছনে এবং সামনে যেতে টপ বারে আনডু/রিডু ব্যবহার করুন।