বিষয়বস্তুতে যান
ডেভেলপার ডকুমেন্টেশন কিভাবে করবেন গাইড সাপোর্ট ডেমো অনুরোধ করুন সাইন ইন করুন
Pushwoosh.com

ওয়েব পপআপ ক্যাম্পেইন তৈরি করুন

একটি ওয়েব ক্যাম্পেইন আপনার তৈরি করা ওয়েব কন্টেন্ট আপনার ওয়েবসাইটে স্থাপন করে এবং এটি কখন প্রদর্শিত হবে ও কারা এটি দেখবে তা নিয়ন্ত্রণ করে। একটি ক্যাম্পেইন তার কন্টেন্ট দুটি উপায়ের একটিতে দেখায়: একটি Popup হিসেবে অথবা একটি Inline ব্লক হিসেবে।

একটি নতুন ক্যাম্পেইন শুরু করুন

Anchor link to

  1. Campaigns → Web campaigns-এ যান।

  2. Create campaign-এ ক্লিক করুন এবং টাইপ বেছে নিন:

    • Popup: পেজের উপরে একটি ওভারলে।
    • Inline: আপনার পেজের একটি এলিমেন্টের ভিতরে একটি ব্লক, উদাহরণস্বরূপ একটি সাইডবারে বা একটি আর্টিকেলের নিচে।

    পরে টাইপ পরিবর্তন করা যায় না।

    ওয়েব ক্যাম্পেইনের তালিকা, যেখানে Create campaign মেনু খোলা এবং Popup ও Inline বিকল্প দেখানো হচ্ছে

ওয়েব কন্টেন্ট নির্বাচন করুন

Anchor link to

এই ক্যাম্পেইনটি ভিজিটরদের যে কন্টেন্ট দেখাবে তা বেছে নিন। আপনি উইজার্ড না ছেড়েই বিদ্যমান কন্টেন্ট বাছতে বা নতুন কন্টেন্ট তৈরি করতে পারেন।

  • বিদ্যমান কন্টেন্ট: Web content-এ তালিকা থেকে একটি আইটেম নির্বাচন করুন। প্রতিটি নামের নিচে তালিকাটি তার টাইপ দেখায়: সাধারণ কন্টেন্টের জন্য Web content অথবা একটি ওয়েব ফর্মের জন্য Web form।
  • নতুন কন্টেন্ট: Create new-এ ক্লিক করুন এবং Web content বা Web form বেছে নিন। সেই কন্টেন্ট টাইপের জন্য এডিটর খুলে যায়।
কন্টেন্ট ধাপ, যেখানে একটি ওয়েব ফর্ম নির্বাচিত, Create new মেনু খোলা ও Web form হাইলাইট করা, এবং ফর্মের একটি প্রিভিউ

ড্রপডাউনে কন্টেন্টের ক্রম পরিবর্তন করতে, এর উপরের সর্ট বোতাম ব্যবহার করুন এবং Last updated, A-Z, বা Z-A বেছে নিন। আপনি অন্য কোনো ক্রম বেছে না নেওয়া পর্যন্ত ড্রপডাউনটি A-Z অনুসারে সাজানো থাকে। Pushwoosh আপনার পছন্দ মনে রাখে এবং প্রতিটি ওয়েব পপআপ কন্টেন্ট ড্রপডাউনে তা ব্যবহার করে, ওয়ান-টাইম মেসেজ এবং জার্নি উভয় ক্ষেত্রেই।

সঠিক কন্টেন্ট নির্বাচন করা হলে Next-এ ক্লিক করুন।

অডিয়েন্স নির্ধারণ করুন

Anchor link to

কারা ক্যাম্পেইনটি দেখবে তা নির্বাচন করুন।

  • সমস্ত ব্যবহারকারী: ফিল্টার ছাড়াই সবাইকে ক্যাম্পেইনটি দেখান।
অডিয়েন্স ধাপ যেখানে টার্গেট অডিয়েন্স নির্বাচিত, Use existing segment এবং Use custom conditions বিকল্পগুলি দেখানো হচ্ছে
  • টার্গেট অডিয়েন্স: শুধুমাত্র সেই ব্যবহারকারীদের ক্যাম্পেইনটি দেখান যারা একটি সেগমেন্ট বা কাস্টম শর্তাবলীর সাথে মেলে। দুটি উপ-বিকল্প দেখা যাবে:
