What is the Tooltip element for?

Adding short, helpful context without cluttering the layout: field explanations, term definitions, button clarifications, inline instructions. Anything non-essential that helps when asked for.

How is this different from the Tooltips extension?

The element is a free, standalone widget with its own trigger. The Tooltips extension is part of Pro and attaches a tooltip to a widget, section or container that is already on the page. Both have Follow Cursor, placement presets and hover or click triggers. Need a new hint spot? Use the element. Need tooltips on things already on the page? Use the extension.

Can I style normal and hover states separately?

Yes. The Style tab has independent Normal and Hover controls for background, text, borders, radius, and shadow.

How do I control where the bubble appears?

Use Placement presets (top, bottom, left, right, plus start and end variants), then nudge with X and Y offsets in pixels.

Hover or click: which trigger should I use?

Hover for quick desktop hints; click for anything that must work on touch screens, since hover doesn’t exist on mobile.

Will it slow down my site?

No. It loads only its own small CSS and JS when present on the page. A handful of tooltips per page has no noticeable impact.

এলিমেন্টর টুলটিপ উইজেট - যে কোন জায়গায় হোভার ইঙ্গিত যোগ করুন

একটি ইঙ্গিত লিখুন, এটি কোথায় পপ আপ হবে তা চয়ন করুন, হোভার বা ক্লিক করুন এবং আপনার কাজ শেষ। কোন অতিরিক্ত প্লাগইন প্রয়োজন।

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

টুলটিপ উইজেট দিয়ে আপনি কি করতে পারেন

বসানো নিয়ন্ত্রণ

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

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

স্টাইলিং: স্বাভাবিক এবং হোভার অবস্থা

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

ধূসর ব্রাউজার ডিফল্টের সাথে বসবাসের পরিবর্তে ব্র্যান্ডের রঙগুলিকে হুবহু মেলে।
প্রসঙ্গের উপর নির্ভর করে ইঙ্গিতগুলিকে সূক্ষ্ম (ভূতের রূপরেখা) বা জোরে (ছায়া সহ কঠিন বড়ি) করুন।
স্টাইল হোভার ফিডব্যাক যাতে ব্যবহারকারীরা জানেন যে উপাদানটি ইন্টারেক্টিভ।

ট্রিগার এবং অ্যানিমেশন

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

ডেস্কটপ মাইক্রোকপির জন্য হোভার; মোবাইল-বান্ধব ক্রমাগত ইঙ্গিতের জন্য ক্লিক করুন।
একটি সূক্ষ্ম বিবর্ণ বা স্কেল প্রবেশদ্বার ব্যবহারকারীকে বিরক্ত না করে চোখ টানে।
লুকান-বিলম্ব যখন কার্সারটি অতীতে ব্রাশ করে তখন টুলটিপকে ঝিকিমিকি হতে বাধা দেয়।

উপাদান বা এক্সটেনশন: আপনার কোনটি প্রয়োজন?

এই পাতা (টুলটিপ উপাদান, বিনামূল্যে): আপনার পৃষ্ঠায় একটি নতুন ইঙ্গিত প্রয়োজন। উইজেটটি তার নিজস্ব ট্রিগার নিয়ে আসে, যা পাঠ্য, একটি আইকন বা একটি চিত্র হতে পারে।

টুলটিপস এক্সটেনশন (প্রো): আপনার পৃষ্ঠায় ইতিমধ্যে একটি বোতাম, চিত্র বা শিরোনাম রয়েছে এবং এটির সাথে একটি টুলটিপ সংযুক্ত করতে চান৷।

সাধারণ ব্যবহারের ক্ষেত্রে

