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

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

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

পূর্বশর্ত

ডেভেলপারের সহায়তা প্রয়োজন

আপনি কোনো কোড পরিবর্তন ছাড়াই কন্ট্রোল প্যানেলে একটি নেটিভ ইন-অ্যাপ টেমপ্লেট তৈরি করতে পারেন। কিন্তু ব্যবহারকারীরা এটি কেবল তখনই দেখতে পাবে যদি তাদের অ্যাপটি Pushwoosh SDK-এর এমন একটি নতুন সংস্করণ চালায় যা এটি রেন্ডার করতে সক্ষম। লঞ্চ করার আগে আপনার ডেভেলপমেন্ট টিমের সাথে চেক করে নিন।

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

• Pushwoosh SDK আপনার অ্যাপে ইন্টিগ্রেটেড আছে যাতে ইন-অ্যাপ মেসেজ দেখা যায়। আরও জানুন
• আপনার অ্যাপটি modal, fullscreen, এবং stories এর জন্য iOS SDK 7.2.0+ বা Android SDK 6.10.0+ চালায়। Sheet, carousel, এবং banner এর জন্য iOS SDK 7.2.1+ বা Android SDK 6.10.1+ প্রয়োজন।

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

1. কন্টেন্ট → ইন-অ্যাপস এ যান।
2. ইন-অ্যাপ তৈরি করুন এ ক্লিক করুন।
3. একটি টেমপ্লেটের নাম লিখুন।
4. নেটিভ রিচ মিডিয়া তৈরি করুন নির্বাচন করুন।
5. ডিসপ্লে টাইপ-এ, একটি ডিসপ্লে টাইপ বাছুন: modal, fullscreen, stories, sheet, carousel, বা banner।
6. ইন-অ্যাপ তৈরি করুন এ ক্লিক করুন।

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

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

সতর্কতা

এডিটরের শীর্ষে থাকা ডিসপ্লে টাইপ ড্রপডাউন আপনাকে যেকোনো সময় টাইপ পরিবর্তন করতে দেয়, কিন্তু পরিবর্তন করলে নিচের সমস্ত কন্টেন্ট, কনফিগ, এবং অ্যাকশনস ফিল্ডগুলি নতুন টাইপের জন্য তাদের ডিফল্টে রিসেট হয়ে যায়। একটি টাইপ চূড়ান্ত করার পরেই কন্টেন্ট পূরণ করুন।

Modal

একটি কেন্দ্রিক কার্ড, যা ঐচ্ছিকভাবে একটি আবছা ব্যাকগ্রাউন্ডের উপর দেখানো হয়।

1. কন্টেন্ট এর অধীনে, একটি শিরোনাম এবং মেসেজ যোগ করুন, প্রতিটির নিজস্ব টেক্সট রঙ সহ, এবং একটি ঐচ্ছিক ছবি।
2. কনফিগ এর অধীনে, কার্ডের ব্যাকগ্রাউন্ড রঙ সেট করুন। এটি আপনার টেক্সট এবং ছবির পিছনে কার্ডটি পূরণ করে।
3. যদি আপনি একটি ✕ কন্ট্রোল চান যাতে ব্যবহারকারীরা কোনো বাটন ট্যাপ না করেই ইন-অ্যাপটি বাতিল করতে পারে, তাহলে ক্লোজ বাটন চালু করুন।
4. কার্ডের পিছনের স্ক্রিনটি অন্ধকার করতে এবং আপনার মেসেজের উপর ফোকাস রাখতে ডিম ব্যাকগ্রাউন্ড চালু করুন।
5. অ্যাকশনস এর অধীনে, এক বা একাধিক বাটন যোগ করুন। দেখুন বাটন কনফিগার করুন।

Fullscreen

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

