কিভাবে বিনামূল্যে এলিমেন্টরে একটি পপআপ যোগ করবেন (কোন এলিমেন্টর প্রো প্রয়োজন নেই)

Pro ছাড়া বিনামূল্যে Elementor-এ একটি পপআপ যোগ করা হচ্ছে

ফ্রি এলিমেন্টর একটি পপআপ নির্মাতাকে অন্তর্ভুক্ত করে না। পপআপ বিল্ডার একটি এলিমেন্টর প্রো বৈশিষ্ট্য। প্রো-এর জন্য অর্থ প্রদান না করে পপআপ পেতে, বিনামূল্যে ইনস্টল করুন মাস্টার অ্যাডনস পপআপ বিল্ডার, সাধারণ এলিমেন্টর সম্পাদকের ভিতরে পপআপ ডিজাইন করুন, পৃষ্ঠা লোডে খোলার জন্য সেট করুন এবং প্রকাশ করুন। সেই পথটি বিনামূল্যে, এটি এলিমেন্টরের বিনামূল্যের সংস্করণে কাজ করে এবং এটি প্রায় পাঁচ মিনিট সময় নেয়।

Elementor 4.2।4 এবং Master Addons 3.2-এ নেওয়া স্ক্রিনশট সহ এই নির্দেশিকাটি পুরো জিনিসটি নিয়ে চলে। এটি বেশিরভাগ টিউটোরিয়াল এড়িয়ে যাওয়া অংশগুলিকেও কভার করে: কোন ট্রিগারগুলি আসলে বিনামূল্যে, পৃষ্ঠা টার্গেটিং একটি প্রো বৈশিষ্ট্য হলে প্রতিটি পৃষ্ঠায় কীভাবে একটি পপআপ বন্ধ রাখা যায় এবং জাভাস্ক্রিপ্ট API যা প্রতিস্থাপন করে elementorProFrontend.modules.popup.showPopup যখন আপনার প্রো নেই।

Elementor বিনামূল্যে একটি পপআপ নির্মাতা আছে?

না। এলিমেন্টরের নিজস্ব পপআপ বিল্ডার শুধুমাত্র এলিমেন্টর প্রো সহ জাহাজে করে। বিনামূল্যে এলিমেন্টর ইনস্টল করুন এবং মেনুতে কোথাও কোনো পপআপ আইটেম নেই, এবং elementor/popup/show পৃষ্ঠায় ইভেন্ট বিদ্যমান নেই।

আপনার তিনটি উপায় আছে:

বিকল্পপপআপ নির্মাতা?খরচডিজাইন টুল
এলিমেন্টর (ফ্রি)নাবিনামূল্যেn/a
এলিমেন্টর প্রোহ্যাঁপ্রদত্ত, বার্ষিকএলিমেন্টর এডিটর
মাস্টার অ্যাডঅন (বিনামূল্যে)হ্যাঁবিনামূল্যেএলিমেন্টর এডিটর
স্বতন্ত্র পপআপ প্লাগইনহ্যাঁসাধারণত ফ্রিমিয়ামএর নিজস্ব ইন্টারফেস

মাস্টার অ্যাডনস এখানে কভার করা বিকল্প কারণ পপআপটি একই এলিমেন্টর ক্যানভাসে তৈরি করা হয়েছে যা আপনি ইতিমধ্যেই ব্যবহার করছেন, তাই শেখার জন্য দ্বিতীয় সম্পাদক নেই। এটি WordPress।org-এ একটি বিনামূল্যের প্লাগইন চলছে 30,000+ সাইট, এবং পপআপ বিল্ডার বিনামূল্যে ডাউনলোডের সাথে আসে।

আপনি যদি প্রথমে বেশ কয়েকটি সরঞ্জামের তুলনা করতে চান তবে আমরা এর একটি পৃথক রাউন্ডআপ রাখি ওয়ার্ডপ্রেসের জন্য সেরা পপআপ বিল্ডার প্লাগইন.

বিনামূল্যে পপআপ নির্মাতা আসলে আপনাকে কি দেয়

নীচের বিভাজনটি প্লাগইনে নিয়ন্ত্রণ দ্বারা নিয়ন্ত্রণ পরীক্ষা করা হয়েছে, যাতে আপনি বিল্ডিং শুরু করার আগে বিনামূল্যে সংস্করণটি কোথায় থামে তা দেখতে পারেন।