Use existing segment নির্বাচিত, যেখানে Active Users সেগমেন্ট বেছে নেওয়া এবং Create segment বোতাম রয়েছে

আপনার কাজ শেষ হলে, Next-এ ক্লিক করুন।

প্রদর্শন সেটিংস কনফিগার করুন

Anchor link to

এই ক্যাম্পেইনটি কখন, কত ঘন ঘন এবং কোথায় দেখানো হবে তা সেট আপ করুন।

CSS সিলেক্টর

Anchor link to

এই ফিল্ডটি শুধুমাত্র Inline ক্যাম্পেইনের জন্য প্রদর্শিত হয়। একটি Inline ক্যাম্পেইন আপনার পেজের একটি ব্লকের ভিতরে প্রদর্শিত হয়, এবং CSS সিলেক্টর Pushwoosh-কে জানায় কোন ব্লক।

  1. CSS selector-এ, যে পেজ এলিমেন্টে ক্যাম্পেইনটি রাখা হবে তার সিলেক্টর লিখুন, উদাহরণস্বরূপ #newsletter-signup। একটি সাধারণ সিলেক্টর ব্যবহার করুন: একটি HTML এলিমেন্টের নাম, একটি #id, একটি .class, বা একটি [attribute], নেস্টিং ছাড়া।

  2. ফিল্ডের নিচে, Pushwoosh আপনার পেজে যোগ করার এলিমেন্টটি দেখায়, উদাহরণস্বরূপ <div id="newsletter-signup"></div>। ক্যাম্পেইনটি যেখানে প্রদর্শিত হওয়া উচিত সেখানে এটি যোগ করতে আপনার ডেভেলপারকে বলুন।

    #newsletter-signup সেট করা CSS selector ফিল্ড, পেজে যোগ করার এলিমেন্ট এবং নিচে ইঙ্গিত সহ

ক্যাম্পেইনটি পেজের প্রথম যে এলিমেন্ট সিলেক্টরের সাথে মেলে তার ভিতরে প্রদর্শিত হয়। পেজে কোনো মিলে যাওয়া এলিমেন্ট না থাকলে, ক্যাম্পেইনটি সেখানে দেখানো হয় না।

Automatically on page load-এর ক্ষেত্রে, মিলে যাওয়া এলিমেন্টসহ একটি পেজ যতবার লোড হয়, ততবার একটি Inline ক্যাম্পেইন প্রদর্শিত হয়।

Show popup বা Show campaign

Anchor link to

ক্যাম্পেইনটি কীভাবে দেখানো হবে তা বেছে নিন। একটি Popup ক্যাম্পেইনে ফিল্ডটির নাম Show popup এবং একটি Inline ক্যাম্পেইনে Show campaign।

  • Automatically on page load: ক্যাম্পেইনটি এর সেটিংসের সাথে মেলে এমন পেজে নিজে থেকেই প্রদর্শিত হয়।
  • Only via WebSDK call: ক্যাম্পেইনটি নিজে থেকে প্রদর্শিত হয় না। আপনার সাইট Web SDK কল করে এটি দেখায়। উইজার্ডটি ক্যাম্পেইন কোডসহ কলটি দেখায়, উদাহরণস্বরূপ Pushwoosh.moduleRegistry.webPopups.show('CAMPAIGN_CODE')। Web SDK 3.63.0 বা তার পরের ভার্সন প্রয়োজন।

Only via WebSDK call-এর ক্ষেত্রে, উইজার্ডটি Display delay এবং Show on pages লুকিয়ে রাখে, কারণ আপনার সাইট থেকে আসা একটি কল সেগুলো উপেক্ষা করে।

প্রদর্শনের বিলম্ব

Anchor link to

এই সেটিংটি Automatically on page load দেখানো Popup ক্যাম্পেইনের জন্য। পেজ লোড হওয়ার পরে ওয়েব পপআপটি প্রথম কখন প্রদর্শিত হতে পারে তা বেছে নিন।

  • অবিলম্বে
  • ৩ সেকেন্ড পরে
  • ৫ সেকেন্ড পরে
  • ১০ সেকেন্ড পরে

ফ্রিকোয়েন্সি

Anchor link to

এই সেটিংটি শুধুমাত্র Popup ক্যাম্পেইনের জন্য। FREQUENCY-এর অধীনে, একজন ভিজিটর এই ওয়েব পপআপটি কত ঘন ঘন দেখতে পাবেন তা বেছে নিন:

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

