বিষয়বস্তুতে যান

নেটিভ ইন-অ্যাপ মেসেজ তৈরি করুন

নেটিভ ইন-অ্যাপগুলো রেডি-মেড লেআউট ব্যবহার করে যা Pushwoosh SDK সরাসরি ডিভাইসে রেন্ডার করে, কাস্টম ইন-অ্যাপ লোড করা HTML পেজের পরিবর্তে। এর ফলে এগুলো দ্রুত লোড হয় এবং মসৃণভাবে অ্যানিমেট করে, এবং একটি তৈরি করার জন্য আপনার ডিজাইন বা ডেভেলপমেন্ট দক্ষতার প্রয়োজন নেই।

যখন আপনি দ্রুত কোনো প্রচার, রিমাইন্ডার বা ফিচার ঘোষণা চালু করতে চান এবং একটি সম্পূর্ণ কাস্টম লেআউটের প্রয়োজন নেই, তখন একটি নেটিভ ইন-অ্যাপ ব্যবহার করুন। যদি আপনার ডিজাইনের উপর সম্পূর্ণ নিয়ন্ত্রণ প্রয়োজন হয়, তাহলে একটি HTML-ভিত্তিক ইন-অ্যাপ তৈরি করুন।

পূর্বশর্ত

Anchor link to

একটি নেটিভ ইন-অ্যাপ টেমপ্লেট তৈরি করার আগে, নিশ্চিত করুন:

  • আপনার অ্যাপে Pushwoosh SDK ইন্টিগ্রেট করা আছে যাতে ইন-অ্যাপ মেসেজ দেখা যায়। আরও জানুন
  • আপনার অ্যাপ iOS SDK 7.2.0+ বা Android SDK 6.10.0+ সংস্করণে চলে। তিনটি ডিসপ্লে টাইপ (modal, fullscreen, stories) এর জন্য একই ন্যূনতম সংস্করণ প্রয়োজন এবং উভয় প্ল্যাটফর্মে কাজ করে।

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

Anchor link to

১. ContentIn-apps-এ যান। ২. Add template-এ ক্লিক করুন। ৩. একটি টেমপ্লেট নাম লিখুন। ৪. Create native rich media নির্বাচন করুন। ৫. DISPLAY TYPE-এ, modal, fullscreen, অথবা stories বেছে নিন। ৬. Add template-এ ক্লিক করুন।

Create native rich media নির্বাচিত থাকা নতুন টেমপ্লেট ডায়ালগ এবং ডিসপ্লে টাইপ ড্রপডাউন modal-এ সেট করা আছে

এডিটরটি ডানদিকে একটি লাইভ মোবাইল প্রিভিউ এবং বামদিকে টেমপ্লেট ফিল্ডসহ খুলবে, যা Content, Config, এবং Actions গ্রুপে বিভক্ত। প্রতিটি গ্রুপে আপনি যা দেখবেন তা আপনার বেছে নেওয়া ডিসপ্লে টাইপের উপর নির্ভর করে।

ডিসপ্লে টাইপ কনফিগার করুন

Anchor link to

একটি কেন্দ্রিক কার্ড, যা ঐচ্ছিকভাবে একটি আবছা ব্যাকগ্রাউন্ডের উপর দেখানো হয়। বাম প্যানেলে এই ফিল্ডগুলো পূরণ করুন:

  • Content: একটি টাইটেল এবং মেসেজ, প্রতিটির নিজস্ব টেক্সট কালারসহ, এবং একটি ঐচ্ছিক ছবি।
  • Config: কার্ডের ব্যাকগ্রাউন্ড কালার, একটি Close button টগল, এবং একটি Dim background টগল যা কার্ডের পেছনের স্ক্রিনকে অন্ধকার করে।
  • Actions: এক বা একাধিক বাটন। বাটন কনফিগার করুন দেখুন।
modal ডিসপ্লে টাইপের জন্য নেটিভ ইন-অ্যাপ এডিটর যেখানে Content, Config, এবং Actions ফিল্ড এবং একটি লাইভ মোবাইল প্রিভিউ রয়েছে

Fullscreen

Anchor link to

টেক্সট এবং বাটনসহ একটি এজ-টু-এজ কভার ইমেজ। বাম প্যানেলে এই ফিল্ডগুলো পূরণ করুন:

  • Content: একটি কভার ইমেজ, সাথে একটি টাইটেল এবং মেসেজ, প্রতিটির নিজস্ব টেক্সট কালারসহ।
  • Config: একটি কভার কালার (ইমেজ লোড হওয়ার সময় বা এর পরিবর্তে দেখানো হয়) এবং একটি Close button টগল।
  • Actions: এক বা একাধিক বাটন। বাটন কনফিগার করুন দেখুন।
fullscreen ডিসপ্লে টাইপের জন্য নেটিভ ইন-অ্যাপ এডিটর যেখানে কভার ইমেজ, টাইটেল, মেসেজ, এবং কভার কালার ফিল্ড রয়েছে