বৈশিষ্ট্যবিনামূল্যেমাস্টার অ্যাডনস প্রো
আনলিমিটেড পপআপহ্যাঁহ্যাঁ
এলিমেন্টর এডিটরে ডিজাইনহ্যাঁহ্যাঁ
25টি রেডিমেড পপআপ টেমপ্লেটহ্যাঁহ্যাঁ
পৃষ্ঠা লোড ট্রিগারে, সেকেন্ডে বিলম্ব সহহ্যাঁহ্যাঁ
অন ক্লিক, অন স্ক্রোল, অন স্ক্রোল টু এলিমেন্ট, প্রস্থান অভিপ্রায়, নিষ্ক্রিয়তার পরে, কাস্টমনাহ্যাঁ
লেআউট: মডেল, বিজ্ঞপ্তি বার, ফুলস্ক্রিনহ্যাঁহ্যাঁ
9টি অবস্থান এবং 70টি প্রবেশদ্বার অ্যানিমেশনহ্যাঁহ্যাঁ
ওভারলে রঙ, বন্ধ বোতাম, পপআপ স্টাইলিংহ্যাঁহ্যাঁ
আবার বিলম্ব দেখান5 মিনিট পর্যন্ত1 মাস পর্যন্ত, প্লাস আবার দেখাবেন না
প্রদর্শনের শর্ত: পুরো সাইটহ্যাঁহ্যাঁ
প্রথম পৃষ্ঠা, একক পোস্ট, পৃষ্ঠা, সংরক্ষণাগার, অনুসন্ধান, 404 এর শর্তাবলীনাহ্যাঁ
নিয়ম এবং একাধিক শর্ত বাদ দিননাহ্যাঁ
শর্টকোড বসানোহ্যাঁহ্যাঁ
ESC কী বন্ধ করুননাহ্যাঁ
একটি তারিখে পপআপ স্বয়ংক্রিয়ভাবে নিষ্ক্রিয় করুন৷নাহ্যাঁ

তাই বিনামূল্যের সংস্করণ আপনাকে বাস্তব নকশা নিয়ন্ত্রণ সহ একটি বাস্তব পপআপ দেয়। এটি আপনাকে যা দেয় না তা হল ট্রিগার বৈচিত্র্য এবং পৃষ্ঠা-স্তরের টার্গেটিং। তাদের উভয়েরই সমাধান আছে এবং উভয়ই নীচে কভার করা হয়েছে।

কিভাবে এলিমেন্টরে একটি পপআপ বিনামূল্যে যোগ করবেন, ধাপে ধাপে

ধাপ 1: এলিমেন্টর এবং মাস্টার অ্যাডঅন ইনস্টল করুন

ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে যান প্লাগইন → প্লাগইন যোগ করুন, অনুসন্ধান করুন এলিমেন্টর, এটি ইনস্টল এবং সক্রিয় করুন। তারপর অনুসন্ধান করুন এলিমেন্টরের জন্য মাস্টার অ্যাডঅন এবং একই কাজ। Elementor Pro কোন সময়ে প্রয়োজন হয় না।

ওয়ার্ডপ্রেস প্লাগইন স্ক্রীন এলিমেন্টরের জন্য বিনামূল্যে এলিমেন্টর এবং মাস্টার অ্যাডঅন দেখাচ্ছে যেখানে কোনো এলিমেন্টর প্রো ইনস্টল করা নেই

সেই স্ক্রিনশটে Get Elementor Pro লিঙ্কটি হল উপহার যে এটি বিনামূল্যের বিল্ড। নীচের সবকিছু ঠিক সেই সেটআপে করা হয়েছিল। সম্পূর্ণ ইনস্টল নোট লাইভ ইনস্টলেশন ডক্স.

ধাপ 2: ওপেন মাস্টার অ্যাডঅন → পপআপ বিল্ডার

প্লাগইন সক্রিয় করা একটি যোগ করে মাস্টার অ্যাডনস ওয়ার্ডপ্রেস সাইডবারে আইটেম। এটি খুলুন এবং ক্লিক করুন পপআপ নির্মাতা.

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

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

ধাপ 3: পপআপের নাম দিন এবং অ্যাক্টিভেশন চালু করুন

ক্লিক করুন নতুন পপআপ যোগ করুন। একটি ছোট ডায়ালগ দুটি ক্ষেত্র দিয়ে খোলে।

একটি পপআপ নাম ক্ষেত্র এবং একটি অ্যাক্টিভেশন টগল সুইচ অন সহ মাস্টার অ্যাডঅন পপআপ বিল্ডার ডায়ালগ৷

এটিকে একটি নাম দিন যা আপনি ছয় মাসের মধ্যে চিনতে পারবেন, তারপরে ঘুরে আসুন সক্রিয়করণ চালু। নিষ্ক্রিয় রেখে যাওয়া একটি পপআপ কখনই সামনের প্রান্তে রেন্ডার হয় না, এমনকি যদি আপনি এটি প্রকাশ করেন এবং এমনকি যদি আপনি এটি শর্টকোড দ্বারা রাখেন। এটি একটি একক সবচেয়ে সাধারণ কারণ একটি সমাপ্ত পপআপ কিছুই দেখায় না।

ধাপ 4: যেখানে পপআপ প্রদর্শিত হবে সেখানে সেট করুন

সুইচ শর্তাবলী একই ডায়ালগে ট্যাব।

মাস্টার অ্যাডনস পপআপ বিল্ডারের কন্ডিশন ট্যাব অ্যাড কন্ডিশন চিহ্নিত প্রো সহ বিনামূল্যে অন্তর্ভুক্ত এবং সম্পূর্ণ সাইটের নিয়ম দেখাচ্ছে

বিনামূল্যে সংস্করণে আপনি একটি নিয়ম পাবেন: অন্তর্ভুক্ত করুন → সমগ্র সাইট। অন্যান্য নিয়ম (সামনের পৃষ্ঠা, একবচন, সংরক্ষণাগার, অনুসন্ধান, 404), বাদ দেওয়ার ধরন এবং শর্ত যোগ করুন বোতামটি হল প্রো। আপনি যদি শুধুমাত্র একটি পৃষ্ঠায় পপআপ চান এবং আপনি মুক্ত থাকেন তবে এগিয়ে যান শর্টকোড পদ্ধতি.

এখন ক্লিক করুন Elementor দিয়ে সম্পাদনা করুন.

ধাপ 5: একটি টেমপ্লেট বা একটি ফাঁকা ক্যানভাস থেকে শুরু করুন

সম্পাদক একটি খালি পপআপ ফ্রেম দিয়ে খোলে। ড্রপ এলাকায় Elementor এর নিজস্ব অ্যাড বোতামের পাশে একটি বেগুনি মাস্টার অ্যাডঅন বোতাম রয়েছে। পপআপ টেমপ্লেট লাইব্রেরি খুলতে এটিতে ক্লিক করুন।

এলিমেন্টর এডিটরের ভিতরে মাস্টার অ্যাডনস পপআপ টেমপ্লেট লাইব্রেরি বিক্রয়, হ্যালোইন, স্পা, পণ্য এবং শীঘ্রই পপআপ ডিজাইন দেখাচ্ছে

সেখানে 25টি পপআপ ডিজাইন রয়েছে, সেগুলির সবকটিই বিনামূল্যের প্লাগইনে উপলব্ধ, বিক্রয়, পণ্য লঞ্চ, মৌসুমী অফার, শীঘ্রই আসছে এবং প্রায় পৃষ্ঠাগুলি কভার করে৷ একটি কার্ড হোভার করুন এবং ক্লিক করুন ঢোকান এটি আমদানি করতে। সবকিছুই সাধারণ এলিমেন্টর উপাদান হিসাবে আমদানি করে, যাতে আপনি পাঠ্যটি পুনরায় লিখতে পারেন এবং সরাসরি রঙগুলি অদলবদল করতে পারেন।

একই লাইব্রেরি ধারণা প্লাগইন জুড়ে চলে। আপনি যদি রেডিমেড পেজ এবং বিভাগগুলিও চান তবে তা হল মাস্টার অ্যাডঅন টেমপ্লেট লাইব্রেরি.

ধাপ 6: পপআপ ডিজাইন করুন

আপনার নিজের নির্মাণ করতে পছন্দ করেন? আপনি যে কোনো পৃষ্ঠায় যেভাবে উইজেটগুলিকে ক্যানভাসে টেনে আনুন। শিরোনাম, পাঠ্য সম্পাদক এবং বোতাম একটি সাধারণ অপ্ট-ইন কভার করে।

বেসিক উইজেট প্যানেল খোলা সহ এলিমেন্টর সম্পাদক এবং ক্যানভাসে একটি নিউজলেটার পপআপ ডিজাইন করা হচ্ছে

এখানে করার মতো কয়েকটি জিনিস:

  • একটি প্রতিশ্রুতি কপি রাখুন। একটি শিরোনাম, সমর্থন পাঠ্যের এক লাইন, একটি বোতাম।
  • শীর্ষে ডিভাইস আইকন সহ ট্যাবলেট এবং মোবাইল ভিউ পরীক্ষা করুন। একটি 640px পপআপ একটি ল্যাপটপে ঠিক আছে এবং একটি ফোনে সঙ্কুচিত।
  • ইমেল ক্যাপচারের জন্য, আপনি ইতিমধ্যেই চালান এমন যেকোনো ফর্ম প্লাগইন থেকে একটি ফর্ম উইজেট ড্রপ করুন৷ যোগাযোগ ফর্ম 7 এবং MC4WP উভয়ই পপআপের ভিতরে কাজ করে।
  • সব 80+ মাস্টার অ্যাডঅন উইজেট পপআপের ভিতরেও পাওয়া যায়, তাই কাউন্টডাউন টাইমার এবং মূল্য সারণী একটি পৃষ্ঠার মতোই কাজ করে।

ধাপ 7: ট্রিগার চয়ন করুন

ক্লিক করুন এমএ পপআপ সেটিংস উপরের টুলবারে। এটি বাম দিক থেকে চতুর্থ আইকন, যা একটি গিয়ার সহ একটি নথির মতো দেখায়। পুরানো টিউটোরিয়ালগুলি নীচে-বাম কোণে একটি গিয়ারের দিকে নির্দেশ করে, যেখানে এটি Elementor 4 এর আগে বাস করত।

মাস্টার অ্যাডঅন পপআপ সেটিংস তালিকায় পপআপ ড্রপডাউন খুলুন পৃষ্ঠা লোড বিনামূল্যে এবং ছয়টি প্রো ট্রিগার

