جستجو برای:
سبد خرید 0
  • صفحه اصلی
  • مقالات و آموزش ها
  • فروشگاه
  • درباره ما
  • پرسش و پاسخ
  • دانلود وردپرس
  • ارتباط با ما

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت
  • phone 04133252264
  • email info@wpnegar.ir
perm_identity
سبد خرید 0
  • قوانین و مقررات
  • ثبت تیکت
0
وردپرس نگار (وی‌پی نگار) - WP Negar
  • صفحه اصلی
  • مقالات و آموزش ها
  • فروشگاه
  • درباره ما
  • پرسش و پاسخ
  • دانلود وردپرس
  • ارتباط با ما
perm_identity ورود و ثبت نام

وبلاگ

وردپرس نگار (وی‌پی نگار) - WP Negar > مقالات و آموزش ها > افزونه وردپرس > ایجاد پاپ آپ در وردپرس – افزونه Popup Builder

ایجاد پاپ آپ در وردپرس – افزونه Popup Builder

access_time14 آوریل 2019
perm_identity ارسال شده توسط سحر امیرعباسیان
folder_open افزونه وردپرس
visibility 1.1k بازدید
افزونه Popup Builder

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

ایجاد پاپ آپ در وردپرس

افزونه‌های زیادی جهت ایجاد پاپ‌ ‎آپ در وردپرس وجود دارد. یکی از افزونه‌های ساده و در عین حال کاربردی، افزونه Popup Builder است. این افزونه به شما امکان ایجاد پنجره‌ های تبلیغاتی در وردپرس را می دهد. برخی از امکانات افزونه Popup Builder عبارت‌اند از:

ویژگی های پنجره‌های تبلیغاتی در وردپرس

  • ایجاد بی‌نهایت پاپ آپ مختلف در وردپرس
  • قرار دادن انیمیشن جهت نمایش پاپ آپ
  • نمایش عکس به صورت پاپ آپ
  • ایجاد فرم خبرنامه در پاپ آپ
  • قرار دادن کد HTML در پاپ آپ
  • و …

نصب و راه اندازی افزونه Popup Biulder

 Popup Biulder

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

در سمت راست پیشخوان وردپرس، بخش جدیدی به نام Popup Builder برای ایجاد پاپ آپ در وردپرس ساخته شده است؛ روی آن کلیک کنید.

Popup Biulder

در ادامه هر کدام از منوهای این قسمت را به شما دوستان معرفی می کنیم:

All Popups: در این بخش همه پاپ آپ هایی که ایجاد کرده اید لیست می‌شوند. شما با بکار بردن دکمه‌های Import و Export می‌توانید از پاپ آپ‌ها خروجی بگیرید یا پاپ آپ‌های خود را درون ریزی نمایید.
Categories: در صورت تمایل می‌توانید پاپ آپ‌های خود را دسته بندی نمایید. برای این کار کافیست در این قسمت دسته بندی‌های مورد نظر خود راایجاد کنید.

Add New: برای ساخت پاپ آپ در وردپرس جدید وارد این قسمت شوید.
Subscribers: لیست دنبال کنندگان شما که در خبرنامه ایمیلی از طریق این افزونه ثبت نام کرده‌اند را نمایش می‌دهد. در این صفحه می‌توانید دنبال کنندگان را به صورت دستی هم وارد کنید.

Newsletter: ایمیل ارسال شده توسط افزونه بعد از ثبت نام کاربران در خبرنامه را در این  بخش می‌توانید ویرایش نمایید. کافیست یک پاپ آپ که قبلا ایجاد کرده اید را به عنوان پاپ آپ خبرنامه مشخص کنید و بعد محتوای ایمیل را سفارشی‌سازی نمایید.
Settings: تنظیمات افزونه در این بخش قرار دارد که آن ها را بررسی می کنیم.

setting

ادامه:

Delete popup data: در صورت فعال بودن این گزینه، همه اطلاعات پاپ آپ‌ها پس از پاک کردن افزونه پاک می‌شود.
User role to access the plugin: نقش یا نقش‌های کاربری وردپرس را که می‌خواهید به افزونه دسترسی داشته باشند را در این قسمت مشخص کنید. همیشه مدیر سایت به افزونه دسترسی دارد.

حال جهت ایجاد پاپ آپ در وردپرس، روی Add New کلیک نمایید. در صفحه باز شده، باید نوع پاپ آپ خود را مشخص کنید. در نسخه رایگان می‌توانید  در پاپ آپ عکس، کد HTML، اطلاعات حساب Facebook و فرم عضویت در خبرنامه را نمایش دهید.

pop up

مثلا، ما “عکس” یا “Image” را انتخاب می‌کنیم. روی آن کلیک کنید تا وارد صفحه جزئیات پنجره تبلیغاتی در وردپرس شوید.

add new

عنوان مورد نظر خود را برای پاپ آپ خود انتخاب کنید و در بخش Image Popup Main Options، عکس مورد نظر خود را آپلود کنید.

popup

