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

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در print
پاپ آپ نصب آپلیکیشن موبایل
پخش ویدیو

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

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

در این آموزش قصد داریم تا با استفاده از افزونه المنتور پرو و افزونه جانبی المنتور اکسترا، یک نوار طراحی کرده و اگر کاربری با موبایل و سیستم عامل 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 وارد سایت شود، لینک دانلود برنامه مخصوص اندورید را مشاهده می کند:

پاپ آپ نصب آپلیکیشن موبایل

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

045-microphone

مدرس :
محمدرضا احمدزاده

013-globe

سطح آموزش :
متوسط

035-essay

زمان آموزش :
6 دقیقه

امتیاز دهید

اشتراک گذاری

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email

آخرین مقالات

آخرین محصولات

آخرین محصولات

برچسب ها

لینک کوتاه

https://elementorfa.ir/?p=58888

فهرست مطالب

mahdi
mahdi در 13:47

سلام میخواهم مثل بعضی از سایت ها بالا گوگل جای لینک نوشته instal روی ان میزنیم نرم افزار ان سایت نصب میشود چیکار باید بکنم

پاسخ
المنتور فارسی
المنتور فارسی در 13:53

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

پاسخ
mahdi
mahdi در 13:54

نرم افزار سایت را چگونه طراحی کنم لطفا کمکم کنید

پاسخ
المنتور فارسی
المنتور فارسی در 13:56

متاسفانه در این زمینه تخصصی نداریم.

پاسخ
mahdi
mahdi در 13:57

سایتی سراغ ندارید

nayrika web
nayrika web در 12:04

سلام و وقت بخیر
ممنون از آموزشهاتون واقعا عالین. میشه آموزش این مورد رو هم بزارین:
سایتهایی مثل آفر کد و موکوپن یه قسمت دارن که یه دکمه هست که زده کپی کد تخفیف چطور میشه این دکمه رو ساخت ؟
ممنون میشم یه آموزش هم در این رابطه بزارین. با تشکر

پاسخ
المنتور فارسی
المنتور فارسی در 12:16

با سلام
در خدمت هستیم. این مورد رو میشه با افزونه Dynamic Content پیاده سازی کرد. ویجت مخصوص کپی کردن داره.

پاسخ
میلاد
میلاد در 20:01

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

پاسخ
المنتور فارسی
المنتور فارسی در 11:02

با سلام
ممنون از همراهی شما

پاسخ

نظرات ارزشمند خود را به اشتراک بگذارید

نیاز به کمک دارید؟ پیام دهید