1. কন্টেন্ট এর অধীনে, একটি কভার ইমেজ, একটি শিরোনাম এবং মেসেজ যোগ করুন, প্রতিটির নিজস্ব টেক্সট রঙ সহ।
2. কনফিগ এর অধীনে, কভারের রঙ সেট করুন। এটি কভার ইমেজ লোড হওয়ার সময় দেখায়, অথবা যদি আপনি ইমেজটি খালি রাখেন তবে এটি নিজে থেকেই দেখায়।
3. যদি আপনি একটি ✕ কন্ট্রোল চান যাতে ব্যবহারকারীরা কোনো বাটন ট্যাপ না করেই ইন-অ্যাপটি বাতিল করতে পারে, তাহলে ক্লোজ বাটন চালু করুন।
4. অ্যাকশনস এর অধীনে, এক বা একাধিক বাটন যোগ করুন। দেখুন বাটন কনফিগার করুন।

Stories

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

1. প্রথম স্লাইডের ইমেজ, শিরোনাম, এবং মেসেজ পূরণ করুন (প্রতিটির নিজস্ব টেক্সট রঙ সহ)।
2. স্লাইডটি এগিয়ে যাওয়ার আগে স্ক্রিনে কতক্ষণ থাকবে তা সেকেন্ডস এ সেট করুন। ডিফল্ট হল 5। 1 থেকে 30 এর মধ্যে একটি মান লিখুন। এই পরিসরের বাইরের মানগুলি একটি ভ্যালিডেশন ত্রুটির সাথে সেভ ব্লক করে।
3. ঐচ্ছিকভাবে, স্লাইডের ভিতরে যোগ করুন এ ক্লিক করে এটিকে নিজস্ব CTA বাটন দিন। দেখুন বাটন কনফিগার করুন।

4. আরেকটি স্লাইড যোগ করতে শেষ স্লাইডের নিচে যোগ করুন এ ক্লিক করুন, তারপর এর জন্য 1-3 ধাপ পুনরাবৃত্তি করুন।
5. কনফিগ এর অধীনে, যদি আপনি চান যে শেষ স্লাইড শেষ হওয়ার পরে গল্পটি প্রথম স্লাইড থেকে আবার শুরু হোক, তাহলে লুপ চালু করুন।
6. যদি আপনি একটি ✕ কন্ট্রোল চান যাতে ব্যবহারকারীরা সমস্ত স্লাইড প্লে হওয়ার আগে বেরিয়ে যেতে পারে, তাহলে ক্লোজ বাটন চালু করুন।

ব্যবহারকারীর জন্য সমাপ্ত গল্পটি কেমন দেখায় তার উদাহরণ

Sheet

একটি বটম শীট যা স্ক্রিনের নিচের প্রান্ত থেকে উপরে স্লাইড করে। উপরে একটি হ্যান্ডেল থাকে যা ব্যবহারকারীদের এটিকে বাতিল করার জন্য নিচে টেনে নামাতে দেয়।

বাম প্যানেলে এই ফিল্ডগুলি পূরণ করুন:

1. কন্টেন্ট এর অধীনে, একটি শিরোনাম এবং মেসেজ যোগ করুন, প্রতিটির নিজস্ব টেক্সট রঙ সহ, এবং একটি ঐচ্ছিক ছবি।
2. কনফিগ এর অধীনে, শীটের ব্যাকগ্রাউন্ড রঙ সেট করুন। এটি আপনার টেক্সট এবং ছবির পিছনে প্যানেলটি পূরণ করে।
3. যদি আপনি একটি ✕ কন্ট্রোল চান যাতে ব্যবহারকারীরা কোনো বাটন ট্যাপ না করেই শীটটি বাতিল করতে পারে, তাহলে ক্লোজ বাটন চালু করুন।
4. অ্যাকশনস এর অধীনে, এক বা একাধিক বাটন যোগ করুন। দেখুন বাটন কনফিগার করুন।

Carousel

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

1. প্রথম কার্ডের ইমেজ, শিরোনাম, এবং মেসেজ পূরণ করুন (প্রতিটির নিজস্ব টেক্সট রঙ সহ)।
2. কার্ডের জন্য অ্যাকশন সেট করুন। ব্যবহারকারী কার্ডে ট্যাপ করলে ইন-অ্যাপটি বাতিল করতে close বা একটি লিঙ্ক খুলতে url বাছুন (বাটন কনফিগার করুন এর মতো একই বিকল্প)।
3. আরেকটি কার্ড যোগ করতে শেষ কার্ডের নিচে যোগ করুন এ ক্লিক করুন, তারপর এর জন্য 1-2 ধাপ পুনরাবৃত্তি করুন।
4. যদি আপনি একটি ✕ কন্ট্রোল চান যাতে ব্যবহারকারীরা কোনো কার্ড ট্যাপ না করেই ক্যারোসেল থেকে বেরিয়ে যেতে পারে, তাহলে ক্লোজ বাটন চালু করুন।

