آموزش افزونه Layered Popups – پاپ آپ لایه ای وردپرس

هیچ داده‌ای یافت نشد
هیچ داده‌ای یافت نشد
جلسه

تکی

دوره

ندارد

زمان ویدئو

36 دقیقه

محتوای این جلسه
در این ویدئو آموزشی نحوه ساخت یک پاپ آپ حرفه ای را با استفاده از افزونه Layered Popups فارسی می آموزید و به راحتی قادر خواهید بود که پاپ آپ های قدرتمندی را برای وبسایت خود ایجاد نمایید.

سوالی داری؟ در دیدگاه های این ویدئو میتونی سوالت رو مطرح کنی

در بخش نظرات مطرحش کن! ما به همه سوالات جواب میدیم

آموزش افزونه پاپ آپ لایه ای

افزونه پاپ ­آپ­ لایه ­ای (Layered Popups) از بهترین افزونه­ ها برای ایجاد صفحات پاپ ­آپ حرفه­ ای و زیبا در وردپرس است. شما می­توانید با استفاده از افزونه Layered Popups در عرض چند دقیقه صفحه پاپ­ آپ جذابی که مورد پسند کاربران و بازدیدکنندگان سایت باشد بسازید.

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

سؤالی که برای استفاده از پنجره پاپ­ آپ بین کاربران مطرح است این است که آیا پاپ­ اپ تأثیر منفی در سئو سایت دارد؟ باید بدانید پنجره پاپ­ آپی که در صفحه­ ای جداگانه از صفحات سایت باز می­شود و به کاربران محتوایی غیر از سایت مورد نظرشان را نمایش می­دهند، مناسب نیست و برای سئو سایت هم امتیاز منفی دارد. امّا پاپ­ آپ­ هایی که در همان صفحات سایت باز می­شوند مناسب هستند و مشکلی ایجاد نمی­کنند و می­توان از این صفحات بیشترین بهره را برد.

هم اکنون نسخه اورجینال افزونه پا پ­آپ لایه­ ای در سایت ابزار وردپرس برای استفاده شما عزیزان فراهم شده است. این افزونه توسط تیم ترجمه ابزار وردپرس فارسی شده است و به همراه همه دموها ارائه شده است.

دانلود افزونه پاپ ­آپ لایه ­ای (Layered Popups)

آموزش نصب و استفاده از افزونه پاپ ­آپ لایه­ ای

برای نصب افزونه پاپ­ آپ لایه­ ای، در پیشخوان وردپرس، مسیر “افزونه­ ها > افزودن” را انتخاب کنید و سپس دکمه “بارگذاری افزونه” را کلیک کنید. فایل فشرده افزونه Layered Popups که از سایت ابزار وردپرس دانلود کردید را انتخاب و نصب کنید. پس از نصب افزونه آن را فعال کنید.

با فعال سازی افزونه، منوی جدید “Lyered Popups” به پیشخوان وردپرس اضافه خواهد شد. با کلیک روی این گزینه زیرمنوهای آن را مشاهده می­کنید.

منوی پاپ ­آپ ­ها

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

منوی ایجاد پاپ ­آپ

برای ساخت پاپ­ آپ جدید این منو را انتخاب کنید. ایجاد پاپ­ آپ با افزونه پاپ ­آپ لایه ­ای بسیار ساده است و در عرض چند دقیقه شما می­توانید یک پنجره پاپ­ آپ حرفه­ ای بسازید.

  • عنوان: نام پاپ­آپ را در جعبه عنوان وارد کنید.
  • سایز اصلی: در این قسمت، عرض و ارتفاع جعبه پاپ ­آپ را به پیکسل مشخص کنید.
  • موقعیت: موقعیت مکانی پاپ ­آپ را تعیین کنید. در بیشتر سایت ­ها، پنجره پاپ ­آپ در وسط صفحه سایت نمایش داده می­شود. شما می­توانید بر اساس نیازتان از موقعیت­  های مکانی مختلف برای پاپ­ آپ استفاده کنید.
  • غیرفعال کردن هم­پوشانی: منظور از هم­پوشانی، فیلتر رنگ پس ­زمینه ­ای است که در پشت پنجره پاپ­ آپ قرار می­گیرد، و صفحه سایت غیرفعال می­شود. با انتخاب این گزینه، فیلتر هم­  پوشانی در پشت پاپ­ آپ غیر­فعال می­شود و کاربر صفحه سایت را در پشت پنجره پاپ­ آپ مشاهده می­کند. در واقع انتخاب نبودن این گزینه صفحه سایت را فیلتر و غیرفعال می­کند و تا وقتی که کاربر از پنجره پاپ ­آپ خارج نشود، صفحه سایت را مشاهده نمی­کند.
  • رنگ هم­پوشان: رنگ فیلتر پوششی نیز قابل تغییر است.
  • شفافیت هم­پوشانی: از این قسمت میزان شفافیت فیلتر پوششی را تعیین کنید.
  • انیمیشن پوشش: شما می­توانید با استفاده از جعبه باز­شونده انواع انیمیشن، حالت نمایش انیمیشینی فیلتر پوششی را تغییر دهید.
  • چرخاننده ایجکسی: همان دکمه لودینگ است که قبل از پنجره پاپ ­آپ چند ثانیه ­ای به کاربر نمایش داده می­شود. با استفاده از دکمه “انتخاب چرخاننده”، انواع مختلف لودینگ انتخاب کنید. همچنین امکان گزینش رنگ چرخاننده نیز وجود دارد.
  • بستن گسترش یافته: با فعال بودن این گزینه، هر جای صفحه که کاربر کلیک کند، پنجره پاپ­ آپ بسته می­شود. در صورت غیر­فعال بودن این گزینه، کاربر برای بستن پنجره پاپ­  آپ، حتماً باید دکمه خروج از پاپ­اپ را کلیک کند.
  • ارسال گسترش یافته: اگر این گزینه را تیک بزنید، فرم­ های پنجره پاپ­ آپ، با فشار دادن دکمه Enter روی کیبورد، ارسال می­شوند.

پس از انجام تنظیمات اولیه، از بخش “سازنده پاپ­ آپ”، شروع به طراحی کرده و المان­ های پاپ آپ را اضافه می­کنیم. دکمه “افزودن لایه” را کلیک کنید و هر نوع لایه ­ای که می­خواهید به پاپ ­آپ اضافه شود را انتخاب کنید. المان­ های طراحی پاپ­ آپ در افزونه Layered Popups به قدری متنوع هستند که هر گونه نیازی را پاسخ می­دهند. شما می­توانید به پنچره پاپ­ آپ، تصویر، متن، انواع فیلدهای فرم تماس مثل نام، ایمیل، شماره تلفن، و حتی دکمه بستن پنجره پاپ­آپ را اضافه کنید.

با انتخاب هر کدام از المان ­ها، امکان تنظیمات بیشتری برای تغییر اندازه، رنگ، فونت، حاشیه، بک­گراند، کادر و… وجود دارد.

اگر از فیلدهای فرم تماس در پنجره ­پاپ آپ استفاده کردید، از بخش “پارامترهای فرم بومی”، می­توانید متن فیلدها را تغییر دهید.

پس از ساخت پاپ ­آپ و انجام تغییرات آن، پاپ ­آپ را ذخیره کنید.

هدف گذاری

پس از ایجاد پنجره پاپ­آپ، نوبت آن است که پاپ را در سایت نمایش دهید. این کار هم به سادگی انجام می­شود. ابتدا از منوی هدف گذاری زمان نمایش پنجره پاپ­ آپ را مشخص کنید. معمولاً سه حالت در زمان لود صفحه (OnLoad)، اسکرول صفحه (On Scroll) و زمان خارج شدن از صفحه (On Exit) کاربرد بیشتری برای نمایش پاپ­آپ دارند.

پس از انتخاب زمان نمایش پنجره پاپ­ آپ، لینک “ایجاد” را کلیک کنید. در صفحه بعد، نام پاپ ­آپی که طراحی کردید و می­خواهید در سایت نمایش داده شود را در دسکتاپ و موبایل انتخاب کنید. همچنین زمان نمایش، مقدار تأخیر، دوره نمایش پاپ­ آپ، کاربرانی که  قرار است پاپ ­آپ را مشاهده کنند و محل نمایش پاپ­ آپ در صفحات سایت را مشخص کنید.

هدف­ گذاری را ذخیره کنید و سپس پاپ­ آپ را از قسمت اهداف منفعل، با کشیدن ماوس به قسمت هدف­ گذاری منتقل کنید (Drag&Drop) کار ساخت پاپ آپ تمام شد! حال با باز کردن صفحات سایت در مرورگر، پنجره پاپ­ آپی که طراحی کردید را به زیبایی هر چه تمامتر مشاهده می­کنید.

موفق و سربلند باشید.

Views 0
تجربه کاربران

دیدگاه‌ها و پرسش‌ها

0 دیدگاه
بخش دیدگاه‌های این صفحه موقتاً در دسترس نیست.
مهدی جبین پور
مهدی جبین پور

دانشجوی دکتری تجارت الکترونیک ، ده سال و هزاران جلسه تدریس کامل طراحی سایت با وردپرس همگام با جدیدترین متدهای ممکن

آموزش افزونه اسلایدر روولوشن
چطور سایت پویا و جذابی با اسلایدر داشته باشیم؟
آموزش کسب درآمد از طراحی سایت
چطور از وردپرس پول در بیاریم؟
آموزش جامع ووکامرس
برای ساخت یک فروشگاه تمام عیار آماده اید؟
بهترین قالب خودرو و نمایندگی خودرو - سایت آماده نمایندگی خودرو با قابلیت رزرو نوبت خدمات
همه آنچیزی که در زمینه خودرو نیاز است...!
قالب فروشگاه پت شاپ و حیوانات خانگی
فروشگاه لوازم و غذا و خدمات پت باهم !
سایت آماده فروشگاه اسباب بازی
خلاقانه ترین فروشگاه آنلاین را بساز!