সাতটি ট্রিগার তালিকাভুক্ত করা হয়েছে। পৃষ্ঠা লোড বিনামূল্যে এক, এবং পৃষ্ঠা লোডের পরে বিলম্ব (সেকেন্ড) 0.1 এর ধাপে 0 থেকে 60 পর্যন্ত যেকোনো কিছু গ্রহণ করে। দুই থেকে তিন সেকেন্ড একটি বুদ্ধিমান সূচনা পয়েন্ট। ধীর সংযোগে তাৎক্ষণিকভাবে গুলি চালানো মানুষকে বিরক্ত করে এবং দশ সেকেন্ডের পরে যেকোন কিছু সাধারণত দর্শককে সম্পূর্ণভাবে মিস করে।

এর নিচে, আবার বিলম্ব দেখান পপআপটি বন্ধ করে দেওয়া কাউকে আবার দেখানোর আগে কতক্ষণ অপেক্ষা করতে হবে তা নিয়ন্ত্রণ করে। বিনামূল্যে আপনাকে কোন বিলম্ব দেয় না, 1, 3 এবং 5 মিনিট। Pro এটিকে ঘন্টা, দিন, এক মাস পর্যন্ত প্রসারিত করে এবং আবার দেখাবেন না।

পৃষ্ঠা স্ক্রোল অক্ষম করুন বিনামূল্যে এবং হ্যাঁ ডিফল্ট, যা পপআপের পিছনে পৃষ্ঠা লক করে।

ধাপ 8: লেআউট, অবস্থান এবং অ্যানিমেশন সেট করুন

খোলা বিন্যাস একই প্যানেলে বিভাগ। এটা সব বিনামূল্যে।

ডিসপ্লে অ্যাস, পজিশন, অ্যানিমেশন, সময়কাল, প্রস্থ এবং উচ্চতা নিয়ন্ত্রণ সহ মাস্টার অ্যাডঅন পপআপ সেটিংসের লেআউট বিভাগ

হিসাবে প্রদর্শন তিনটি আকারের মধ্যে পপআপ স্যুইচ করে:

  • পপআপ মডেল: কেন্দ্রীভূত বাক্স বেশিরভাগ লোক পপআপ দ্বারা বোঝায়।
  • বিজ্ঞপ্তি বার: পৃষ্ঠার শীর্ষে পিন করা একটি স্ট্রিপ, ঘোষণা এবং শিপিং অফারগুলির জন্য ভাল৷।
  • পূর্ণ পর্দা: ভিউপোর্ট দখল করে, একটি একক শক্তিশালী অফারের জন্য সেরা।

মডেল লেআউটগুলি তারপর কেন্দ্র কেন্দ্র থেকে নীচের ডানদিকে নয়টি অবস্থান এবং প্রায় 70টি প্রবেশদ্বার অ্যানিমেশন পায়৷ 400ms এ ফেইড ইন নিরাপদ ডিফল্ট। দ্য পপআপ সেটিংস রেফারেন্স আপনি যদি সম্পূর্ণ মানচিত্র চান তবে প্রতিটি নিয়ন্ত্রণ তালিকাভুক্ত করে।

ধাপ 9: সামনের প্রান্তে এটি প্রকাশ করুন এবং পরীক্ষা করুন

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

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

সম্পাদক পূর্বরূপের পরিবর্তে একটি ব্যক্তিগত উইন্ডোতে পরীক্ষা করুন। সম্পাদক ইচ্ছাকৃতভাবে পপআপগুলিকে দমন করে, এবং একটি সাধারণ ব্রাউজার ট্যাব আপনাকে একটি ক্যাশে করা পৃষ্ঠা পরিবেশন করতে পারে।

শুধুমাত্র একটি পৃষ্ঠায় একটি পপআপ দেখান, বিনামূল্যে

পৃষ্ঠা-স্তরের প্রদর্শন শর্তগুলি প্রো। শর্টকোড বিনামূল্যে, এবং এটি অন্য দিক থেকে একই ফলাফলে পৌঁছায়।

পপআপ বিল্ডার তালিকার প্রতিটি পপআপ একটি শর্টকোডের মতো বহন করে । এটিকে একটি পৃষ্ঠা, একটি পোস্ট, একটি উইজেট এলাকা বা এলিমেন্টরের একটি শর্টকোড উইজেটে পেস্ট করুন এবং সেই পপআপটি শুধুমাত্র সেই পৃষ্ঠায় লোড হয়৷ এটিকে এইভাবে স্থাপন করা সম্পূর্ণরূপে প্রদর্শনের অবস্থা এড়িয়ে যায়।

জানার দুটি নিয়ম:

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

সুতরাং একটি বিনামূল্যের, পৃষ্ঠা-নির্দিষ্ট পপআপ এইরকম দেখায়: পুরো সাইটে শর্তটি ছেড়ে দিন এবং শর্টকোডটি একটি পৃষ্ঠায় ফেলে দিন যেখানে এটি থাকা উচিত।

