পৃষ্ঠার শতাংশ অনুসারে একটি পপআপের সময় ঠিক আছে যতক্ষণ না আপনার এটি একটি সঠিক জায়গায় অবতরণ করার প্রয়োজন হয়। হতে পারে আপনি এটি চান যে তাৎক্ষণিকভাবে কেউ আপনার মূল্য নির্ধারণের ব্লক, একটি প্রশংসাপত্র সারি, বা একটি কল-টু-অ্যাকশন ব্যান্ডে পৌঁছাবে, পৃষ্ঠার নিচে 40% অস্পষ্ট নয়। দ্য মাস্টার অ্যাডনস পপআপ বিল্ডার সঙ্গে যে হ্যান্ডেল এলিমেন্টে স্ক্রল করুন ট্রিগার। আপনি পপআপকে একটি CSS আইডি দিয়ে দিন #, তারপর যে একই আইডি রাখুন, ছাড়া #, উপাদানটিতে আপনি ট্রিগার হিসাবে কাজ করতে চান।
এখানে মাস্টার অ্যাডনস পপআপ বিল্ডারে সম্পূর্ণ সেটআপ রয়েছে, যা এলিমেন্টরের জন্য মাস্টার অ্যাডঅনগুলির সাথে বিনামূল্যে আসে। যদি একটি শতাংশ-ভিত্তিক ট্রিগার আপনার প্রয়োজন হয়, পপআপ ট্রিগার বিকল্প গাইড যে এক কভার।
আপনি শুরু করার আগে #
- মাস্টার অ্যাডনস পপআপ বিল্ডারে ইতিমধ্যেই তৈরি একটি পপআপ (দেখুন পপআপ সেটিংস গাইড একটি তৈরি করতে)
- আপনি স্ক্রোল ট্রিগার হিসাবে ব্যবহার করতে চান এমন উপাদান সহ একটি পৃষ্ঠা
- এলিমেন্টর ইনস্টল এবং সক্রিয়
- এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয় (ইনস্টলেশন গাইড)
ধাপ 1: এলিমেন্টে স্ক্রোল খুলতে পপআপ সেট করুন #
Elementor এ আপনার পপআপ খুলুন এবং যান এমএ পপআপ সেটিংস প্যানেল। অধীনে সেটিংস, সুইচ পপআপ খুলুন প্রতি এলিমেন্টে স্ক্রল করুন. একটি নতুন ক্ষেত্র দেখায়: উপাদান নির্বাচক.
ক্ষেত্রের নীচে ইঙ্গিতটি কী চায় তা বানান করে, উপাদানটির জন্য একটি CSS নির্বাচক যা স্ক্রলে পপআপকে ট্রিগার করে, যেমন #my-id বা .my-class.
ধাপ 2: একটি CSS আইডি নির্বাচক লিখুন (# চিহ্ন সহ) #
মধ্যে উপাদান নির্বাচক ক্ষেত্র, একটি CSS আইডি টাইপ করুন যা দিয়ে শুরু হয় #. এখানে এটা #show-popup। নামটি সংক্ষিপ্ত এবং অনন্য রাখুন যাতে আপনি অন্য কিছুর সাথে সংঘর্ষ না করে পৃষ্ঠায় এটি পুনরায় ব্যবহার করতে পারেন৷।
দ্য # বাস্তব কাজ করছে: এটি পপআপকে এমন একটি উপাদানের জন্য দেখতে বলে যার আইডি show-popup। এটি সংরক্ষণ করতে পপআপ প্রকাশ (বা আপডেট) করুন।
ধাপ 3: আপনার টার্গেট এলিমেন্টে একই আইডি যোগ করুন (# চিহ্ন ছাড়া) #
এখন পৃষ্ঠাটি খুলুন যেখানে পপআপটি ফায়ার করা উচিত এবং এলিমেন্টরে এটি সম্পাদনা করুন। ট্রিগার হিসাবে আপনি যে উপাদানটি চান সেটিতে ক্লিক করুন, এখানে এটি পৃষ্ঠার বিভাগ ব্লক এবং এটি খুলুন উন্নত ট্যাব।
খুঁজে সিএসএস আইডি অ্যাডভান্সড ট্যাবে ফিল্ড করুন এবং পপআপে আপনি যে নামটি ব্যবহার করেছেন সেই একই নাম টাইপ করুন, কিন্তু ছাড়া #, তাই শুধু show-popup। সেই একটি ছোট পার্থক্য হল পুরো কৌশল:
- পপআপ উপাদান নির্বাচক:
#show-popup(হ্যাশ সহ) - উপাদানের CSS আইডি:
show-popup(কোন হ্যাশ নেই)
দ্য # এটি সিএসএস নির্বাচকের অংশ, আইডির অংশ নয়, এই কারণেই এটি পপআপ ক্ষেত্রের অন্তর্গত কিন্তু কখনও উপাদানের সিএসএস আইডি ক্ষেত্রে নয়৷ সংরক্ষণ করতে পৃষ্ঠাটি আপডেট করুন। দেখার জন্য একটি জিনিস: একটি আইডি পুনরায় ব্যবহার করবেন না যা ইতিমধ্যেই একটি অ্যাঙ্কর লিঙ্ক বা কাস্টম সিএসএসের সাথে অন্য কোথাও সংযুক্ত রয়েছে, অথবা আপনি চমক পাবেন।
ধাপ 4: উপাদানটির পূর্বরূপ দেখুন এবং স্ক্রোল করুন #
সামনের প্রান্তে পৃষ্ঠাটি খুলুন এবং স্ক্রোল করা শুরু করুন। উপরে কিছুই নেই। দ্বিতীয় উপাদান বহন show-popup আইডি স্ক্রল করে দেখা যায়, পপআপটি পৃষ্ঠায় খোলে।
একই পপআপ ট্রিগার করতে একাধিক স্ক্রোল পয়েন্ট চান? প্রতিটি উপাদানকে একই CSS আইডি দিন, show-popup, এবং তাদের যে কোন একটি এটি বন্ধ সেট করা হবে।
সমস্যা সমাধান #
- পপআপ কখনই খোলে না? হ্যাশ পরীক্ষা করুন। পপআপের উপাদান নির্বাচকের প্রয়োজন
#show-popup, এবং উপাদানের CSS আইডি প্রয়োজনshow-popupহ্যাশ ছাড়া। - CSS আইডি ক্ষেত্রে # ব্যবহার করেছেন? এটা বের করে নিন। Elementor CSS ID ক্ষেত্রটি শুধুমাত্র প্লেইন নাম চায়।
- একই আইডি সহ দুটি উপাদান কাজ করছে? এটি ট্রিগার করার জন্য ঠিক আছে, কিন্তু এমন একটি আইডি পুনরায় ব্যবহার করবেন না যা ইতিমধ্যেই পৃষ্ঠায় CSS বা অ্যাঙ্কর লিঙ্কগুলি পরিচালনা করছে৷।
- পপআপ মোটেও দেখাচ্ছে না? নিশ্চিত করুন যে পপআপের অ্যাক্টিভেশন চালু আছে এবং এর ডিসপ্লে শর্তে ট্রিগার উপাদান সহ পৃষ্ঠাটি অন্তর্ভুক্ত রয়েছে।
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী #
Elementor-এ একটি নির্দিষ্ট উপাদানে স্ক্রোল করার সময় আমি কীভাবে একটি পপআপ খুলব?
পপআপের ওপেন পপআপ বিকল্পটিকে অন স্ক্রোল টু এলিমেন্টে সেট করুন এবং এলিমেন্ট সিলেক্টর ফিল্ডে #শো-পপআপের মতো একটি CSS আইডি লিখুন। তারপর Elementor এর Advanced ট্যাবে টার্গেট এলিমেন্টের CSS আইডি ফিল্ডে # ছাড়া একই আইডি যোগ করুন।
কেন আমি পপআপে # যোগ করব কিন্তু উপাদানটিতে নয়?
এলিমেন্ট সিলেক্টর ফিল্ড একটি CSS সিলেক্টর আশা করে এবং # একটি আইডি সিলেক্টরকে চিহ্নিত করে। Elementor CSS ID ফিল্ড শুধুমাত্র ID নাম আশা করে। তাই আপনি পপআপে #শো-পপআপ এবং এলিমেন্টে শো-পপআপ ব্যবহার করেন।
আমি কি একাধিক উপাদান থেকে পপআপ ট্রিগার করতে পারি?
হ্যাঁ। প্রতিটি উপাদানকে একই CSS আইডি দিন, এবং ভিজিটর যখন তাদের যেকোনো একটিতে স্ক্রোল করে তখন পপআপটি ফায়ার হয়ে যায়। আপনার কাছে বেশ কয়েকটি বিভাগ থাকলে এটি কার্যকর হয় যা একই অফারটিকে ট্রিগার করবে।
অন স্ক্রোল এবং অন স্ক্রোল থেকে এলিমেন্টের মধ্যে পার্থক্য কী?
একজন দর্শক পৃষ্ঠার একটি সেট শতাংশ স্ক্রোল করার পরে স্ক্রোল আগুনে। স্ক্রোল টু এলিমেন্টে যখন একটি নির্দিষ্ট উপাদান দেখা যায় তখন আগুন লাগে, যখন আপনি পপআপটিকে একটি সঠিক বিভাগে বাঁধতে চান তখন এটি আরও সুনির্দিষ্ট।
এর জন্য আমার কি এলিমেন্টর প্রো দরকার?
না। মাস্টার অ্যাডনস পপআপ বিল্ডার এলিমেন্টরের বিনামূল্যের সংস্করণের সাথে কাজ করে, তাই অন স্ক্রোল টু এলিমেন্ট ট্রিগার এবং CSS আইডি পদ্ধতি এলিমেন্টর প্রো ছাড়াই কাজ করে।
