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

ইউটিউব ভিডিও: আমাদের সহজ-ব্যবহারযোগ্য এডিটরে কোডিং ছাড়াই ইন-অ্যাপ তৈরি করুন

একটি ইন-অ্যাপ টেমপ্লেট (রিচ মিডিয়া নামেও পরিচিত) তৈরি করতে, কন্টেন্ট → ইন-অ্যাপস (রিচ মিডিয়া)-তে যান এবং টেমপ্লেট যোগ করুন-এ ক্লিক করুন:

এখানে, আপনার কাছে তিনটি বিকল্প রয়েছে:

1. আপনার HTML ইন-অ্যাপ মেসেজ সহ একটি জিপ ফাইল আপলোড করুন।
2. আগে থেকে তৈরি টেমপ্লেটগুলির মধ্যে একটি বেছে নিন এবং কাস্টমাইজ করুন।
3. স্ক্র্যাচ থেকে আপনার নিজের টেমপ্লেট তৈরি করুন।

এই নিবন্ধে, আমরা স্ক্র্যাচ থেকে একটি টেমপ্লেট তৈরি করার পদ্ধতি দেখব। আপনার বিদ্যমান টেমপ্লেট কাস্টমাইজ করতে একই পদক্ষেপগুলি অনুসরণ করুন।

লেআউট নির্ধারণ করা

প্রয়োজনীয় কন্টেন্ট ব্লকগুলিকে টেমপ্লেট বডিতে ড্র্যাগ এবং ড্রপ করে টেমপ্লেটের লেআউট নির্ধারণ করুন। আপনি একটি ছবি, টেক্সট, বোতাম, ডিভাইডার, পূরণযোগ্য ফর্ম, HTML ব্লক এবং মেনু যোগ করতে পারেন।

আপনি যদি একটি সারিতে একাধিক কন্টেন্ট এলিমেন্ট রাখতে চান, তাহলে টেমপ্লেটে কলাম এলিমেন্ট যোগ করুন, প্রয়োজনীয় ব্লক টাইপ নির্বাচন করুন এবং প্রতিটি কলামে কন্টেন্ট যোগ করুন:

একটি লেআউটের ব্যাকগ্রাউন্ডের রঙ পরিবর্তন করতে, এর বাইরের মার্জিনে ক্লিক করুন, নিশ্চিত করুন যে পুরো লেআউটটি নির্বাচিত হয়েছে, এবং রঙটি বেছে নিন:

যদি পুরো লেআউটটি নির্বাচিত থাকে, আপনি প্যাডিং সেটিংস সম্পাদনা করতে এবং একটি ব্যাকগ্রাউন্ড ছবি আপলোড করতে পারেন।

পোট্রেট এবং ল্যান্ডস্কেপ রিচ মিডিয়া তৈরি করা

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

পোট্রেট রিচ মিডিয়া

পোট্রেট ওরিয়েন্টেশনের জন্য ডিজাইন করা রিচ মিডিয়া তৈরি করতে, যা সাধারণত মোবাইল ডিভাইসে ব্যবহৃত হয়, এডিটরের মোবাইল ট্যাবে নেভিগেট করুন। এখানে, আপনি আপনার কন্টেন্টকে একটি উল্লম্ব লেআউটে ফিট করার জন্য ডিজাইন করতে পারেন, যা স্মার্টফোনের স্ক্রিনের জন্য উপযুক্ত।

ল্যান্ডস্কেপ রিচ মিডিয়া

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

ল্যান্ডস্কেপ রিচ মিডিয়াতে কলাম যোগ করা

আপনার ল্যান্ডস্কেপ রিচ মিডিয়াতে কলাম যোগ করার প্রয়োজন হলে, প্রথমে কলাম এলিমেন্ট যোগ করুন এবং আপনার প্রয়োজনীয় কলামের সংখ্যা এবং লেআউট নির্ধারণ করুন।

কলাম সহ আপনার ল্যান্ডস্কেপ রিচ মিডিয়া ডিজাইন করার পরে, মোবাইল ট্যাবে স্যুইচ করুন।

সেটিংস প্যানেলের নীচে পাওয়া রেসপন্সিভ ডিজাইন বিভাগে স্ক্রোল করুন এবং ডু নট স্ট্যাক অন মোবাইল বিকল্পটি সক্রিয় করুন।

নোট

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

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

কন্টেন্ট এলিমেন্ট

হেডিং

আপনি হেডিংয়ের জন্য ফন্ট, রঙ, টেক্সট অ্যালাইনমেন্ট, লাইন হাইট এবং প্যাডিং প্যারামিটার সম্পাদনা করতে পারেন।

নোট

আপনি যদি প্রতিটি ব্যবহারকারীর জন্য হেডিং ব্যক্তিগতকৃত করতে চান, তাহলে এতে ট্যাগ যোগ করুন।

আপনি AI দ্বারা হেডিং টেক্সট তৈরি করিয়ে সময়ও বাঁচাতে পারেন। স্মার্ট হেডিংস বিভাগে বোতামে ক্লিক করুন, কিছু কীওয়ার্ড লিখুন, এবং সাজেশন পান-এ ক্লিক করুন:

টেক্সট

টেক্সটগুলি হেডিংয়ের মতোই কাস্টমাইজ করা যায়: আপনি ফন্ট, রঙ, টেক্সট অ্যালাইনমেন্ট, লাইন হাইট এবং প্যাডিং প্যারামিটার পরিবর্তন করতে পারেন।

নোট

আপনি যদি প্রতিটি ব্যবহারকারীর জন্য টেক্সট ব্যক্তিগতকৃত করতে চান, তাহলে এতে ট্যাগ যোগ করুন।

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

ছবি

একটি ছবি যোগ করতে, ইমেজ ব্লকে ক্লিক করুন এবং আপনার ফাইলটি এডিটর প্যানেলে ড্র্যাগ করুন:

বিকল্পভাবে, আপনি একটি ফাইল আপলোড করার পরিবর্তে ইমেজ ইউআরএল নির্দিষ্ট করতে পারেন।

আপনি AI ইমেজ জেনারেশন নিয়েও পরীক্ষা করতে পারেন। এটি করতে, ম্যাজিক ইমেজ বিভাগে বোতামে ক্লিক করুন, আপনি যে ছবিটি তৈরি করতে চান তার বর্ণনা দিন, এবং ইমেজ তৈরি করুন-এ ক্লিক করুন:

অ্যাকশন বিভাগে, আপনি ছবিতে ক্লিক করলে যে কাজটি করা উচিত তা সেট করতে পারেন: একটি ওয়েবসাইট খুলুন (বা আপনার অ্যাপের মধ্যে একটি পৃষ্ঠার জন্য একটি ডিপ লিঙ্ক) বা পপআপটি বন্ধ করুন। আপনি ইমেজ ক্লিক অ্যাকশন সেট করতে একটি কাস্টম জাভাস্ক্রিপ্ট হ্যান্ডলার অ্যাট্রিবিউটও সন্নিবেশ করতে পারেন। যদি কোনো অ্যাকশনের প্রয়োজন না হয়, তাহলে এই সেটিংটি উপেক্ষা করুন।

আপনি যদি ছবিতে ক্লিক করলে আপনার মোবাইল অ্যাপে একটি পৃষ্ঠা খুলতে চান, তাহলে ওয়েবসাইট খুলুন বিকল্পটি নির্বাচন করুন এবং একটি ডিপ লিঙ্ক সন্নিবেশ করুন।

বোতাম

একবার আপনার টেমপ্লেটে একটি বোতাম যোগ করা হলে, আপনি এর টেক্সট, রঙ, প্যাডিং এবং বর্ডার কাস্টমাইজ করতে পারেন।

নোট

আপনি যদি প্রতিটি ব্যবহারকারীর জন্য বোতামের টেক্সট ব্যক্তিগতকৃত করতে চান, তাহলে এতে ট্যাগ যোগ করুন।

AI আপনাকে বোতামের টেক্সট নিয়ে আসতে সাহায্য করতে পারে। শুধু স্মার্ট বাটনস বিভাগে বোতামে ক্লিক করুন, কীওয়ার্ড লিখুন, এবং সাজেশন পান-এ ক্লিক করুন:

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

আপনি যদি বোতামে ক্লিক করলে আপনার মোবাইল অ্যাপে একটি পৃষ্ঠা খুলতে চান, তাহলে ওয়েবসাইট খুলুন বিকল্পটি নির্বাচন করুন এবং একটি ডিপ লিঙ্ক সন্নিবেশ করুন।

ডিভাইডার

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

ফর্ম

এই এলিমেন্টটি কনফিগার করার জন্য, আপনার একজন ডেভেলপারের সাহায্যের প্রয়োজন হবে।

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

এর প্যারামিটারগুলি কনফিগার করতে ফিল্ডের নামে ক্লিক করুন:

• ফিল্ড টাইপ: ফিল্ডে যে ধরনের ডেটা প্রেরণ করা উচিত;
• ফিল্ডের নাম: যে প্যারামিটারের নামে ফিল্ড থেকে ডেটা পাস করা হয়;
• ফিল্ড লেবেল: ফিল্ডের উপরে প্রদর্শিত টেক্সট;
• প্লেসহোল্ডার টেক্সট;
• চেকবক্স যা নির্দেশ করে যে ফর্ম জমা দেওয়ার জন্য ফিল্ডটি প্রয়োজনীয় কিনা।

আরেকটি ফিল্ড যোগ করতে, নতুন ফিল্ড যোগ করুন-এ ক্লিক করুন এবং ডেটা টাইপ নির্বাচন করুন:

আপনি ফর্মের প্যারামিটার যেমন প্রস্থ, অ্যালাইনমেন্ট, ফিল্ডগুলির মধ্যে স্থান, বোতামের টেক্সট, রঙ এবং ফন্ট কাস্টমাইজ করতে পারেন।

HTML

আপনি যদি টেমপ্লেটে আপনার নিজের HTML কোড অন্তর্ভুক্ত করতে চান তাহলে HTML ব্লক যোগ করুন।

মেনু

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

একটি মেনু আইটেম যোগ করতে, নতুন আইটেম যোগ করুন-এ ক্লিক করুন:

আইটেমের টেক্সট যোগ করুন এবং আইটেমে ক্লিক করলে যে কাজটি করা উচিত তা সেট করুন:

অনুভূমিক বা উল্লম্ব মেনু টাইপ চয়ন করুন এবং প্রয়োজনে আইটেমগুলির মধ্যে একটি বিভাজক যোগ করুন:

কন্টেন্ট ব্যক্তিগতকরণ

আপনার কন্টেন্টকে আরও প্রাসঙ্গিক এবং আকর্ষণীয় করতে মূল টেক্সট, হেডার বা বোতামের টেক্সট ব্যক্তিগতকৃত করুন। উদাহরণস্বরূপ, আপনি ব্যবহারকারীদের নাম ধরে সম্বোধন করতে পারেন বা তাদের পছন্দের উল্লেখ করতে পারেন।

প্রথমে, আপনাকে ট্যাগ সেট আপ করতে হবে এবং ব্যবহারকারীদের কাছ থেকে ডেটা সংগ্রহ কনফিগার করতে হবে (উদাহরণস্বরূপ, একটি ফিডব্যাক ফর্মের মাধ্যমে)। রিচ মিডিয়া তৈরি করার সময়, প্রয়োজনীয় কন্টেন্ট ব্লক নির্বাচন করুন, মার্জ ট্যাগস-এ ক্লিক করুন, এবং আপনি যে ট্যাগটি ব্যবহার করতে চান তা নির্বাচন করুন:

বহু-ভাষিক টেমপ্লেট

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

যদি কন্টেন্ট স্থানীয়করণ করা না হয়, তবে এটি ভাষা সেটিংস-এ ডিফল্ট হিসাবে নির্দিষ্ট ভাষায় প্রদর্শিত হবে।

আপনি টেমপ্লেটে যে কোনো এলিমেন্ট যোগ করেন তা সব ভাষার জন্য একই কন্টেন্ট সহ প্রদর্শিত হয়। আপনার টেমপ্লেটে ব্যবহৃত সব ভাষার জন্য যোগ করা টেক্সটগুলি (বোতামের টেক্সট সহ) স্থানীয়করণ করতে ভুলবেন না।

সাধারণ টেমপ্লেট সেটিংস

পপআপ ট্যাবে, আপনি সাধারণ টেমপ্লেট সেটিংস কনফিগার করতে পারেন:

• স্ক্রিনে পপআপের অবস্থান সেট করুন;
• পপআপের প্রস্থ এবং উচ্চতা পরিবর্তন করুন;
• বর্ডার রাউন্ডিং সামঞ্জস্য করুন;
• পুরো টেমপ্লেটের জন্য কন্টেন্ট সেটিংস কনফিগার করুন: অ্যালাইনমেন্ট, প্রস্থ, ফন্ট এবং রঙ;
• ব্যাকগ্রাউন্ডের রঙ সেট করুন বা একটি ব্যাকগ্রাউন্ড ছবি যোগ করুন;
• ক্লোজ বোতামের অবস্থান এবং চেহারা কাস্টমাইজ করুন।

টেমপ্লেট সংরক্ষণ এবং ব্যবহার করা

পরিবর্তনগুলি প্রয়োগ করতে সংরক্ষণ করুন-এ ক্লিক করুন:

এখন আপনি আপনার ইন-অ্যাপ মেসেজ পাঠাতে আপনার রিচ মিডিয়া টেমপ্লেট ব্যবহার করতে পারেন। এটি করার জন্য অনুগ্রহ করে এই গাইডটি অনুসরণ করুন >