সাতটি পপআপ ট্রিগার করে এবং কোনটি আপনি বিনামূল্যে পাবেন

ট্রিগারপরিকল্পনাএটা কি করেজন্য সেরা
পৃষ্ঠা লোডবিনামূল্যে0 থেকে 60 সেকেন্ড বিলম্বের পরে খোলেস্বাগতম অফার, ঘোষণা, কুকি নোটিশ
ক্লিক এপ্রোএকটি CSS নির্বাচক ক্লিক করা হলে খোলেভিডিও লাইটবক্স, সাইজ গাইড, লগইন ফর্ম
স্ক্রলেপ্রোআপনার সেট করা একটি স্ক্রোল শতাংশে খোলেবিষয়বস্তু একটি পোস্টের মাধ্যমে আংশিকভাবে আপগ্রেড হয়
এলিমেন্টে স্ক্রল করুনপ্রোএকটি প্রদত্ত নির্বাচক দৃশ্যে স্ক্রোল করলে খোলেএকটি দীর্ঘ পৃষ্ঠার একটি বিভাগে বাঁধা অফার
প্রস্থান অভিপ্রায় উপরপ্রোকার্সার ভিউপোর্ট ছেড়ে গেলে খোলেকার্ট পরিত্যাগ, শেষ সুযোগ ডিসকাউন্ট
নিষ্ক্রিয়তার পরেপ্রোকোন কার্যকলাপ ছাড়া 1 থেকে 300 সেকেন্ড পরে খোলেপড়া বন্ধ করে দেওয়া একজন দর্শককে পুনরায় জড়িত করা
কাস্টমপ্রোআপনার সংজ্ঞায়িত একটি CSS নির্বাচকে খোলেবাকি ছয়টি কিছু কভার করে না

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

ফ্রি অন পেজ লোড ট্রিগারের নিজস্ব আছে সেটআপ ডক আপনি যদি সংক্ষিপ্ত সংস্করণ চান।

একটি বোতাম ক্লিকে একটি এলিমেন্টর পপআপ কীভাবে ট্রিগার করবেন

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

অন ক্লিকে ট্রিগার সেট সহ মাস্টার অ্যাডঅন পপআপ সেটিংস এবং একটি CSS নির্বাচক ওপেন বাই সিলেক্টর ক্ষেত্রে প্রবেশ করেছে
  1. যথারীতি পপআপ ডিজাইন এবং সংরক্ষণ করুন।
  2. মধ্যে এমএ পপআপ সেটিংস, সেট পপআপ খুলুন প্রতি ক্লিক এ.
  3. মধ্যে নির্বাচক দ্বারা খুলুন, উদাহরণস্বরূপ, ডট সহ নির্বাচক টাইপ করুন .open-newsletter-popup.
  4. এটি খুলতে হবে যে বোতামটি সম্পাদনা করুন। যাও উন্নত → CSS ক্লাস এবং টাইপ open-newsletter-popup, এইবার ছাড়া বিন্দু।
  5. উভয় আপডেট করুন, তারপর সামনের প্রান্তে পরীক্ষা করুন।

ধাপ 3 এবং 4-এ বিন্দুর অমিলের কারণে বেশিরভাগ "আমার ক্লিক ট্রিগার কিছুই করে না" রিপোর্টগুলি আমরা দেখতে পাই। ট্রিগার ক্ষেত্রটি একটি CSS নির্বাচক নেয়, এলিমেন্টর ক্ষেত্রটি একটি শ্রেণির নাম নেয়।

নির্বাচক বোতামের মধ্যে সীমাবদ্ধ নয়। যে কোনো উপাদান আপনি কাজ করার জন্য একটি ক্লাস দিতে পারেন: একটি ধারক, একটি শিরোনাম, একটি আইকন, একটি চিত্র। আপনি একটি বৈশিষ্ট্য নির্বাচক যেমন একটি বিদ্যমান লিঙ্ক লক্ষ্য করতে পারেন a[href="#pricing-popup"]. একটি সম্পর্কিত আছে পপআপ ট্রিগার উইজেট পপআপের ভিতরেই ক্লোজ এবং রিডাইরেক্ট অ্যাকশন রাখার জন্য।

প্রো ছাড়া, জাভাস্ক্রিপ্টের চারটি লাইন একই কাজ করে। যে কোড পরবর্তী বিভাগে আছে।

এলিমেন্টর/পপআপ/শো ইভেন্ট এবং প্রো ছাড়া এটি কী প্রতিস্থাপন করে

elementorProFrontend.modules.popup.showPopup এবং elementor/popup/show ইভেন্ট উভয়ই Elementor Pro এর অন্তর্গত। পপআপ মডিউল নিজেকে নিবন্ধন করে elementorProFrontend অবজেক্ট, তাই একটি বিনামূল্যে ইনস্টল করুন যে বস্তুটি অনির্ধারিত এবং ইভেন্টটি কখনই ফায়ার হয় না। কোন স্নিপেট এটিকে ফিরিয়ে আনে না, কারণ যে কোডটি এটি নির্গত করবে সেটি প্রো প্লাগইনে রয়েছে।

