ایجاد پاپ آپ در وردپرس – افزونه Popup Builder
همه ما می دانیم که پاپ آپها جزء بخش های جذاب وبسایت شمرده میشوند. این پنجرههای تبلیغاتی به شما کمک می کند تا تخفیفهای سایت خود را به اطلاع کاربران برسانید، محصول خاص خود را معرفی نمایید و یا کاربران را عضو خبرنامه ایمیلی خود نمایید. البته احتمال دارد شما از پنجرههای تبلیغاتی خاطره خوبی نداشته باشید نداشته باشید. ولی این در مواقعی است است که از این پنجره ها به خوبی استفاده نشود. برای مثال بکار بردن بیش از حد از این پاپآپها باعث ایجاد مزاحمت برای کاربران می شود و حتی ممکن است این افراد برای بار دوم به سایت شما مراجعه نکنند. ولی در صورتی که هوشمندانه عمل کنید، مطمئنا نتایج خوبی به دست می آورید. افزونه ای که ما در این مطلب به شما معرفی می کنیم کمک می کند تا بتوانید پنجره های پاپ آپ در وردپرس خود ایجاد کنید.
ایجاد پاپ آپ در وردپرس
افزونههای زیادی جهت ایجاد پاپ آپ در وردپرس وجود دارد. یکی از افزونههای ساده و در عین حال کاربردی، افزونه Popup Builder است. این افزونه به شما امکان ایجاد پنجره های تبلیغاتی در وردپرس را می دهد. برخی از امکانات افزونه Popup Builder عبارتاند از:
ویژگی های پنجرههای تبلیغاتی در وردپرس
- ایجاد بینهایت پاپ آپ مختلف در وردپرس
- قرار دادن انیمیشن جهت نمایش پاپ آپ
- نمایش عکس به صورت پاپ آپ
- ایجاد فرم خبرنامه در پاپ آپ
- قرار دادن کد HTML در پاپ آپ
- و …
نصب و راه اندازی افزونه Popup Biulder
طبق روال قبل اولین کار افزونه را از لینک موجود در پایان مطالب دانلود کنید. بعد وارد پیشخوان وردپرس شده و از قسمت افزونهها، روی “افزودن” کلیک کنید. در صفحه باز شده، دکمه “بارگذاری افزونه” را انتخاب کنید و فایل دانلود شده را انتخاب کنید و در نهایت افزونه را فعال کنید.
در سمت راست پیشخوان وردپرس، بخش جدیدی به نام Popup Builder برای ایجاد پاپ آپ در وردپرس ساخته شده است؛ روی آن کلیک کنید.
در ادامه هر کدام از منوهای این قسمت را به شما دوستان معرفی می کنیم:
All Popups: در این بخش همه پاپ آپ هایی که ایجاد کرده اید لیست میشوند. شما با بکار بردن دکمههای Import و Export میتوانید از پاپ آپها خروجی بگیرید یا پاپ آپهای خود را درون ریزی نمایید.
Categories: در صورت تمایل میتوانید پاپ آپهای خود را دسته بندی نمایید. برای این کار کافیست در این قسمت دسته بندیهای مورد نظر خود راایجاد کنید.
Add New: برای ساخت پاپ آپ در وردپرس جدید وارد این قسمت شوید.
Subscribers: لیست دنبال کنندگان شما که در خبرنامه ایمیلی از طریق این افزونه ثبت نام کردهاند را نمایش میدهد. در این صفحه میتوانید دنبال کنندگان را به صورت دستی هم وارد کنید.
Newsletter: ایمیل ارسال شده توسط افزونه بعد از ثبت نام کاربران در خبرنامه را در این بخش میتوانید ویرایش نمایید. کافیست یک پاپ آپ که قبلا ایجاد کرده اید را به عنوان پاپ آپ خبرنامه مشخص کنید و بعد محتوای ایمیل را سفارشیسازی نمایید.
Settings: تنظیمات افزونه در این بخش قرار دارد که آن ها را بررسی می کنیم.
ادامه:
Delete popup data: در صورت فعال بودن این گزینه، همه اطلاعات پاپ آپها پس از پاک کردن افزونه پاک میشود.
User role to access the plugin: نقش یا نقشهای کاربری وردپرس را که میخواهید به افزونه دسترسی داشته باشند را در این قسمت مشخص کنید. همیشه مدیر سایت به افزونه دسترسی دارد.
حال جهت ایجاد پاپ آپ در وردپرس، روی Add New کلیک نمایید. در صفحه باز شده، باید نوع پاپ آپ خود را مشخص کنید. در نسخه رایگان میتوانید در پاپ آپ عکس، کد HTML، اطلاعات حساب Facebook و فرم عضویت در خبرنامه را نمایش دهید.
مثلا، ما “عکس” یا “Image” را انتخاب میکنیم. روی آن کلیک کنید تا وارد صفحه جزئیات پنجره تبلیغاتی در وردپرس شوید.
عنوان مورد نظر خود را برای پاپ آپ خود انتخاب کنید و در بخش Image Popup Main Options، عکس مورد نظر خود را آپلود کنید.
Popup Display Rules: در این بخش مکانهایی از وبسایت را که میخواهید پاپ آپ در آنجا نمایش داده شود و یا نشود را وارد کنید. از بخش Display Rule مکان مورد نظر را مشخص کنید. اگر بخواهید میتوانید روی دکمه Add کلیک کنید و مکان جدیدی را بیافزایید. حتی میتوانید پاپ آپ را در صفحهای خاص مثل صفحه یکی از محصولات خود نمایش دهید. برای این کار مقدار Selected Product را انتخاب کنید و در لیست باز شده، محصول خود را انتخاب کنید.
Popup Events: این بخش مربوط به نحوه نمایش پاپ آپ می باشد. از بخش Event میتوانید مشخص کنید پاپ آپ هنگام بارگذاری صفحه، کلیک کردن و یا هاور کردن موس نمایش داده شود.
Design
Popup z-index: مقدار ارزش پاپ را مشخص میکند که براساس آن و در مقایسه با ارزش بقیه المانها، پاپ آپ بارگذاری خواهد شد. بهتر است به این مقدار دست نزنید.
Theme: با هاور کردن و نگه داشتن موس روی هر یک از گزینهها، میتوانید قالبهای نمایش مختلف پاپ آپ را مشاهده کنید و یکی را انتخاب کنید.
Overlay custom css class: اگر برای نمایش پاپ آپ کلاس خاص خودتان نوشتهاید، نام آن را در این قسمت وارد نمایید.
Change color: رنگ پاپ آپ را مشخص کنید.
Opacity: میزان شفافیت نمایش پاپ آپ را مشخص نمایید.
Show background: میتوانید این گزینه را تیک بزنید تا پس زمینهای رنگی برای پاپ آپ نمایش داده شود که رنگ آن را نیز میتوانید تغییر دهید.
Close Settings
Dismiss on “esc” key: اگر این گزینه فعال باشد، اگر دکمه Esc کیبورد زده شود، پنجره های تبلیغاتی در وردپرس بسته خواهد شد.
Show “close” button: در صورتی که میخواهید دکمه بستن پاپ آپ نمایش داده شود، این گزینه را فعال کنید.
Button delay: اگر میخواهید دکمه بستن پاپ آپ با تاخیر نمایش داده شود، میزان تاخیر را به ثانیه وارد کنید.
Right و bottom: میزان فاصله دکمه بستن را از راست و پایین مشخص کنید.
Button image: عکس دکمه بستن را مشخص کنید.
Width و Height: عرض و ارتفاع عکس دکمه بستن پاپ آپ را مشخص کنید.
Dismiss on overlay click: با فعال کردن این گزینه، در صورتی که کاربر روی هر قسمتی از صفحه که پاپ آپ وجود ندارد کلیک کند، پاپ آپ بسته خواهد شد.
Dimensions
در این بخش باید ابعاد پاپ آپ را مشخص کنید. میتوانید گزینه Responsive mode را انتخاب کنید تا افزونه به صورت خودکار با توجه به ابعاد عکس، پاپ آپ را نمایش دهد. از بخش Size هم میتوانید ابعاد پاپ آپ را به درصد وارد نمایید.
همچنین میتوانید گزینه Custom mode را انتخاب کنید و به صورت دستی ابعاد پاپ آپ را مشخص کنید. البته ما این روش را به شما پیشنهاد نمی کنیم چراکه احتمال دارد پنجره های پاپ آپ در وردپرس در سایز نمایش موبایل و تبلت به خوبی نمایش داده نشود.
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: برای تاخیر در باز شدن پاپ آپ، میتوانید از این قسمت مقداری را به ثانیه وارد کنید.
پس از اتمام تنظیمات ، دسته بندی پاپ آپ خود را تعیین و دکمه انتشار را بزنید.
امیدوارم این مطلب برایتان مفید بوده باشد. منتظر پیشنهادات و انتقاداتتون هستیم 🙂
درباره سحر امیرعباسیان
کارشناس مهندسی فناوری اطلاعات ، علاقه ی زیادی به طراحی وب دارم.
نوشته های بیشتر از سحر امیرعباسیانمطالب زیر را حتما بخوانید
افزونه و کد حذف فیلد آدرس از بخش نظرات وردپرس
1.5k بازدید
نمایش رویدادها در وردپرس به صورت تایم لاین با افزونه Timeline Express
918 بازدید
ایجاد پروفایل کاربری در وردپرس با افزونه Profile Builder
940 بازدید
افزودن عکس پروفایل در وردپرس با افزونه User Profile Picture
714 بازدید
ایجاد منوی رستوران در وردپرس با افزونه Food and Drink Menu
1.08k بازدید
دیدگاهتان را بنویسید