افزونه Elementor Smart Buttons دکمه هوشمند المنتور

با استفاده از این ویجت می‌توانید تنها با قرار دادن یک دکمه در صفحه، رفتار آن را در شرایط مختلف تغییر دهید. برای مثال، متن، لینک، آیکون یا حتی نمایش خود دکمه را براساس وضعیت کاربر، نقش کاربری، نوع دستگاه یا زبان سایت کنترل کنید.

این رویکرد باعث می‌شود صفحات المنتور ساده‌تر، سبک‌تر و مدیریت آن‌ها بسیار آسان‌تر باشد؛ زیرا دیگر نیازی به ساخت چندین دکمه برای سناریوهای مختلف نخواهید داشت.

چرا به جای چند دکمه، فقط یک دکمه هوشمند بسازیم؟

یکی از مشکلات رایج در طراحی صفحات با المنتور این است که برای نمایش محتوای متفاوت به کاربران مختلف، معمولاً چندین دکمه در صفحه قرار داده می‌شود.

برای مثال:

1. یک دکمه مخصوص کاربران مهمان
2. یک دکمه برای اعضای سایت
3. یک دکمه برای مشتریان
4. یک دکمه برای مدیر سایت

در چنین شرایطی باید برای هر دکمه، نمایش شرطی جداگانه تعریف شود و با افزایش تعداد سناریوها، مدیریت صفحه نیز پیچیده‌تر خواهد شد.

اما در افزونه Elementor Smart Buttons تنها کافی است یک ویجت دکمه هوشمند در صفحه قرار دهید. سپس برای هر شرایط، محتوای جایگزین تعریف کنید تا افزونه به صورت خودکار تصمیم بگیرد کدام نسخه از دکمه به کاربر نمایش داده شود.

در نتیجه:

1. تعداد ویجت‌های صفحه کاهش پیدا می‌کند.
2. مدیریت صفحات ساده‌تر می‌شود.
3. ویرایش صفحات سریع‌تر انجام می‌شود.
4. سناریوهای پیچیده تنها با یک ویجت قابل پیاده‌سازی هستند.

شرطی کردن نمایش دکمه در المنتور

یکی از مهم‌ترین قابلیت‌های افزونه، نمایش شرطی دکمه است. می‌توانید مشخص کنید که یک دکمه تنها در شرایط خاص نمایش داده شود یا از دید کاربران پنهان بماند.

شرایط قابل استفاده عبارت‌اند از:

1. وضعیت ورود کاربر (عضو یا مهمان)
2. نقش کاربری
3. نوع دستگاه (دسکتاپ، تبلت یا موبایل)
4. زبان سایت (WPML و Polylang)

همچنین امکان ترکیب چند شرط با عملگرهای AND و OR وجود دارد و در صورت نیاز می‌توانید نتیجه هر شرط را نیز معکوس (NOT) کنید.

به این ترتیب ساخت سناریوهای ساده و حتی بسیار پیچیده بدون هیچ کدنویسی امکان‌پذیر خواهد بود.

محتوای دکمه را برای هر کاربر متفاوت نمایش دهید

گاهی اوقات نیاز نیست فقط نمایش دکمه تغییر کند؛ بلکه خود دکمه نیز باید برای کاربران مختلف متفاوت باشد. در افزونه Elementor Smart Buttons می‌توانید برای هر شرط، یک نسخه جایگزین از دکمه تعریف کنید.

به عنوان مثال:

اگر کاربر مهمان باشد:

1. متن دکمه: ورود به سایت
2. لینک: صفحه ورود

اگر کاربر عضو سایت باشد:

1. متن دکمه: ورود به پنل کاربری
2. لینک: داشبورد کاربر

یا اگر نقش کاربر مشتری باشد:

1. متن دکمه: سفارش‌های من

و اگر مدیر سایت باشد:

1. متن دکمه: مدیریت سایت

علاوه بر متن و لینک، امکان تغییر آیکون، رنگ و سایر تنظیمات هر نسخه نیز وجود دارد. تمام این سناریوها تنها با یک ویجت پیاده‌سازی می‌شوند.

نمایش دکمه براساس دستگاه و زبان سایت

اگر سایت شما چندزبانه است یا طراحی ریسپانسیو اهمیت زیادی دارد، افزونه امکانات کاربردی دیگری نیز در اختیار شما قرار می‌دهد.

می‌توانید نمایش دکمه یا محتوای جایگزین آن را براساس موارد زیر کنترل کنید:

