বিল্ট-ইন এডিটরে ইন-অ্যাপ মেসেজ তৈরি করুন
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আপনার পরিবর্তনগুলি সেভ করতে টপ বারে সেভ-এ ক্লিক করুন। আপনার সম্পাদনাগুলির মধ্যে পিছনে এবং সামনে যেতে টপ বারে আনডু/রিডু ব্যবহার করুন।