Popup Display Rules: در این بخش مکان‌هایی از وبسایت را که می‌خواهید پاپ آپ در آنجا نمایش داده شود و یا نشود را وارد کنید. از بخش Display Rule مکان مورد نظر را مشخص کنید. اگر بخواهید می‌توانید روی دکمه Add کلیک کنید و مکان جدیدی را بیافزایید. حتی می‌توانید پاپ آپ را در صفحه‌ای خاص مثل صفحه یکی از محصولات خود نمایش دهید. برای این کار مقدار Selected Product را انتخاب کنید و در لیست باز شده، محصول خود را انتخاب کنید.

Popup Events: این بخش مربوط به نحوه نمایش پاپ آپ می باشد. از بخش Event می‌توانید مشخص کنید پاپ آپ هنگام بارگذاری صفحه، کلیک کردن و یا هاور کردن موس نمایش داده شود.

DesignDesign

Popup z-index: مقدار ارزش پاپ را مشخص می‌کند که براساس آن و در مقایسه با ارزش بقیه المان‌ها، پاپ آپ بارگذاری خواهد شد. بهتر است به این مقدار دست نزنید.
Theme: با هاور کردن و نگه داشتن موس روی هر یک از گزینه‌ها، می‌توانید قالب‌های نمایش مختلف پاپ آپ را مشاهده کنید و یکی را انتخاب کنید.
Overlay custom css class: اگر برای نمایش پاپ آپ کلاس خاص خودتان نوشته‌اید، نام آن را در این قسمت وارد نمایید.
Change color: رنگ پاپ آپ را مشخص کنید.

Opacity: میزان شفافیت نمایش پاپ آپ را مشخص نمایید.
Show background: می‌توانید این گزینه را تیک بزنید تا پس زمینه‌ای رنگی برای پاپ آپ نمایش داده شود که رنگ آن را نیز می‌توانید تغییر دهید.

Close Settings

Close Settings

Dismiss on “esc” key: اگر این گزینه فعال باشد، اگر دکمه Esc کیبورد زده شود، پنجره های تبلیغاتی در وردپرس بسته خواهد شد.
Show “close” button: در صورتی که می‌خواهید دکمه بستن پاپ آپ نمایش داده شود، این گزینه را فعال کنید.
Button delay: اگر می‌خواهید دکمه بستن پاپ آپ با تاخیر نمایش داده شود، میزان تاخیر را به ثانیه وارد کنید.
Right و bottom: میزان فاصله دکمه بستن را از راست و پایین مشخص کنید.

Button image: عکس دکمه بستن را مشخص کنید.
Width و Height: عرض و ارتفاع عکس دکمه بستن پاپ آپ را مشخص کنید.
Dismiss on overlay click: با فعال کردن این گزینه، در صورتی که کاربر روی هر قسمتی از صفحه که پاپ آپ وجود ندارد کلیک کند، پاپ آپ بسته خواهد شد.

Dimensions

Dimensions

در این بخش باید ابعاد پاپ آپ را مشخص کنید. می‌توانید گزینه Responsive mode را انتخاب کنید تا افزونه به صورت خودکار با توجه به ابعاد عکس، پاپ آپ را نمایش دهد. از بخش Size هم می‌توانید ابعاد پاپ آپ را به درصد وارد نمایید.

همچنین می‌توانید گزینه Custom mode را انتخاب کنید و به صورت دستی ابعاد پاپ آپ را مشخص کنید. البته ما این روش را به شما پیشنهاد نمی کنیم چراکه احتمال دارد پنجره های پاپ آپ در وردپرس در سایز نمایش موبایل و تبلت به خوبی نمایش داده نشود.

Popup Options

Popup Options

Action on popup content click: از این بخش باید مشخص کنید بعد از کلیک روی پاپ آپ چه اتفاقی می افتد. این گزینه را تیک بزنید تا حالات مختلف نمایش داده شود.

۳ حالت را می‌توانید مشخص کنید:

  • Close popup: که امکان پاپ آپ بسته خواهد شد.
  • Redirect: لینکی را به پاپ آپ اختصاص می‌دهد که با فعال کردن این گزینه، می‌توانید لینک مورد نظر را وارد کنید.
  • Copy to clipboard: با کلیک کردن روی پاپ آپ، متنی در حافظه کلیپ بورد کامپیوتر کاربر کپی خواهد شد. این متن را می‌توانید خودتان مشخص کنید.

Popup showing limitation: با استفاده از این گزینه می توانید تعداد دفعات نمایش پنجره های تبلیغاتی در وردپرس به هر کاربر را مشخص کنید. همچنین می‌توانید از این قسمت تعداد روزهایی را که پس از آن پاپ آپ منقضی می‌شود را وارد کنید.
Popup Opening sound: اگر می‌خواهید باز شدن پاپ آپ همراه با صدا باشد، این گزینه را تیک بزنید. می‌توانید صدای مورد نظر خود را هم قرار دهید.
Popup opening animation: می‌توانید یک انیمیشن برای باز شدن پاپ آپ مشخص نمایید.
Popup closing animation: می‌توانید یک انیمیشن برای بستن پاپ آپ تعیین کنید.
Popup location: موقعیت پاپ آپ نسبت به صفحه را می‌توانید از این بخش مشخص کنید.

Disable page scrolling: با فعال بودن این گزینه، تا زمانی که پنجره های تبلیغاتی در وردپرس باز است، کاربر نمی‌تواند اسکرول کند.
Enable content scrolling: اگر محتوای پاپ آپ در ابعاد مشخص شده جا نشود، با فعال کردن این گزینه می‌توانید اجازه اسکرول محتوای پاپ آپ را بدهید.
Popup order: اولویت نمایش این پاپ آپ را نسبت به پاپ آپ‌های دیگر مشخص کنید. هر چه عدد بزرگتری را بنویسید، آن پاپ آپ زودتر از بقیه نمایش داده خواهد شد.
Custom event delay: برای تاخیر در باز شدن پاپ آپ، می‌توانید از این قسمت مقداری را به ثانیه وارد کنید.

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

امیدوارم این مطلب برایتان مفید بوده باشد. منتظر پیشنهادات و انتقاداتتون هستیم 🙂

برچسب ها: popupافزونه Popup Builderافزونه وردپرسایجاد پاپ آپ در وردپرسپاپ آپ در وردپرسپنجره پاپ آپ در وردپرسساخت پاپ آپ وردپرسوردپرس
درباره سحر امیرعباسیان

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

نوشته های بیشتر از سحر امیرعباسیان
مطالب زیر را حتما بخوانید
  • افزونه Comment Link Remove
    افزونه و کد حذف فیلد آدرس از بخش نظرات وردپرس

    1.07k بازدید

  • تایم لاین
    نمایش رویدادها در وردپرس به صورت تایم‌ لاین با افزونه Timeline Express

    630 بازدید

  • افزونه Profile Builder
    ایجاد پروفایل کاربری در وردپرس با افزونه Profile Builder

    760 بازدید

  • تصویر پروفایل
    افزودن عکس پروفایل در وردپرس با افزونه User Profile Picture

    518 بازدید

  • افزونهFood and Drink Menu
    ایجاد منوی رستوران در وردپرس با افزونه Food and Drink Menu

    720 بازدید

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

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
محصولات
  • قالب استارتاپی و دیجیتال مارکتینگ هوپر | Hoper ۷۰,۰۰۰ تومان ۴۰,۰۰۰ تومان
  • ویژوال کامپوزر افزونه ویژوال کامپوزر - WP Bakery Visual Composer فارسی نسخه 5.6 ۴۰,۰۰۰ تومان ۳۲,۰۰۰ تومان
  • افزونه نظرات حرفه ای وردپرس افزونه نظرات حرفه ای وردپرس Commentator ۱۹,۰۰۰ تومان ۱۰,۰۰۰ تومان

تخفیف 50 درصدی وی پی نگار

سیستم پرسش و پاسخ
سیستم پرسش و پاسخ وی‌پی نگار
  • محبوب
  • جدید
  • دیدگاه ها
قبلی بعدی
کانال تلگرام وی‌پی نگار
کانال تلگرام وی‌پی نگار
برجسته ترین ها
  • اضافه کردن فیلد دلخواه جدید به فرم خرید افزونه edd 3 votes, average: 5,00 out of 53 votes, average: 5,00 out of 53 votes, average: 5,00 out of 53 votes, average: 5,00 out of 53 votes, average: 5,00 out of 5 (5,00 out of 5)
  • آموزش تعریف و اضافه کردن فهرست به پوسته وردپرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • انتقال ابزارک بین سایت های وردپرسی 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • حل مشکل درخواست اطلاعات ftp در وردپرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • نحوه ی تغییر سریع نام نقش های کاربری در وردپرس با بکار بردن کد 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • کد قرار دادن عکس در پس زمینه قالب وردپرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • نمایش موقعیت در نقشه گوگل در سایت با استفاده از کد 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • نحوه ی قرار دادن QR code در سایت وردپرسی 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • آموزش ذخیره خودکار تصاویر هنگام انتشار مطلب با Cache images 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
  • آموزش مدیریت دسته بندی محصولات در ووکامرس 2 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 52 votes, average: 5,00 out of 5 (5,00 out of 5)
سیستم پرسش و پاسخ


سیستم پرسش و پاسخ وی‌پی نگار

کانال تلگرام وی‌پی نگار


کانال تلگرام وی‌پی نگار

درباره ما

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

logo-samandehi

منابع رسمی وردپرس
  • سایت رسمی وردپرس جهانی
  • مخزن افزونه ها وردپرس
  • مخزن قالب های وردپرس
  • مخزن کد های وردپرس
پل های ارتباطی
  • location_on
    تبریز - فلکه دانشگاه - ساختمان تبریز - طبقه ۶ - واحد ۲۰
  • phone_android
    04133252264
  • perm_phone_msg
    04133253162
  • email
    info@wpnegar.ir
تمامی حقوق برای سایت وی پی نگار محفوظ می باشد.
keyboard_arrow_up