1. نمایش فقط در موبایل
2. نمایش فقط در تبلت
3. نمایش فقط در دسکتاپ
4. نمایش براساس زبان فعال سایت
5. پشتیبانی کامل از WPML
6. پشتیبانی کامل از Polylang

به این ترتیب می‌توانید بدون ایجاد صفحات جداگانه، تجربه‌ای متناسب با هر کاربر ایجاد کنید.

ساخت منوی کشویی و Dropdown در المنتور

افزونه علاوه بر ویجت دکمه هوشمند، یک ویجت اختصاصی دیگر با نام دکمه هوشمند Dropdown نیز به المنتور اضافه می‌کند.

این ویجت امکان طراحی انواع منوهای کشویی و پنل‌های تعاملی را بدون نیاز به کدنویسی فراهم می‌کند.

برای دکمه کشویی می‌توانید از استایل‌های مختلف استفاده کنید:

1. پنل ساده
2. مگامنو دو تا چهار ستونه
3. آکاردئون
4. پنل شیشه‌ای
5. کارت همراه با آیکون و توضیح

هر آیتم داخل منوی کشویی نیز دارای متن، لینک، آیکون و تنظیمات مستقل است و می‌تواند مانند خود دکمه به صورت شرطی نمایش داده شود.

استایل‌های آماده و مدرن برای دکمه‌ها در افزونه Elementor Smart Buttons

برای طراحی سریع‌تر، ویجت دکمه هوشمند دارای چندین استایل آماده است که تنها با یک کلیک قابل انتخاب هستند.

استایل‌های فعلی عبارت‌اند از:

1. مسطح مدرن
2. شیشه‌ای (Glassmorphism)
3. نئومورفیک
4. سه‌بعدی فشاری
5. حاشیه کشیده‌شونده
6. مینیمال با زیرخط

تمام این استایل‌ها نقطه شروع طراحی هستند و محدود به ظاهر پیش‌فرض باقی نمی‌مانند.

شخصی‌سازی کامل از طریق تنظیمات استاندارد المنتور

یکی از مزیت‌های افزونه این است که برای تغییر ظاهر دکمه‌ها نیازی به CSS یا تنظیمات پیچیده نخواهید داشت.

تمامی استایل‌ها از طریق تب Style خود المنتور قابل ویرایش هستند و می‌توانید مواردی مانند:

1. رنگ متن
2. رنگ پس‌زمینه
3. گرادینت
4. تایپوگرافی
5. فاصله‌ها
6. شعاع گوشه‌ها
7. آیکون‌ها
8. رنگ Hover
9. سایه‌ها

و سایر تنظیمات ظاهری را مطابق طراحی سایت خود تغییر دهید. به همین دلیل، استایل‌های آماده صرفاً نقطه شروع هستند و می‌توانید هر کدام را کاملاً شخصی‌سازی کنید.

ویژگی‌های کلیدی افزونه Elementor Smart Buttons

• افزودن دو ویجت اختصاصی دکمه هوشمند و دکمه هوشمند Dropdown به المنتور
• سازگار با المنتور رایگان و المنتور پرو نسخه 4.1 و بالاتر
• امکان شرطی کردن نمایش دکمه براساس وضعیت ورود کاربر (عضو یا مهمان)
• امکان شرطی کردن نمایش دکمه براساس نقش کاربری
• امکان شرطی کردن نمایش دکمه براساس نوع دستگاه (دسکتاپ، تبلت و موبایل)
• امکان شرطی کردن نمایش دکمه براساس زبان فعال سایت
• پشتیبانی کامل از افزونه‌های WPML و Polylang
• امکان تعریف محتوای جایگزین برای هر دکمه در شرایط مختلف
• قابلیت تغییر متن، لینک و آیکون دکمه برای هر شرط به‌صورت مستقل
• امکان تعریف تعداد نامحدود سناریو برای هر دکمه
• پشتیبانی از ترکیب شرط‌ها با عملگرهای AND و OR
• امکان معکوس کردن نتیجه هر شرط (NOT)
• حذف نیاز به استفاده از چندین دکمه برای سناریوهای مختلف
• دارای ویجت اختصاصی دکمه کشویی (Dropdown Button) برای المنتور
• امکان ساخت منوی کشویی بدون نیاز به کدنویسی
• دارای ۶ استایل آماده برای دکمه Dropdown
• دارای افکت‌های متنوع هاور
• شخصی‌سازی کامل ظاهر دکمه‌ها از طریق تب Style المنتور
• قابلیت تنظیم رنگ متن، رنگ پس‌زمینه، گرادینت، رنگ هاور و سایه‌ها
• قابلیت تنظیم تایپوگرافی، فاصله‌ها، شعاع گوشه‌ها و اندازه آیکون
• استفاده از کتابخانه آیکون‌های المنتور
• امکان استفاده از آیکون‌های SVG سفارشی
• پشتیبانی از تگ‌های داینامیک (Dynamic Tags) المنتور برای متن، لینک و سایر فیلدهای پشتیبانی‌شده
• قابلیت فعال یا غیرفعال کردن ویجت‌های افزونه از طریق تنظیمات پلاگین
• کدنویسی کاملاً بهینه با معماری جدید و مدرن
• بارگذاری تنها فایل‌ها و استایل‌های موردنیاز هر ویجت
• سازگار با سایت‌های فارسی (RTL) و انگلیسی (LTR)
• مناسب برای طراحی انواع دکمه‌های فراخوان (CTA)، پنل‌های کاربری، منوهای کشویی و مگامنو در المنتور