ডিভাইস

Anchor link to

Device-এ, যে ডিভাইসগুলোতে ক্যাম্পেইনটি প্রদর্শিত হবে তা বেছে নিন: All devices, Desktop, বা Mobile।

পুশ অনুমতি

Anchor link to

Push permission-এ, কোন ভিজিটররা ক্যাম্পেইনটি দেখবেন তা বেছে নিন, তারা এই ব্রাউজারে ওয়েব পুশ নোটিফিকেশনের অনুমতি দিয়েছেন কিনা তার উপর ভিত্তি করে:

  • All visitors: সবাই, তাদের পুশ অনুমতি যাই হোক না কেন। এটি ডিফল্ট।
  • Not asked yet: যে ভিজিটরদের কাছে ব্রাউজার এখনও পুশ অনুমতি চায়নি। তাদের সাবস্ক্রাইব করতে আমন্ত্রণ জানানো একটি প্রম্পটের জন্য এটি ব্যবহার করুন।
  • Subscribed: যে ভিজিটররা পুশ নোটিফিকেশনের অনুমতি দিয়েছেন।
  • Blocked: যে ভিজিটররা পুশ নোটিফিকেশন ব্লক করেছেন, উদাহরণস্বরূপ ব্রাউজারে কীভাবে আবার অনুমতি দিতে হয় তা ব্যাখ্যা করতে।
  • Push not supported: যে ভিজিটরদের ব্রাউজার ওয়েব পুশ নোটিফিকেশন গ্রহণ করতে পারে না। অন্য একটি চ্যানেল দিতে এটি ব্যবহার করুন, যেমন একটি ইমেইল ফর্ম।
প্রদর্শন সেটিংস যেখানে Device All devices-এ এবং Push permission Not asked yet-এ সেট করা আছে

Review ধাপে ডিভাইসের পাশে আপনার বেছে নেওয়া বিকল্পটি Push permission: এবং বিকল্পের নাম হিসেবে দেখানো হয়।

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

পেজগুলিতে দেখান

Anchor link to

যে পেজগুলোতে ক্যাম্পেইনটি প্রদর্শিত হতে পারে তা বেছে নিন। Only via WebSDK call-এর ক্ষেত্রে এই সেটিংটি লুকানো থাকে।

সমস্ত পেজ
Anchor link to

সাইটের প্রতিটি পেজে ক্যাম্পেইনটি দেখান। কিছু পেজে এটি না দেখাতে, ১০টি পর্যন্ত এক্সক্লুশন যোগ করুন:

  1. + Add exclusion-এ ক্লিক করুন।
  2. পেজের পাথ লিখুন।
  3. পাথটি কীভাবে ম্যাচ করবে তা বেছে নিন: Exact match বা Starts with।
পেজ পাথ সারি যেখানে Exact match এবং Starts with ড্রপডাউন বিকল্প রয়েছে
নির্দিষ্ট পেজ
Anchor link to

শুধুমাত্র আপনার তালিকাভুক্ত পেজগুলিতে ক্যাম্পেইনটি দেখান। আপনি ১০টি পর্যন্ত পেজ যোগ করতে পারেন:

  1. + Add page-এ ক্লিক করুন। একটি সারি সরাতে, ×-এ ক্লিক করুন।
  2. পেজের পাথ লিখুন।
  3. পাথটি কীভাবে ম্যাচ করবে তা বেছে নিন: Exact match বা Starts with।
পেজগুলিতে দেখান ধাপ যেখানে নির্দিষ্ট পেজ নির্বাচিত এবং Add page সারিগুলিতে অন্তর্ভুক্ত পেজ পাথ তালিকাভুক্ত করা হয়েছে

চালিয়ে যেতে Next-এ ক্লিক করুন।

একটি পেজ পাথ লিখুন
Anchor link to

পাথটি Pushwoosh-কে জানায় একটি নিয়ম কোন পেজগুলিতে প্রযোজ্য। এক্সক্লুশন এবং নির্দিষ্ট পেজ উভয়ের ক্ষেত্রে একই নিয়ম প্রযোজ্য।

