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

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

Elements ট্যাব থেকে একটি ওয়েব পপআপ কন্টেন্ট লেআউটে আপনি যোগ করতে পারেন এমন প্রতিটি ব্লকের জন্য রেফারেন্স।

পপআপে প্রতিটি ব্লকের ধরন একটি ভিন্ন উদ্দেশ্য পূরণ করে:

  • টেক্সট: পপআপের কপি, ইনলাইন ফরম্যাটিং এবং টেক্সট স্টাইল সহ
  • বাটন: একটি কল টু অ্যাকশন যা একটি লিঙ্ক খোলে, পপআপ বন্ধ করে, ওয়েব পুশের অনুরোধ করে, বা অন্য পৃষ্ঠায় যায়
  • আইকন: আপনার টেক্সটের পাশে একটি ছোট পিকটোগ্রাম
  • কাউন্টডাউন: একটি লাইভ ডেডলাইন টাইমার
  • টপিক পিকার: চেকবক্স বা চিপ যা একটি ট্যাগে আগ্রহ লেখে
  • রেটিং: একটি NPS, স্টার, বা থাম্বস স্কোর যা একটি ইভেন্ট হিসাবে পাঠানো হয়
  • সাবস্ক্রিপশন ফর্ম: ইমেল সাইনআপ এবং অন্যান্য ফর্ম ফিল্ড

কন্টেন্ট ব্লক কিভাবে কনফিগার করবেন

Anchor link to

১. ডানদিকে Elements ট্যাবটি খুলুন।

ডান প্যানেলের Elements ট্যাবে টেক্সট, বাটন, আইকন, কাউন্টডাউন, টপিক পিকার, রেটিং এবং সাবস্ক্রিপশন ফর্মের জন্য টাইলস

২. পপআপের উপর একটি টাইল টেনে আনুন, অথবা পৃষ্ঠায় যোগ করতে এটিতে ক্লিক করুন।

  • একটি ক্লিক ক্যানভাসে নির্বাচিত অংশের নিচে ব্লকটি প্রবেশ করায়।
  • যদি কিছু নির্বাচিত না থাকে, তাহলে ব্লকটি পৃষ্ঠার প্রথম বিভাগের শেষে যায়। ৩. Settings ট্যাব খুলতে পপআপে একটি ব্লক নির্বাচন করুন (Elements এর পাশে)। Elements থেকে একটি ব্লক যোগ করলে সাথে সাথে Settings খুলে যায়।

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

Settings-এ আপনি করতে পারেন:

  • সেই ব্লকের নিজস্ব অপশন কনফিগার করুন
  • POSITION (উপর এবং নিচের তীর) দিয়ে এটিকে এর বিভাগের মধ্যে উপরে বা নিচে সরান
  • ডিলিট আইকন দিয়ে এটি মুছুন

টেক্সট

Anchor link to

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

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

টেক্সটের স্টাইল পরিবর্তন করতে, এটি নির্বাচন করুন এবং ডানদিকে Settings ট্যাব খুলুন। Icon (টেক্সট স্টাইল, আইকন ব্লক নয়), Eyebrow, Heading 1–3, Body, বা Caption বেছে নিন।

ডানদিকের Settings ট্যাবে টেক্সট স্টাইল ড্রপডাউন, Eyebrow-তে সেট করা, যার নিচে Position কন্ট্রোল রয়েছে

বাটন

Anchor link to

একটি বাটন নির্বাচন করতে ক্লিক করুন, তারপর ডানদিকে Settings ট্যাব খুলুন:

  • বাটন স্টাইল: Primary বা Secondary।
  • অ্যাকশন:
    • Open a link: Link URL প্রবেশ করান। New tab ডিফল্টভাবে চালু থাকে। লিঙ্কটি একই ট্যাবে খুলতে চেকবক্সটি আনচেক করুন।
    • Close the popup।
    • Subscribe: ওয়েব পুশ পারমিশনের অনুরোধ করুন এবং ভিজিটরকে সাবস্ক্রাইব করুন। এটি ইমেল Subscription form ব্লক নয়। একটি অনুমোদিত অনুরোধ পপআপটি বন্ধ করে দেয়। একটি অস্বীকৃত অনুরোধ বাটনটি নিষ্ক্রিয় করে দেয়, কারণ ব্রাউজার দুইবার প্রম্পট করবে না।
    • Go to page: পপআপের অন্য একটি পৃষ্ঠা বেছে নিন যেখানে সুইচ করতে চান। পপআপে একাধিক পৃষ্ঠা থাকলে এই অপশনটি দেখা যায়। দেখুন একাধিক পৃষ্ঠার সাথে কাজ করুন।

বাটনটি উপরে বা নিচে সরাতে POSITION ব্যবহার করুন, অথবা এটি সরাতে ডিলিট আইকন ব্যবহার করুন।

বাটন Settings ট্যাব যেখানে Button style Primary, Action Open a link, Link URL, এবং New tab চেক করা আছে

আইকন

Anchor link to

আপনার টেক্সটের পাশে একটি ছোট পিকটোগ্রাম (যেমন একটি সেলের জন্য শতাংশ চিহ্ন, বা একটি গিভঅ্যাওয়ের জন্য উপহার) যোগ করতে একটি Icon ব্লক যোগ করুন। এটি আইকন ব্লক, টেক্সট এর অধীনে Icon টেক্সট স্টাইল নয়।

১. ডানদিকে Elements ট্যাবটি খুলুন। ২. Icon-এ ক্লিক করুন। ৩. Settings ট্যাবে অপশনগুলো সেট করুন:

  • Icon: ২০টি আইকনের একটি নির্দিষ্ট সেট থেকে বেছে নিন (bell, gift, cart, chart, lock, calendar, check, star, clock, tag, mail, phone, download, play, shield, sparkle, percent, truck, ticket, user)। কাস্টম আইকন আপলোড সমর্থিত নয়।
  • Size: 24, 32, বা 48 px।
  • Accent: ডিফল্টভাবে চালু থাকে, তাই আইকনটি পপআপের অ্যাকসেন্ট রঙের সাথে মেলে। একটি কাস্টম রঙ বেছে নিতে এটি বন্ধ করুন।
ওয়েব পপআপ ক্যানভাসে টেক্সটের পাশে আইকন ব্লক, যেখানে আইকন সেটিংসে আইকন পিকার, সাইজ এবং অ্যাকসেন্ট দেখাচ্ছে

কাউন্টডাউন

Anchor link to

পপআপে লাইভ কাউন্টডাউন সহ একটি ডেডলাইন দিয়ে জরুরি অবস্থা তৈরি করতে একটি Countdown ব্লক যোগ করুন।

১. ডানদিকে Elements ট্যাবটি খুলুন। ২. Countdown-এ ক্লিক করুন। ৩. Settings ট্যাবে অপশনগুলো সেট করুন:

  • Deadline: যে তারিখ এবং সময়ে কাউন্টডাউন শূন্যে পৌঁছাবে।
  • Time zone: যে জোনে ডেডলাইন পড়া হয়, ভিজিটরের নিজস্ব টাইম জোন নয়। ডিফল্টভাবে আপনার ব্রাউজারের টাইম জোন থাকে; এর পরিবর্তে ডেডলাইনটি আক্ষরিকভাবে পড়তে তালিকা থেকে UTC বেছে নিন।
  • Language: ইউনিট লেবেলের ভাষা (দিন, ঘন্টা, ইত্যাদি)। এটি English (default)-এ রাখুন বা অন্য ১৪টি ভাষা থেকে বেছে নিন।
  • Labels: সংখ্যার পাশে ইউনিট লেবেল দেখাতে এটি চালু করুন।
  • When the deadline passes:
    • Show zeros: কাউন্টডাউন 00:00:00 দেখানো চালিয়ে যায়।
    • Do not show the popup: ডেডলাইন পার হয়ে গেলে পুরো পপআপটি এড়িয়ে যাওয়া হয়। পপআপটি দেখানোর ঠিক আগে Pushwoosh ডেডলাইন পরীক্ষা করে। এইভাবে এড়িয়ে যাওয়া একটি পপআপ Once per visitor ফ্রিকোয়েন্সির বিরুদ্ধে গণনা করা হয় না।
    • Go to page: ডেডলাইন পার হয়ে গেলে পপআপের অন্য একটি পৃষ্ঠায় যান। পপআপে একাধিক পৃষ্ঠা থাকলে শুধুমাত্র এটি অফার করা হয়। যে ড্রপডাউনটি দেখা যায় তা থেকে টার্গেট পৃষ্ঠাটি বেছে নিন। দেখুন একাধিক পৃষ্ঠার সাথে কাজ করুন।