آیا افزونه Elementor Smart Buttons با نسخه رایگان المنتور کار می‌کند؟

بله. این افزونه با نسخه رایگان المنتور نیز کاملاً سازگار است و برای استفاده از ویجت‌های دکمه هوشمند و دکمه هوشمند Dropdown نیازی به نصب Elementor Pro ندارید. البته اگر از امکانات اختصاصی المنتور پرو مانند Dynamic Tags استفاده کنید، طبیعتاً باید نسخه پرو المنتور نیز روی سایت نصب باشد.

آیا این افزونه ویجت دکمه پیش‌فرض المنتور را تغییر می‌دهد؟

خیر. افزونه هیچ تغییری در ویجت دکمه پیش‌فرض المنتور ایجاد نمی‌کند. پس از نصب، تنها دو ویجت جدید با نام دکمه هوشمند و دکمه هوشمند Dropdown به المنتور اضافه می‌شوند و می‌توانید در کنار ویجت‌های اصلی المنتور از آن‌ها استفاده کنید.

آیا می‌توان متن، لینک و آیکون دکمه را براساس شرایط مختلف تغییر داد؟

بله. برای هر دکمه می‌توانید چندین حالت مختلف تعریف کنید. به عنوان مثال، اگر کاربر مهمان باشد متن و لینک خاصی نمایش داده شود و اگر عضو سایت باشد، متن، لینک و آیکون دیگری نمایش داده شود. تمامی این تغییرات تنها با یک ویجت انجام می‌شوند و نیازی به ساخت چندین دکمه در صفحه نیست.

آیا افزونه دکمه هوشمند المنتور باعث کاهش سرعت سایت می‌شود؟

خیر. افزونه با معماری جدید و بهینه توسعه داده شده و تنها فایل‌ها و استایل‌های موردنیاز ویجت‌های استفاده‌شده را در صفحات بارگذاری می‌کند. به همین دلیل در صورت استفاده صحیح، تأثیر محسوسی بر سرعت سایت نخواهد داشت.

آیا افزونه از Dynamic Tags المنتور پشتیبانی می‌کند؟

بله. در فیلدهای پشتیبانی‌شده می‌توانید از تگ‌های پویا (Dynamic Tags) المنتور استفاده کنید تا متن یا لینک دکمه‌ها به‌صورت پویا از اطلاعات سایت یا سایر افزونه‌ها دریافت شود.

آیا امکان شخصی‌سازی کامل ظاهر دکمه‌ها وجود دارد؟

بله. تمامی استایل‌ها از طریق تب Style المنتور قابل ویرایش هستند و می‌توانید رنگ‌ها، تایپوگرافی، گرادینت، سایه، فاصله‌ها، شعاع گوشه‌ها، آیکون‌ها و سایر بخش‌های ظاهری را مطابق طراحی سایت خود تغییر دهید.

گالری تصاویر افزونه Elementor Smart Buttons۶ تصویر

استایل و سبک دکمه دراپ داون

استایل‌های دکمه هوشمند المنتور

شرطی کردن محتوا و جایگزینی دکمه

تنظیم‌های دکمه کشویی – دراپ داون

شخصی سازی استایل دراپ داون

تنظیمات افزونه دکمه شرطی برای المنتور