সোশ্যাল মিডিয়া স্টোরিজের মতো শীর্ষে প্রোগ্রেস বারসহ পূর্ণ-স্ক্রিন স্লাইডের একটি ক্রম। প্রতিটি স্লাইড Content-এর অধীনে নিজস্ব Stories এন্ট্রি।

১. প্রথম স্লাইডের Image, Title, এবং Message (প্রতিটির নিজস্ব টেক্সট কালারসহ) পূরণ করুন। ২. Seconds সেট করুন স্লাইডটি পরবর্তী স্লাইডে যাওয়ার আগে কতক্ষণ স্ক্রিনে থাকবে। ডিফল্ট হল ৫। ১ থেকে ৩০ এর মধ্যে একটি মান লিখুন। এই পরিসরের বাইরের মান Save ব্লক করে একটি ভ্যালিডেশন ত্রুটি দেখাবে। ৩. ঐচ্ছিকভাবে, স্লাইডের ভিতরে Add-এ ক্লিক করে এর নিজস্ব CTA বাটন যোগ করুন। বাটন কনফিগার করুন দেখুন।

Image, Title, Message, এবং Seconds ফিল্ড সহ স্টোরিজ স্লাইড, এবং একটি নেস্টেড বাটন এন্ট্রি যার নিজস্ব Add লিঙ্ক রয়েছে

৪. শেষ স্লাইডের নিচে Add-এ ক্লিক করে আরেকটি স্লাইড যোগ করুন, তারপর এর জন্য ১-৩ ধাপ পুনরাবৃত্তি করুন। ৫. Config-এর অধীনে, এই অপশনগুলো সেট করুন যা পুরো স্টোরির জন্য প্রযোজ্য, কোনো একক স্লাইডের জন্য নয়:

  • Loop: শেষ স্লাইডের পর প্রথম স্লাইড থেকে পুনরায় শুরু করুন।
  • Close button: একটি ক্লোজ (✕) কন্ট্রোল দেখান।
stories ডিসপ্লে টাইপের জন্য Config প্যানেল যেখানে Loop এবং Close button টগল রয়েছে
ব্যবহারকারীর জন্য তৈরি করা স্টোরিটি কেমন দেখাবে তার উদাহরণ
Anchor link to

বাটন কনফিগার করুন

Anchor link to

Modal, fullscreen, এবং প্রতিটি stories স্লাইড একই বাটন ফিল্ড ব্যবহার করে:

  • Button text এবং এর রঙ।
  • Background, Border color, এবং Border radius
  • Action: ব্যবহারকারী বাটনে ট্যাপ করলে কী হবে তা বেছে নিন:
    • close: ইন-অ্যাপটি বন্ধ করে দেয়।
    • url: আপনি যে লিঙ্কটি ফিল্ডে প্রবেশ করান তা খোলে। একটি ওয়েব ঠিকানা (উদাহরণস্বরূপ, https://example.com) বা আপনার অ্যাপের মধ্যে একটি ডিপ লিঙ্ক (উদাহরণস্বরূপ, myapp://product/123) ব্যবহার করুন।
Actions প্যানেল যেখানে একটি বাটন এন্ট্রি Button text, Color, Background, Border color, Border radius, এবং Action ফিল্ড দেখাচ্ছে

আরেকটি বাটন যোগ করতে Add-এ ক্লিক করুন, অথবা একটি বাটন সরাতে তার উপর ×-এ ক্লিক করুন।

লোকালাইজেশন যোগ করুন

Anchor link to

ডিফল্টরূপে, একটি নেটিভ ইন-অ্যাপের একটি ভাষা থাকে। আরও যোগ করতে:

১. উপরের বারে ভাষা নির্বাচকের পাশে +-এ ক্লিক করুন। ২. যোগ করার জন্য ভাষাগুলো নির্বাচন করুন এবং Apply-এ ক্লিক করুন।

ভাষা নির্বাচন ডায়ালগ যেখানে একটি সার্চ ফিল্ড, Select all, Deselect all, এবং Reuse last selection লিঙ্ক এবং একটি ভাষা চেকলিস্ট রয়েছে

৩. ভাষাগুলোর মধ্যে পরিবর্তন করতে এবং প্রতিটির জন্য টেক্সট ফিল্ড পূরণ করতে উপরের বারে ভাষা নির্বাচক ব্যবহার করুন।

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

Anchor link to

আপনার পরিবর্তনগুলো স্থায়ী করতে উপরের ডানদিকে Save-এ ক্লিক করুন।

টেমপ্লেটটি তখন ContentIn-apps-এ আপনার অন্যান্য ইন-অ্যাপ টেমপ্লেটগুলোর সাথে প্রদর্শিত হবে।

একটি ক্যাম্পেইনে এটি ব্যবহার করুন

Anchor link to

একটি নেটিভ ইন-অ্যাপ টেমপ্লেট আপনার অন্যান্য ইন-অ্যাপ টেমপ্লেটগুলোর সাথে টেমপ্লেট পিকার-এ প্রদর্শিত হবে।

আপনি এটি ব্যবহার করতে পারেন: