ওয়েব পপআপ কন্টেন্ট

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

ওয়েব পপআপ কন্টেন্ট তৈরি করুন

১. কন্টেন্ট → ওয়েব পপআপ কন্টেন্ট-এ যান। ২. ওয়েব পপআপ কন্টেন্ট তৈরি করুন-এ ক্লিক করুন। ৩. গ্যালারি থেকে একটি স্টার্টিং টেমপ্লেট বেছে নিন। ব্যবহারের ক্ষেত্র অনুযায়ী ফিল্টার করতে উপরের ডানদিকে থাকা ক্যাটাগরি ড্রপডাউন ব্যবহার করুন (উদাহরণস্বরূপ প্রমোশন ও অফার বা গেমিং ও মার্কেটপ্লেস), অথবা এটিকে সব টেমপ্লেট-এ রেখে দিন।

৪. একবার আপনি একটি টেমপ্লেট বেছে নিলে, এডিটরে পপআপটি কাস্টমাইজ করুন।

পপআপের নাম দিন

এটি এডিট করতে উপরের বারে পপআপের নামের উপর ক্লিক করুন। এই নামটি Pushwoosh-এর ভিতরে, কন্টেন্ট তালিকা এবং ক্যাম্পেইন উইজার্ডে এই কন্টেন্টটিকে শনাক্ত করে। ওয়েবসাইটের ভিজিটররা এটি দেখতে পায় না।

পপআপ সেটিংস এডিট করুন

ক্যানভাসের বাম দিকে সেটিংস প্যানেলে পপআপের চেহারা এবং অবস্থান সামঞ্জস্য করুন:

নোট

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

ছবি

যদি লেআউটে এক বা একাধিক ছবি থাকে, তবে প্রত্যেকটির জন্য প্যানেলের উপরে একটি প্রিভিউ এবং কন্ট্রোল সহ নিজস্ব ব্লক থাকে।

আপনার প্রজেক্টের মিডিয়া স্টোর থেকে একটি ফাইল বেছে নিতে ছবি পরিবর্তন করুন-এ ক্লিক করুন।

প্রিভিউর নিচে:

• ফিট: ছবিটি তার ফ্রেমে কীভাবে পূরণ হবে: ন্যাচারাল, কভার, বা কন্টেইন। ব্যাকগ্রাউন্ড ছবির জন্য এটি দেখানো হয় না, যা সবসময় তার এলাকা কভার করে।
• ব্লার: ছবিটিকে নরম করুন, ০ থেকে ২০ পিক্সেল পর্যন্ত।
• ডিম: শুধুমাত্র ব্যাকগ্রাউন্ড ছবির জন্য। ছবির উপর একটি ডার্ক স্ক্রিম যোগ করে যাতে তার উপরে রাখা টেক্সট পঠনযোগ্য থাকে, ০ থেকে ১০০% পর্যন্ত।

কিছু লেআউটে ছবি স্থাপনের সেটিংস সহ একটি লেআউট সেকশনও থাকে:

• ছবির প্রস্থ: পপআপের প্রস্থের একটি অংশ, শতাংশ হিসাবে।
• ছবির অবস্থান: বাম বা ডান, টেক্সটের পাশে ছবি সহ লেআউটের জন্য।

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

পপআপের আকার এবং স্টাইল

পপআপ সেকশনে:

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

রং

পপআপের কালার প্যালেট প্রসারিত করতে রং-এ ক্লিক করুন:

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

প্লেসমেন্ট এবং ওভারলে

প্লেসমেন্ট সেকশনে:

• অবস্থান: ৩×৩ গ্রিড ব্যবহার করে পেজে পপআপটি কোথায় অ্যাঙ্কর হবে তা বেছে নিন।
• এজ অফসেট: নির্বাচিত এজ থেকে পিক্সেলে দূরত্ব সেট করুন।

ওভারলে সেকশনে:

• পেছনের পেজটি ডিম করুন: পপআপ প্রদর্শিত হওয়ার সময় পেজের বাকি অংশ অন্ধকার করতে এটি চালু করুন।
• রং, অপাসিটি: ওভারলের রং এবং অপাসিটি ০ থেকে ১ এর মধ্যে সেট করুন।

টেক্সট এডিট করুন

পপআপের যেকোনো টেক্সট ব্লকে ক্লিক করে ইনলাইন এডিট করুন। এর উপরে একটি টুলবার প্রদর্শিত হবে:

• বোল্ড, ইটালিক, বা আন্ডারলাইন ফরম্যাটিং প্রয়োগ করুন।
• একটি লিঙ্ক যোগ করুন বা সরিয়ে দিন।
• বাম, কেন্দ্র, বা ডান অ্যালাইনমেন্ট সেট করুন।
• একটি টেক্সট স্টাইল বেছে নিন: আইকন, আইব্রো, হেডিং ১–৩, বডি, বা ক্যাপশন।

বাটন এডিট করুন

একটি বাটনে ক্লিক করে তার টুলবার খুলুন:

• বাটন স্টাইল বেছে নিন: প্রাইমারি বা সেকেন্ডারি।
• বাটনটি কী করবে তা বেছে নিন:
  • একটি লিঙ্ক খুলুন: টার্গেট URL লিখুন।
  • পপআপটি বন্ধ করুন।
  • পেজে যান: পপআপের অন্য একটি পেজ বেছে নিন যেখানে সুইচ করতে হবে। পপআপে একাধিক পেজ থাকলে এই অপশনটি প্রদর্শিত হয়। দেখুন একাধিক পেজের সাথে কাজ করা।

টিপ

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

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

একটি সাবস্ক্রিপশন ফর্ম যোগ করুন

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

ব্লকটি যোগ করুন

১. ক্যানভাসে একটি টেক্সট ব্লক, বাটন বা অন্য কোনো এলিমেন্ট নির্বাচন করুন। ২. এর টুলবারে যোগ করুন-এ ক্লিক করুন। ৩. সাবস্ক্রিপশন ফর্ম বেছে নিন। ব্লকটি সাথে সাথে একটি ডিফল্ট ইমেইল ফিল্ড এবং সাবস্ক্রাইব বাটন সহ প্রদর্শিত হবে।

একটি ফর্ম সোর্স বেছে নিন

ফর্ম টুলবার খুলতে সাবস্ক্রিপশন ফর্ম ব্লকে ক্লিক করুন। এর প্রথম ড্রপডাউনটি ব্লকটিকে আপনার প্রজেক্টের একটি সাবস্ক্রিপশন ফর্মের সাথে লিঙ্ক করে। আপনি একটি নতুন ফর্ম তৈরি করতে পারেন বা বিদ্যমান একটি বেছে নিতে পারেন:

অপশন	কখন ব্যবহার করবেন
নতুন ফর্ম — সেভ করার সময় তৈরি হবে (ডিফল্ট)	দ্রুততম শুরু: আপনি যখন পপআপটি সেভ করবেন, তখন Pushwoosh আপনার জন্য ফর্মটি তৈরি করবে, যার নাম হবে “পপআপের নাম — ওয়েব পপআপ”।
+ নতুন ফর্ম তৈরি করুন…	আপনি পপআপটি সেভ করার আগে ফর্মটির নাম দিতে এবং সেট আপ করতে চান। একটি নতুন সাবস্ক্রিপশন ফর্ম ডায়ালগ খোলে — একটি নাম লিখুন, তারপর নিচে বর্ণিত উপায়ে এর ফিল্ড, সাবমিট টেক্সট এবং প্রাইভেসি সেট করুন, এবং তৈরি করুন-এ ক্লিক করুন।
ড্রপডাউন থেকে একটি বিদ্যমান ফর্ম	এমন একটি ফর্ম পুনরায় ব্যবহার করুন যার ইতিমধ্যে সাবস্ক্রাইবার বা ডাবল অপ্ট-ইন কনফিগার করা আছে।

গুরুত্বপূর্ণ

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

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

ফিল্ড এবং সাবমিট আচরণ সেট করুন

১. ফর্ম টুলবারে সাবমিট বাটন স্টাইল সেট করুন:

• প্রাইমারি: পপআপের অ্যাকসেন্ট রঙে ভরা বাটন। যখন পেজের প্রধান অ্যাকশন সাবস্ক্রাইব করা হয়, তখন এটি সেরা।
• সেকেন্ডারি: একটি বর্ডার এবং অ্যাকসেন্ট-রঙের লেবেল সহ আউটলাইন করা বাটন। যখন পপআপে ইতিমধ্যে একটি প্রাইমারি বাটন থাকে বা আপনি একটি হালকা চেহারা চান, তখন এটি সেরা। ২. ফর্মের নিচে একটি প্রাইভেসি-কনসেন্ট লাইন যোগ করতে প্রাইভেসি চালু করুন, তারপর প্রদর্শিত ফিল্ডে আপনার প্রাইভেসি পলিসি URL লিখুন।