বিনামূল্যের মাস্টার অ্যাডনস প্লাগইন তার নিজস্ব API পাঠায় যা একই গ্রাউন্ড কভার করে।

মাস্টার অ্যাডনস নামক একটি গ্লোবাল প্রকাশ করে JltmaPopups যে কোনো পৃষ্ঠায় যেখানে একটি পপআপ উপস্থিত থাকে। এখানে ম্যাপিং আছে:

টাস্কএলিমেন্টর প্রোমাস্টার অ্যাডঅন (বিনামূল্যে)
আইডি দ্বারা একটি পপআপ খুলুনelementorProFrontend.modules.popup.showPopup({id: 441})JltmaPopups.openPopup($popup, settings)
একটি পপআপ বন্ধ করুনelementorProFrontend.modules.popup.closePopup({id: 441}, event)JltmaPopups.closePopup($popup)
একটি পপআপ এর সেটিংস পড়ুনঅভ্যন্তরীণJltmaPopups.getLocalStorage(441)
একটি উপাদান থেকে আইডি পানঅভ্যন্তরীণJltmaPopups.getID($popup)
আপনার নিজস্ব ট্রিগার প্রকার যোগ করুনউন্মুক্ত নয়JltmaPopups.registerTrigger(name, handler)

প্রতিটি পপআপ DOM আইডি দিয়ে প্রিন্ট করা হয় jltma-popup-id-<post ID>। পোস্ট আইডি হল পপআপ বিল্ডার তালিকার স্ক্রিনে শর্টকোডের নম্বর। আপনার নিজের কোড থেকে পপআপ 441 খুলতে:

jQuery(function ($) {
  var $popup   = $('#jltma-popup-id-441');
  var settings = JltmaPopups.getLocalStorage(441);

  JltmaPopups.openPopup($popup, settings);
});

এটিকে একটি ক্লিকে ওয়্যার করতে, যা অন ক্লিক ট্রিগারের জন্য বিনামূল্যে স্ট্যান্ড-ইন:

jQuery(function ($) {
  $(document).on('click', '.open-newsletter-popup', function (e) {
    e.preventDefault();

    var $popup   = $('#jltma-popup-id-441');
    var settings = JltmaPopups.getLocalStorage(441);

    JltmaPopups.openPopup($popup, settings);
  });
});

এবং এটি আবার বন্ধ করতে:

JltmaPopups.closePopup(jQuery('#jltma-popup-id-441'));

দেখার তিনটি জিনিস:

  • getLocalStorage() রিটার্নস false পৃষ্ঠায় পপআপ শুরু না হওয়া পর্যন্ত, যা DOM-এ হয়। ভিতরে আপনার কোড চালান jQuery(function ($) { ... }) আর তুমি ভালো আছো।
  • এর যেকোনো একটি কাজ করার জন্য পপআপটি পৃষ্ঠায় থাকতে হবে। হয় এর শর্তে পৃষ্ঠাটি অন্তর্ভুক্ত থাকে, অথবা আপনি এটি শর্টকোড দিয়ে রেখেছেন।
  • স্ক্রিপ্টটি উদ্দেশ্যমূলকভাবে এলিমেন্টর সম্পাদকের ভিতরে এড়িয়ে গেছে, তাই সামনের প্রান্তে পরীক্ষা করুন।

কেন এলিমেন্টর/পপআপ/শো ফায়ার দুবার

Elementor Pro-তে, হ্যান্ডলার প্রায় সবসময় দুবার চলার মানে হল এটি দুবার আবদ্ধ হয়েছে: একবার চালু elementor/frontend/init এবং আবার একটি স্নিপেট বা একটি থিম ফাইলে, অথবা একবার প্রতি পপআপ উদাহরণে যখন বেশ কয়েকটি উপস্থিত থাকে। এটি একটি পতাকা দিয়ে রক্ষা করুন, বা সঙ্গে আবদ্ধ .off('elementor/popup/show').on(...) রিবাইন্ডিং আগে। এলিমেন্টরের নিজস্ব পপআপ ইভেন্ট ডকুমেন্টেশন সম্পূর্ণ ইভেন্ট স্বাক্ষর তালিকা।

মাস্টার অ্যাডঅন সমতুল্য কোন নথি ইভেন্ট ডবল-বাইন্ড নেই, তাই সমস্যা বহন করে না। তুমি ডাকো openPopup() সরাসরি এই মুহূর্তে আপনি পপআপ খুলতে চান।

কেন আপনার Elementor পপআপ দেখাচ্ছে না