ফর্ম: ফর্মটিকে লম্বা না করে ইনপুটের পাশে "পাসওয়ার্ডের জন্য 12+ অক্ষর প্রয়োজন"।
মূল্য সারণী: "প্রতি আসন" বনাম "প্রতি কর্মক্ষেত্র" ইনলাইন সংজ্ঞায়িত করুন।
বোতাম: ক্লিক করার পরে কী হবে তা স্পষ্ট করুন (“কোন কার্ডের প্রয়োজন নেই")।
দল /তালিকা: ভূমিকা, বায়ো স্নিপেট, বা হোভারে যোগাযোগের শর্টকাট।
অনবোর্ডিং: নতুন বৈশিষ্ট্য বা ড্যাশবোর্ড উইজেটের পাশে সংক্ষিপ্ত নির্দেশাবলী।

এলিমেন্টরে কিভাবে একটি টুলটিপ যোগ করবেন

উইজেট ড্রপ। Elementor-এ, মাস্টার অ্যাডঅনগুলির অধীনে "Tooltip”" অনুসন্ধান করুন এবং ইঙ্গিতটি যেখানে রয়েছে সেখানে টেনে আনুন৷।
লিখুন এবং রাখুন। টুলটিপ টেক্সট লিখুন, ট্রিগার সেট করুন (হোভার বা ক্লিক করুন), প্লেসমেন্ট এবং অফসেট বাছাই করুন।
এটা স্টাইল। স্টাইল ট্যাবে, ডিজাইন নরমাল এবং হোভার স্টেটস: রং, টাইপোগ্রাফি, ব্যাসার্ধ, ছায়া। প্রকাশ করা।
প্রতিটি সেটিং এর স্ক্রিনশট চান? আমাদের গাইড পড়ুন এলিমেন্টরে কিভাবে একটি টুলটিপ যোগ করবেন.

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

টুলটিপ সম্পর্কে ব্যবহারকারীদের সবচেয়ে বেশি জিজ্ঞাসিত প্রশ্নগুলি জানুন এবং এক জায়গায় উত্তরগুলি খুঁজুন৷।

টুলটিপ উপাদান কি জন্য?

লেআউট বিশৃঙ্খল না করে সংক্ষিপ্ত, সহায়ক প্রসঙ্গ যোগ করা: ক্ষেত্রের ব্যাখ্যা, শব্দের সংজ্ঞা, বোতামের স্পষ্টীকরণ, ইনলাইন নির্দেশাবলী। অপ্রয়োজনীয় কিছু যা চাওয়া হলে সাহায্য করে।

কিভাবে এটি টুলটিপ এক্সটেনশন থেকে ভিন্ন?

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

আমি কি আলাদাভাবে স্বাভাবিক এবং হোভার স্টেট স্টাইল করতে পারি?

হ্যাঁ। স্টাইল ট্যাবে ব্যাকগ্রাউন্ড, টেক্সট, সীমানা, ব্যাসার্ধ এবং ছায়ার জন্য স্বাধীন সাধারণ এবং হোভার নিয়ন্ত্রণ রয়েছে।

বুদবুদ কোথায় প্রদর্শিত হবে তা আমি কীভাবে নিয়ন্ত্রণ করব?

প্লেসমেন্ট প্রিসেট ব্যবহার করুন (উপরে, নীচে, বাম, ডান, প্লাস শুরু এবং শেষ ভেরিয়েন্ট), তারপর পিক্সেলে X এবং Y অফসেট দিয়ে নাজ করুন।

হোভার বা ক্লিক করুন: আমার কোন ট্রিগার ব্যবহার করা উচিত?

দ্রুত ডেস্কটপ ইঙ্গিত জন্য হোভার; টাচ স্ক্রিনে কাজ করতে হবে এমন যেকোনো কিছুর জন্য ক্লিক করুন, যেহেতু মোবাইলে হোভার নেই।

এটা কি আমার সাইটের গতি কমিয়ে দেবে?

না। পৃষ্ঠায় উপস্থিত থাকলে এটি শুধুমাত্র নিজস্ব ছোট CSS এবং JS লোড করে। প্রতি পৃষ্ঠায় মুষ্টিমেয় টুলটিপগুলির কোনও লক্ষণীয় প্রভাব নেই।