৩. একটি পপওভার খুলতে ফিল্ড…-এ ক্লিক করুন যেখানে আপনি ইমেইল (সর্বদা প্রয়োজনীয়) রাখতে পারেন এবং প্রথম নাম, শেষ নাম, ফোন, বা কাস্টম যোগ করতে পারেন, এবং ভিজিটর সাবমিট করার পরে দেখানো সফল এবং ইমেইল নিশ্চিত করুন টেক্সট সেট করতে পারেন।

একাধিক পেজের সাথে কাজ করা

একটি ওয়েব পপআপে একাধিক পেজ থাকতে পারে, উদাহরণস্বরূপ ভিজিটরদের একটি সংক্ষিপ্ত মাল্টি-স্টেপ অফারের মাধ্যমে গাইড করতে।

একটি পেজ যোগ করুন

পেজ যোগ করার মেনু খুলতে + পেজ যোগ করুন-এ ক্লিক করুন:

• বর্তমান পেজটি ডুপ্লিকেট করুন: সক্রিয় পেজটিকে, আপনার করা যেকোনো এডিট সহ, একটি নতুন পেজ হিসাবে কপি করে।
• সেই লেআউটের ডেমো কন্টেন্ট সহ একটি নতুন পেজ যোগ করতে সিঙ্গেল-পেজ লেআউটগুলির মধ্যে একটি বেছে নিন। নতুন পেজটি অন্যদের থেকে স্বাধীন, তাই এটি একটি ভিন্ন লেআউট ব্যবহার করতে পারে।

নোট

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

প্রতিটি ট্যাব একটি পেজ। এটিতে সুইচ করতে একটি ট্যাবে ক্লিক করুন।

শুরুর পেজ সেট করুন

★ চিহ্ন দিয়ে চিহ্নিত ট্যাবটি হলো শুরুর পেজ, যা ভিজিটররা প্রথমে দেখতে পায়। এটি পরিবর্তন করতে, অন্য একটি ট্যাব খুলুন এবং সেই ট্যাবে ☆-এ ক্লিক করুন।

একটি পেজ ডিলিট করুন

সক্রিয় ট্যাবে, ✕-এ ক্লিক করুন। একটি কনফার্মেশন ডায়ালগ খুলবে। পেজটি সরাতে ডিলিট-এ ক্লিক করুন। এটি আনডু করা যাবে না।

নোট

ডিলিট করা পেজের দিকে নির্দেশকারী পেজে যান অ্যাকশন সহ বাটনগুলি শুরুর পেজে ফলব্যাক করে।

কন্টেন্ট সেভ করুন

কন্টেন্ট, ছবি এবং বাটন অ্যাকশনগুলি পর্যালোচনা করুন। যখন আপনি শেষ করবেন, উপরের বারে সেভ করুন-এ ক্লিক করুন।

নোট

কন্টেন্ট সেভ করলে আপনার সাইটে ওয়েব পপআপটি প্রদর্শিত হয় না। কন্টেন্টটি সাইটে শুধুমাত্র তখনই প্রদর্শিত হয় যখন আপনি এটিকে একটি ওয়েব পপআপ ক্যাম্পেইনে নির্বাচন করেন এবং ক্যাম্পেইনটি লঞ্চ করেন।

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

আপনি সেভ করার পরে, কন্টেন্টটি কন্টেন্ট → ওয়েব পপআপ কন্টেন্ট-এ প্রদর্শিত হবে। এডিটিং চালিয়ে যেতে তালিকা থেকে এটি খুলুন।

সাইটে এটি দেখাতে, ক্যাম্পেইন → ওয়েব পপআপ-এ যান, একটি ক্যাম্পেইন তৈরি বা এডিট করুন, এবং কন্টেন্ট ধাপে এই কন্টেন্টটি বেছে নিন।

তারপর অডিয়েন্স, ডিসপ্লে সেটিংস, ফ্রিকোয়েন্সি এবং লঞ্চ অপশনগুলি কনফিগার করুন। সম্পূর্ণ ফ্লোর জন্য, দেখুন ওয়েব পপআপ ক্যাম্পেইন তৈরি করুন।