কী লিখবেন

  • আপনার ডোমেনের পরে যেমন পাথটি দেখা যায় তেমন লিখুন, উদাহরণস্বরূপ /pricing বা /blog/intro।
  • পাথে যেকোনো বর্ণমালার অক্ষর, অঙ্ক, স্পেস এবং এই অক্ষরগুলি থাকতে পারে: - _ . ~ ! $ & ' ( ) * + , ; = : @ /।
  • পাথ কেস-সেনসিটিভ, তাই /Pricing এবং /pricing আলাদা পেজ।

সম্পূর্ণ ঠিকানা পেস্ট করা

আপনি ব্রাউজারের অ্যাড্রেস বার থেকে সম্পূর্ণ ঠিকানা বা একটি এনকোড করা পাথও পেস্ট করতে পারেন। Pushwoosh ডোমেন, কোয়েরি স্ট্রিং এবং ফ্র্যাগমেন্ট সরিয়ে দেয়, তারপর পাথটি ডিকোড করে অক্ষরের কেস অপরিবর্তিত রেখে সংরক্ষণ করে। উদাহরণস্বরূপ:

আপনি লেখেনPushwoosh সংরক্ষণ করে
https://example.com/Catalog/?sort=price/Catalog/
/caf%C3%A9/café

ম্যাচ টাইপ

ম্যাচ টাইপ নির্ধারণ করে পাথটি কোন পেজগুলিতে প্রযোজ্য:

ম্যাচ টাইপযে পেজগুলিতে প্রযোজ্য
হুবহু মিলশুধুমাত্র সেই পেজ যার পাথ আপনার লেখা পাথের সাথে হুবহু এক। /pricing /pricing/ বা /Pricing-এ প্রযোজ্য নয়।
দিয়ে শুরুপ্রতিটি পেজ যার পাথ একই অক্ষর কেসে আপনার লেখা পাথ দিয়ে শুরু হয়। /blog /blog/intro এবং /blog-news উভয়েই প্রযোজ্য, তাই শুধুমাত্র ব্লগ বিভাগ কভার করতে /blog/ লিখুন।

ক্যাম্পেইন পর্যালোচনা করুন

Anchor link to

Review স্ক্রিনটি সংক্ষেপে দেখায়:

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

যেকোনো ব্লকে CHANGE OPTIONS ব্যবহার করে পিছনে গিয়ে সেই অংশটি সম্পাদনা করুন।

Preview এলাকাটি দেখায় যে কন্টেন্টটি একটি নমুনা ভিউপোর্টে কেমন দেখায়। যদি আপনার মূল কন্টেন্ট অ্যাসেটটি সামঞ্জস্য করার প্রয়োজন হয় তবে EDIT CONTENT ব্যবহার করুন।

পর্যালোচনা ধাপ যেখানে কন্টেন্ট, অডিয়েন্স এবং প্রদর্শন সেটিংসের সারসংক্ষেপ, Change options এবং Preview এলাকা রয়েছে

যখন সবকিছু ঠিকঠাক দেখায়, তখন Complete setup-এ ক্লিক করুন।

তারপর মেনু থেকে একটি বিকল্প বেছে নিন:

  • Launch campaign… আপনি একটি ক্যাম্পেইনের নাম লিখে নিশ্চিত করার পরে ক্যাম্পেইনটি সক্রিয় করে। একটি Inline ক্যাম্পেইনের জন্য, এরপর একটি Embed code ডায়ালগ আপনার পেজে যোগ করার এলিমেন্টটি দেখায়। পরে ক্যাম্পেইনের সারির মেনুতে Get embed code… দিয়ে আপনি এটি আবার খুলতে পারেন।

    Embed code ডায়ালগ, যেখানে ওয়েবসাইটে যোগ করার জন্য newsletter-signup id সহ div এলিমেন্ট দেখানো হচ্ছে

  • Save as draft… ক্যাম্পেইনটি সক্রিয় না করেই সেভ করে। পরে লাইভ করতে, Campaigns → Web campaigns-এ যান, ড্রাফটের সারিতে তিন-ডট মেনু খুলুন এবং Activate campaign… বেছে নিন। প্রথমে সেটিংস পরিবর্তন করতে, একই মেনুতে Edit campaign… বেছে নিন।

তালিকা থেকে ক্যাম্পেইন অনুসন্ধান, ফিল্টার এবং পরিচালনা করতে, ক্যাম্পেইন দেখুন এবং পরিচালনা করুন দেখুন।