ফ্ল্যাশ সেল ওয়েব পপআপ যেখানে একটি কাউন্টডাউন ব্লক একটি Shop now বাটনের নিচে দিন, ঘন্টা, মিনিট এবং সেকেন্ড দেখাচ্ছে

টপিক পিকার

Anchor link to

ভিজিটরদের চেকবক্স বা চিপ হিসাবে আগ্রহ স্ব-নির্বাচন করতে দেওয়ার জন্য একটি Topic picker ব্লক যোগ করুন। তাদের পছন্দগুলি তাদের ডিভাইসে একটি ট্যাগ-এ লেখা হয়।

১. ডানদিকে Elements ট্যাবটি খুলুন। ২. Topic picker-এ ক্লিক করুন। ব্লকটি দুটি প্লেসহোল্ডার অপশন সহ প্রদর্শিত হয়। এর সেটিংস Settings ট্যাবে খোলে।

ওয়েব পপআপ ক্যানভাসে টপিক পিকার ব্লক যেখানে চিপ বা চেকবক্স হিসাবে আগ্রহের অপশন এবং ডানদিকে সেটিংস খোলা আছে

৩. List tag the choice is written to-তে, একটি বিদ্যমান List-টাইপ ট্যাগ বাছুন, অথবা এডিটর না ছেড়েই একটি তৈরি করতে Create a list tag বাছুন। আপনি একটি ট্যাগ না বাছা পর্যন্ত, ব্লকটি কিছুই লেখে না। ৪. Control-কে Checkboxes বা Chips-এ সেট করুন। ৫. Minimum picks এবং Maximum picks সেট করুন। যেকোনো প্রান্তে 0 মানে সেই দিকে কোনো সীমা নেই (ফিল্ড লেবেলে 0 = any)। জমা দেওয়ার জন্য সর্বদা কমপক্ষে একটি পছন্দ প্রয়োজন, এমনকি যখন Minimum 0 থাকে। সর্বোচ্চের বেশি বাছলে, বা সর্বনিম্নর নিচে জমা দেওয়ার চেষ্টা করলে, কিছু পাঠানোর পরিবর্তে ব্লকের পাশে একটি ইনলাইন বার্তা দেখায়। ৬. Options and copy-এর অধীনে, প্রতিটি অপশনের লেবেল (ভিজিটর যা পড়ে) এবং Tag value (ট্যাগে যা লেখা হয়) সম্পাদনা করুন। আপনি যদি Tag value খালি রাখেন, Pushwoosh এর পরিবর্তে অপশনের অভ্যন্তরীণ আইডি লেখে (option-1, option-2, ইত্যাদি)। আরেকটি সারি যোগ করতে + Option ব্যবহার করুন, মোট ১২টি অপশন পর্যন্ত। ৭. Button label (ডিফল্ট Save) এবং Message after sending (ডিফল্ট Thanks! Your choice is saved.) সেট করুন।

টপিক পিকার সেটিংস ট্যাব যেখানে List tag, Control, Minimum এবং Maximum picks, Options, Button label, Message after sending, এবং Position দেখাচ্ছে

রেটিং

Anchor link to

একটি কাস্টম ইভেন্ট হিসাবে একটি দ্রুত স্কোর (NPS, স্টার, বা থাম্বস) সংগ্রহ করতে একটি Rating ব্লক যোগ করুন।

১. ডানদিকে Elements ট্যাবটি খুলুন। ২. Rating-এ ক্লিক করুন। ব্লকটি কোনো ইভেন্ট সেট ছাড়াই প্রদর্শিত হয়। এর সেটিংস Settings ট্যাবে খোলে।

ওয়েব পপআপ যেখানে একটি রেটিং ব্লক পাঁচ-তারা স্কেল, Send rating বাটন, এবং Next ও Skip অ্যাকশন ব্যবহার করছে

৩. Scale-কে NPS 0–10, Stars (1 থেকে 5), বা Thumbs (উপরে বা নিচে) সেট করুন। তিনটির ক্ষেত্রেই, একটি উচ্চতর স্কোর একটি আরও ইতিবাচক রেটিং বোঝায়। থাম্বস-আপের জন্য থাম্বস 1 এবং থাম্বস-ডাউনের জন্য 0 পাঠায়। ৪. When the score is sent-কে On tap (যখন ভিজিটর একটি মান বেছে নেয় তখন পাঠায়) বা With a button (একটি সাবমিট ক্লিকের জন্য অপেক্ষা করে) সেট করুন। ৫. Event the score is sent as-এ, আপনার প্রজেক্ট থেকে একটি ইভেন্ট বাছুন, অথবা পপআপ না ছেড়েই একটি নতুন ইভেন্ট সংজ্ঞায়িত করতে Create an event বাছুন। স্কোরটি সেই ইভেন্ট হিসাবে সংরক্ষণ করা হয় (score, scale, এবং slotKey অ্যাট্রিবিউট)। এটি সেগমেন্ট বা Customer Journeys-এ অন্য যেকোনো ইভেন্টের মতো ব্যবহার করুন। আপনি একটি ইভেন্ট না বাছা পর্যন্ত, ব্লকটি কিছুই পাঠায় না। ৬. ঐচ্ছিকভাবে স্কেলের দুই প্রান্তে Left label এবং Right label পূরণ করুন। ৭. যদি When the score is sent With a button হয়, তাহলে Button label (ডিফল্ট Send rating) সেট করুন।

রেটিং সেটিংস ট্যাব যেখানে Scale, When the score is sent, Event, Left and Right labels, Button label, এবং Position কন্ট্রোল দেখাচ্ছে

সাবস্ক্রিপশন ফর্ম

Anchor link to

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

ব্লক যোগ করুন

Anchor link to

১. ডানদিকে Elements ট্যাবটি খুলুন। ২. Subscription form-এ ক্লিক করুন। ৩. ব্লকটি একটি ডিফল্ট Email ফিল্ড এবং Subscribe বাটন সহ প্রদর্শিত হয়। এর সেটিংস Settings ট্যাবে খোলে।

ক্যানভাসে ওয়েব পপআপ যেখানে একটি সাবস্ক্রিপশন ফর্ম ব্লক একটি ইমেল ফিল্ড এবং সাবস্ক্রাইব বাটন দেখাচ্ছে

একটি ফর্ম উৎস বাছুন

Anchor link to

ব্লকটি নির্বাচিত থাকা অবস্থায়, Settings ট্যাব একটি Subscription form ড্রপডাউন দেখায় যা ব্লকটিকে আপনার প্রজেক্টের একটি সাবস্ক্রিপশন ফর্ম-এর সাথে লিঙ্ক করে। আপনি একটি নতুন ফর্ম তৈরি করতে পারেন বা একটি বিদ্যমান ফর্ম বাছতে পারেন:

অপশনকখন ব্যবহার করবেন
New form — created on save (ডিফল্ট)দ্রুততম শুরু: আপনি যখন পপআপটি সেভ করেন তখন Pushwoosh আপনার জন্য ফর্মটি তৈরি করে, যার নাম “popup name — web popup”।
+ Create new form…আপনি পপআপটি সেভ করার আগে ফর্মটির নাম দিতে এবং এটি সেট আপ করতে চান। একটি New subscription form ডায়ালগ খোলে। একটি Name লিখুন, Fields, Submit টেক্সট, এবং Privacy সেট করুন, তারপর Create-এ ক্লিক করুন।
ড্রপডাউন থেকে একটি বিদ্যমান ফর্মএমন একটি ফর্ম পুনরায় ব্যবহার করুন যার ইতিমধ্যে সাবস্ক্রাইবার বা ডাবল অপ্ট-ইন কনফিগার করা আছে।

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

Anchor link to

এখনও Settings ট্যাবে:

১. Submit button style সেট করুন:

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

৩. Fields-এর অধীনে, Email (সর্বদা প্রয়োজনীয়) রাখুন এবং First name, Last name, Phone, বা Custom যোগ করুন।

  • একটি Custom ফিল্ডের জন্য, Pick a tag… ড্রপডাউন থেকে যে ট্যাগ-এ এর মান জমা হবে তা বাছুন, অথবা এডিটর না ছেড়েই একটি নতুন স্ট্রিং ট্যাগ তৈরি করতে Create a tag বাছুন।
  • একজন ভিজিটর জমা দেওয়ার পরে দেখানো Success এবং Confirm email টেক্সট সেট করুন।
সেটিংস ট্যাবের Fields বিভাগে Email, Acquisition Campaign ট্যাগের সাথে আবদ্ধ একটি কাস্টম ফিল্ড, ফিল্ড যোগ করার বাটন, এবং Success ও Confirm email টেক্সট রয়েছে