نمایش اعلان نصب اپلیکیشن موبایل برای سیستم عامل های مختلف (iOS یا Android) با المنتور

برخی از سایت هایی که دارای اپلیکیشن موبایل هستند، در هنگام ورود به سایت اگر با موبایل وارد شوید، اعلان نصب اپلیکیشن را به شما نمایش می دهند.

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

در این آموزش قصد داریم تا با استفاده از افزونه المنتور پرو و افزونه جانبی المنتور اکسترا، یک نوار طراحی کرده و اگر کاربری با موبایل و سیستم عامل Android وارد شد، یک لینک دانلود و اگر با سیستم عامل iOS وارد شد، یک دکمه دیگر نمایش دهد.

اعلان نصب اپلیکیشن موبایل برای سیستم عامل های iOS یا Android

طراحی پاپ آپ دانلود برنامه

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

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

بعد از ورود به محیط المنتور، از پایین صفحه، آیکون چرخ دنده را زده و تنظیمات پاپ آپ را طبق تصویر زیر انجام دهید:

به تب استایل رفته و رنگ پس زمینه پاپ آپ را تعیین کنید. در اینجا ما یک پس زمینه با کد رنگی rgba(75,75,75,.85) قرار دادیم.

حالا یک بخش تک ستونه ایجاد کرده و 4 ویجت داخل صفحه قرار می دهیم. ویجت تصویر، سربرگ و 2 ویجت دکمه را زیر هم قرار دهید. سپس در تب پیشرفته هر 4 ویجت، تب موقعیت گزینه عرض را روی حالت در متن (inline) قرار می دهیم.

بعد از قرار دادن ویجت ها با عرض در متن، ظاهر پاپ آپ به شکل زیر خواهد بود:

برای اینکه ظاهر مناسب تری به خود بگیرد، روی ستون کلیک کنید و ترازبندی عمودی را روی وسط و ترازبندی افقی را روی فضای اطراف قرار دهید.

حالا می توانید لینک مخصوص به دانلود هر سیستم عامل را دکمه مورد نظر اختصاص دهید.

شرایط نمایش دکمه ها با افزونه Elementor Extras

برای نمایش دادن دکمه دانلود برنامه iOS برای سیستم عامل iOS، بر روی ویجت کلیک کرده و در تب پیشرفته، گزینه موارد اضافه را بزنید. ( این گزینه در صورت نصب افزونه Elementor Extras اضافه خواهد شد.) گزینه نمایش شرایط را روشن کنید. و طبق تصویر زیر موارد را قرار دهید.

این گزینه دکمه را فقط برای کاربران iPhone نشان می دهد.

برای دکمه دانلود برنامه Android هم از همین مسیر رفته ودر قسمت سیستم عامل گزینه Linux را انتخاب کنید.

تنظیمات نمایش پاپ آپ

حال دکمه انتشار پاپ آپ را بزنید.در بخش اول دکمه اضافه کردن شرط را زده و گزینه کل سایت را اتنخاب کنید.

در تب دوم راه انداز، گزینه در بارگذاری صفحه را روشن کنید.

در تب سوم یعنی قوانین پیشرفته، گزینه تبلت و موبایل را فقط قرار دهید.

در انتها دکمه ذخیره و بستن را بزنید و با دستگاه موبایل، پاپ آپ را بررسی کنید.

برای تست صحت نمایش دکمه ها در دستگاه های مختلف می توانید از مرورگر Blisk استفاده کنید. برای دانلود رایگان این مرورگر می توانید از آدرس https://blisk.io اقدام کنید.

اگر کاربری با سیستم عامل iOS وارد سایت شود، پاپ آپ دانلود برنامه مخصوص آیفون را مشاهده می کنید:

و اگر کاربر با سیستم عمال Android وارد سایت شود، لینک دانلود برنامه مخصوص اندورید را مشاهده می کند:

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