সতর্কতা

যদি আপনি ক্লোজ বাটন বন্ধ করে দেন এবং প্রতিটি কার্ডের অ্যাকশন url এ সেট করেন, তাহলে ব্যবহারকারীর কাছে ক্যারোসেলটি বাতিল করার জন্য কোনো অন-স্ক্রিন কন্ট্রোল থাকবে না। একটি ট্যাপ সবসময় এটি বন্ধ করার পরিবর্তে একটি লিঙ্ক খুলবে।

Banner

একটি কমপ্যাক্ট বার যা স্ক্রিনের উপরের বা নিচের প্রান্তে পিন করা থাকে, এমন মেসেজের জন্য যা পুরো UI ব্লক করা উচিত নয়।

1. কন্টেন্ট এর অধীনে, একটি শিরোনাম এবং মেসেজ যোগ করুন, প্রতিটির নিজস্ব টেক্সট রঙ সহ, এবং একটি ঐচ্ছিক ছোট ছবি।
2. কনফিগ এর অধীনে, আপনি যে স্ক্রিন প্রান্তে ব্যানারটি পিন করতে চান তার জন্য পজিশন top বা bottom এ সেট করুন।
3. ব্যানারটি স্বয়ংক্রিয়ভাবে তত সেকেন্ড পরে বন্ধ করতে অটো-ডিসমিস, সেকেন্ড সেট করুন। ব্যবহারকারী এটি বাতিল না করা পর্যন্ত ব্যানারটি রাখতে এটি খালি রাখুন।
4. বারের জন্য ব্যাকগ্রাউন্ড রঙ সেট করুন।
5. যদি আপনি ব্যানারে একটি ✕ কন্ট্রোল চান, তাহলে ক্লোজ বাটন চালু করুন।
6. অ্যাকশনস এর অধীনে, অ্যাকশন close বা url এ সেট করুন। ব্যানারের আলাদা বাটন নেই। ব্যানারের যেকোনো জায়গায় ট্যাপ করলে এই অ্যাকশনটি চলে। close এবং url আচরণের জন্য বাটন কনফিগার করুন দেখুন।

সতর্কতা

যদি আপনি ক্লোজ বাটন বন্ধ করে দেন, অ্যাকশন url এ সেট করেন, এবং অটো-ডিসমিস খালি রাখেন, তাহলে ব্যানারটি বাতিল করার কোনো উপায় ছাড়াই স্ক্রিনে থেকে যায়। একটি ট্যাপ সবসময় এটি বন্ধ করার পরিবর্তে লিঙ্কটি খুলবে।

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

টেক্সট ফিল্ডগুলি মাল্টি-লাইন টেক্সট সমর্থন করে না। যদি আপনি Enter চাপেন, এডিটর একটি লাইন ব্রেক দেখাতে পারে, কিন্তু Pushwoosh তার পরিবর্তে একটি স্পেস সেভ করে। ডিভাইসে, টেক্সটটি এক লাইনে দেখা যায়।

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

ডাইনামিক কন্টেন্ট যোগ করুন

প্রতিটি টেক্সট ফিল্ড ট্যাগ এবং User ID দিয়ে পার্সোনালাইজেশন সমর্থন করে।

1. ফিল্ড টুলবারের পাশে পার্সোনালাইজেশন এ ক্লিক করুন।
2. ট্যাগ এর অধীনে, একটি ট্যাগ বা User ID বাছুন।
3. একটি ফরম্যাট মডিফায়ার বাছুন (উদাহরণস্বরূপ, CapitalizeFirst বা regular)।
4. ঐচ্ছিকভাবে, একটি ডিফল্ট ট্যাগ ভ্যালু লিখুন।
5. ইনসার্ট এ ক্লিক করুন।

