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