মোটামুটি ক্রমে প্রতিটি কত ঘন ঘন কারণ হতে পরিণত:

  1. সক্রিয়করণ বন্ধ। মাস্টার অ্যাডঅন → পপআপ বিল্ডার খুলুন এবং স্ট্যাটাস কলাম চেক করুন। নিষ্ক্রিয় মানে কোথাও কিছুই রেন্ডার হয় না, শর্টকোড অন্তর্ভুক্ত।
  2. পপআপ এখনও একটি খসড়া। Elementor-এ ডিজাইন সংরক্ষণ করা পপআপ প্রকাশের মতো নয়।
  3. আপনি সম্পাদক পূর্বরূপ পরীক্ষা করছেন। পপআপগুলি সেখানে নকশা দ্বারা দমন করা হয়। একটি ব্যক্তিগত উইন্ডো ব্যবহার করুন।
  4. ক্যাশে। ক্যাশিং প্লাগইন এবং CDN পরিষ্কার করুন, তারপর একটি ব্যক্তিগত উইন্ডোতে পুনরায় লোড করুন। একটি ক্যাশে করা HTML পৃষ্ঠায় একটি নতুন প্রকাশিত পপআপ থাকবে না।
  5. আবার দেখান বিলম্ব ইতিমধ্যে বহিস্কার করা হয়েছে। একবার আপনি পপআপ বন্ধ করলে, প্লাগইন ব্রাউজার স্টোরেজে একটি টাইমস্ট্যাম্প সঞ্চয় করে। বারবার পরীক্ষা করার সময় সাইটের ডেটা সাফ করুন বা ব্রাউজার পরিবর্তন করুন।
  6. একটি ক্লিক নির্বাচকের সাথে ডট অমিল। ট্রিগার ক্ষেত্র চায় .my-class, Elementor CSS ক্লাস ফিল্ড চায় my-class.
  7. একটি ফোনে প্রস্থান অভিপ্রায়। কোন কার্সার নেই, তাই কিছুই ফায়ার করে না। শুধুমাত্র ডেস্কটপ।

মাস্টার অ্যাডঅন বনাম এলিমেন্টর প্রো পপআপ

এলিমেন্টর প্রো পপআপমাস্টার অ্যাডঅন বিনামূল্যেমাস্টার অ্যাডনস প্রো
দামপ্রদত্ত, বার্ষিকবিনামূল্যে$39/বছর বা $129 জীবনকাল থেকে
ফ্রি এলিমেন্টরে কাজ করেনাহ্যাঁহ্যাঁ
ভিজ্যুয়াল সম্পাদকএলিমেন্টরএলিমেন্টরএলিমেন্টর
পপআপ টেমপ্লেটঅন্তর্ভুক্ত2525
পৃষ্ঠা লোড ট্রিগারহ্যাঁহ্যাঁহ্যাঁ
ক্লিক করুন, স্ক্রোল করুন, প্রস্থান করার অভিপ্রায়, নিষ্ক্রিয়তাহ্যাঁনাহ্যাঁ
পৃষ্ঠা-স্তরের প্রদর্শনের নিয়মহ্যাঁশর্টকোড বসানোহ্যাঁ
বিজ্ঞপ্তি বার এবং পূর্ণস্ক্রীন লেআউটসেটিংসের মাধ্যমেহ্যাঁহ্যাঁ
পপআপ খোলার জন্য JS APIহ্যাঁহ্যাঁহ্যাঁ
একটি উইজেট লাইব্রেরি সহ আসেহ্যাঁ80+ উইজেট80+ উইজেট

যদি পপআপগুলিই একমাত্র প্রো বৈশিষ্ট্য হয় যা আপনি চান, বিনামূল্যে মাস্টার অ্যাডঅন নির্মাতা এবং একটি শর্টকোড এটিকে কভার করে৷ আপনি যদি জাভাস্ক্রিপ্ট না লিখে প্রস্থান করার অভিপ্রায় বা ট্রিগার ক্লিক করতে চান তবে তুলনা করুন মাস্টার অ্যাডঅন মূল্য একটি Elementor Pro পুনর্নবীকরণের বিরুদ্ধে, যেহেতু মাস্টার অ্যাডঅন লাইসেন্সটিও নিয়ে আসে থিম নির্মাতা এবং উইজেট নির্মাতা এর সাথে।

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী

Elementor বিনামূল্যে একটি পপআপ নির্মাতা আছে?

নং এলিমেন্টরের পপআপ বিল্ডার একটি প্রো বৈশিষ্ট্য এবং বিনামূল্যের সংস্করণে কোনো পপআপ মেনু নেই৷ ফ্রি এলিমেন্টরে পপআপ যোগ করতে, মাস্টার অ্যাডনসের মতো একটি বিনামূল্যের তৃতীয় পক্ষের পপআপ বিল্ডার ইনস্টল করুন বা এলিমেন্টর প্রোতে আপগ্রেড করুন৷।

আমি কিভাবে বিনামূল্যে Elementor এ একটি পপআপ তৈরি করব?