ইনসার্ট করা ট্যাগটি ফিল্ডে একটি চিপ হিসাবে দেখায়। ইনসার্ট এ ক্লিক করার আগে আপনি ট্যাগ, মডিফায়ার, এবং ডিফল্ট পরিবর্তন করতে পারেন। পার্সোনালাইজেশন ডাইনামিক কন্টেন্ট এর মতো একই ট্যাগ, মডিফায়ার, এবং ডিফল্ট ব্যবহার করে।

টিপ

শর্তসাপেক্ষ যুক্তির জন্য (উদাহরণস্বরূপ, এই টেক্সটটি কেবল তখনই দেখান যদি একটি ট্যাগ একটি নির্দিষ্ট মানের সমান হয়), সরাসরি ফিল্ডে Liquid সিনট্যাক্স টাইপ করুন।

যখন আপনি সেভ এ ক্লিক করেন, Pushwoosh প্রতিটি টেক্সট ফিল্ডে ডাইনামিক কন্টেন্ট এবং Liquid চেক করে। যদি একটি ফিল্ড পার্স না হয় (উদাহরণস্বরূপ, একটি খোলা {% if %} ট্যাগ), সেভ ব্লক করা হয় এবং একটি ডাইনামিক কন্টেন্টে ত্রুটি রয়েছে টোস্ট ভাঙা ফিল্ড এবং ভাষার নাম দেয়। সেখানে এটি ঠিক করুন, তারপর আবার সেভ এ ক্লিক করুন।

নোট

সেভ করার সময় Liquid চেক একটি খোলা ট্যাগের মতো সিনট্যাক্স ত্রুটি ধরে। এটি এখনও অসম্পূর্ণ এক্সপ্রেশন পাস করতে পারে যা কেবল মেসেজ পাঠানোর সময় ব্যর্থ হয়। যদি আপনি একটি সাধারণ ট্যাগের বাইরে কিছু ব্যবহার করেন তবে নিজেকে একটি পরীক্ষা পাঠান।

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

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

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

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

সতর্কতা

যদি আপনি ক্লোজ বাটন বন্ধ করে দেন এবং কোনো বাটনও যোগ না করেন, তাহলে ব্যবহারকারীর কাছে ইন-অ্যাপটি বাতিল করার জন্য কোনো অন-স্ক্রিন কন্ট্রোল থাকবে না।

স্থানীয়করণ যোগ করুন

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

নোট

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

1. উপরের বারে ভাষা নির্বাচকের পাশে + এ ক্লিক করুন।
2. যোগ করার জন্য ভাষাগুলি নির্বাচন করুন এবং প্রয়োগ করুন এ ক্লিক করুন।

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

নোট

যখন আপনি একটি ভাষা যোগ করেন, Pushwoosh ডিফল্ট ভাষার কন্টেন্ট এতে কপি করে: টেক্সট, ছবি, এবং বাটন লেবেল। সেই ভাষায় স্যুইচ করুন এবং এই ফিল্ডগুলির যেকোনোটি স্বাধীনভাবে সম্পাদনা করুন।

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

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

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

এটি একটি প্রচারাভিযানে ব্যবহার করুন

একটি নেটিভ ইন-অ্যাপ টেমপ্লেট আপনার অন্যান্য ইন-অ্যাপ টেমপ্লেটগুলির সাথে টেমপ্লেট পিকার-এ দেখা যায়।

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

• একটি তাৎক্ষণিক ইন-অ্যাপ পাঠান
• একটি Customer Journey তে একটি ইন-অ্যাপ ধাপ যোগ করুন
• ব্যবহারকারী একটি পুশ ট্যাপ করলে একটি ইন-অ্যাপ খুলুন

নোট

ডেলিভারি সেটিংস, যেমন শুরু এবং শেষের তারিখ এবং ফ্রিকোয়েন্সি ক্যাপিং, অন্য যেকোনো ইন-অ্যাপের মতোই কাজ করে এবং এই এডিটরের অংশ নয়।