বিনামূল্যে মাস্টার অ্যাডঅন প্লাগইন ইনস্টল করুন, মাস্টার অ্যাডঅন → পপআপ বিল্ডারে যান, নতুন পপআপ যোগ করুন ক্লিক করুন, এটির নাম দিন, অ্যাক্টিভেশন চালু করুন, এলিমেন্টর দিয়ে সম্পাদনা করুন ক্লিক করুন, এটি ডিজাইন করুন, ট্রিগারটিকে অন পেজ লোডে সেট করুন এবং প্রকাশ করুন৷ কোন Elementor প্রো লাইসেন্স প্রয়োজন নেই।

আমি কি বিনামূল্যে এলিমেন্টরে এলিমেন্টর/পপআপ/শো ইভেন্ট ব্যবহার করতে পারি?

না। যে ঘটনা এবং elementorProFrontend অবজেক্ট শুধুমাত্র Elementor Pro তে বিদ্যমান। মাস্টার অ্যাডঅন সহ ফ্রি এলিমেন্টরে, ব্যবহার করুন JltmaPopups পরিবর্তে গ্লোবাল: এর সাথে সেটিংস পড়ুন JltmaPopups.getLocalStorage(id) এবং সঙ্গে পপআপ খুলুন JltmaPopups.openPopup($popup, settings).

আমি কিভাবে বিনামূল্যে একটি বোতাম ক্লিকে একটি Elementor পপআপ ট্রিগার করব?

দুই উপায়। মাস্টার অ্যাডনস প্রো দিয়ে, ট্রিগারটিকে অন ক্লিকে সেট করুন এবং একটি CSS নির্বাচক লিখুন যেমন .open-popup, তারপর বোতামের অ্যাডভান্সড সিএসএস ক্লাস ফিল্ডে সেই ক্লাসটি যোগ করুন। ফ্রি প্লাগইনে, কল করে এমন একটি ক্লিক হ্যান্ডলার আবদ্ধ করুন JltmaPopups.openPopup() যে পপআপ এর আইডি জন্য।

আমি কি প্রো ছাড়া শুধুমাত্র একটি পৃষ্ঠায় একটি পপআপ দেখাতে পারি?

হ্যাঁ। পপআপ বিল্ডার তালিকা থেকে পপআপের শর্টকোড কপি করুন, উদাহরণস্বরূপ , এবং এটি থাকা উচিত যে পৃষ্ঠায় এটি পেস্ট করুন। শর্টকোড প্লেসমেন্ট ডিসপ্লে শর্ত উপেক্ষা করে, তাই পপআপ শুধুমাত্র সেই পৃষ্ঠায় লোড হয়।

আমি কি বিনামূল্যে এলিমেন্টরে একটি প্রস্থান অভিপ্রায় পপআপ করতে পারি?

ফ্রি প্লাগইন দিয়ে নয়। এক্সিট ইনটেন্ট হল একটি মাস্টার অ্যাডঅন প্রো ট্রিগার, সাথে অন ক্লিক, অন স্ক্রোল, অন স্ক্রোল টু এলিমেন্ট, আফটার ইনঅ্যাক্টিভিটি এবং কাস্টম। বিনামূল্যের সংস্করণটি 60 সেকেন্ড পর্যন্ত বিলম্বের সাথে পৃষ্ঠা লোডকে কভার করে।

কেন আমার এলিমেন্টর পপআপ সামনের প্রান্তে দেখা যাচ্ছে না?

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

মাস্টার অ্যাডঅন পপআপ টেমপ্লেটগুলি কি বিনামূল্যে?

হ্যাঁ। টেমপ্লেট লাইব্রেরির সমস্ত 25টি পপআপ ডিজাইন বিনামূল্যে প্লাগইনে আমদানি করে, কোনো ট্রায়াল সীমা এবং কোনো ওয়াটারমার্ক ছাড়াই। তারা বিক্রয়, পণ্য লঞ্চ, মৌসুমী অফার, শীঘ্রই আসছে পৃষ্ঠা এবং আরও অনেক কিছু কভার করে।

আমি কিভাবে পরে একটি পপআপ এর প্রদর্শন শর্ত পরিবর্তন করব?

মাস্টার অ্যাডঅন → পপআপ বিল্ডারে যান এবং পপআপের সারিতে শর্ত সম্পাদনা করুন ক্লিক করুন। নিয়ম পরিবর্তন করুন এবং সংরক্ষণ করুন। ডিজাইন এবং ট্রিগার সেটিংস ঠিক যেমন ছিল তেমনই থাকে।

একটি পপআপ প্রস্তুতকারক বিনামূল্যে?

বেশিরভাগ পপআপ প্লাগইনগুলির একটি বিনামূল্যের স্তর থাকে, তবে তারা সাধারণত ট্রিগার, টার্গেটিং নিয়ম বা টেমপ্লেটগুলিকে ক্যাপ করে। মাস্টার অ্যাডনস আপনাকে সম্পূর্ণ সম্পাদক, সমস্ত 25টি টেমপ্লেট এবং পৃষ্ঠা লোড ট্রিগার বিনামূল্যে দেয়, অন্য ছয়টি ট্রিগার এবং প্রো-তে পৃষ্ঠা-স্তরের টার্গেটিং সহ।

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