حتماً برای شما هم پیش آمده است که تا به حال وارد یک سایتی شده باشید و خواسته باشید کاری مانند ثبت نام را در آن سایت انجام بدهید اما به جای رفتن به صفحه ای خاص برای ثبت نام، با باز شدن پاپ آپ کوچکی که به شما امکان ثبت نام را میداد شگفته زده شده باشید. استفاده از پاپ آپ در سایت، هم باعث جذابیت بیشتر آن سایت میشود و هم باعث صرفه جویی در زمان؛ چرا که زمان باز شدن یک پاپ آپ، خیلی سریع تر از لود شدن صفحۀ مجزا و محتوا های آن در سایت است. اگر شما هم میخواهید یاد بگیرید که چگونه از این پاپ آپ های جذاب استفاده کنید و کار ساخت پنجره پاپ آپ در وردپرس را یاد بگیرید حتما تا انتهای مقاله همراه ما باشید.
قرار است در این مطلب، ابتدا با افزونه Popup Builder که یکی از بهترین افزونه ها، برای ساخت پنجره پاپ آپ در وردپرس است آشنا بشوید که کار ساختن پاپ آپ که کاری نسبتا سخت و زمان گیر است را به راحتی و فقط با فشردن موس و چند دکمه، برای شما انجام دهد. اگر شما تا به حال با این افزونه کار نکرده اید و فکر میکنید کار با این افزونه سخت است، نگران نباشید چرا که قرار است در این مقاله، کار با این افزونه را یاد بگیریم و تمام تنظیمات افزونه را از سیر تا پیاز با یکدیگر بررسی کنیم.
آموزش ساخت پنجره پاپ آپ با افزونه Popup Builder
افزونه Popup Builder با بیش از ۲۰۰ هزار نصب فعال و کسب امتیاز ۴٫۹، در حال حاظر یکی از بهترین افزونه ها برای ساخت پنجره پاپ آپ در وردپرس است. رایگان بودن این افزونه و طراحی و رابط کاربری ساده این افزونه باعث شده است که بهترین گزینۀ برای افرادی باشد که به دنبال ساخت پنجره پاپ آپ در وردپرس با استفاده از افزونه هستند.
توجه: در این مقاله ای که شما در حال مطالعه آن هستید، نسخه ۴.۱.۱۲ این افزونه در حال بررسی و آموزش است و ممکن است در نسخه های دیگر این افزونه، بخش هایی از آن و تنظیمات اش دچار تغییراتی شده باشد.
پس از نصب و فعال سازی این افزونه از طریق لینک انتهای مقاله یا مخزن وردپرس، منویی به نام Popup Builder در پیشخوان وردپرس ایجاد میشود که در ادامه به بررسی تک تک آنها میپردازیم.
۱- زیر منوی All Popups :
در این زیر منو شما میتوانید تمامی پاپ آپ هایی که تا به حال ساختید را مشاهده و چک کنید
All Popups: شما میتوانید تمامی پاپ آپ هایی که تا به حال ساختید را در این باکس ببینید.
Add New: با زدن بر روی این گزینه، میتوانید پاپ آپ جدیدی برای سایت خود بسازید.
Export: اگر میخواهید از پاپ آپی که ساختید خروجی بگیرید و در جایی دیگر از آن استفاده کنید، باید روی این گزینه باید کلیک کنید.
Import: با زدن بر روی این دکمه، میتوانید پاپ آپی را که قبلا از آن خروجی (Export) تهیه کردید به این افزونه در سایت خود اضافه کنید.
Search Popup: با سرچ کردن نام پاپ مورد نظر، میتوانید آن پاپ آپ را پیدا کنید و به آن دسترسی داشته باشید.
۲- زیر منوی Add New:
Image: در این بخش شما میتوانید پاپ آپی به صورت یک تصویر بسازید.
Html: اگر میخواهید اطلاعات خود را به صورت یک کد html نمایش دهید باید از این بخش استفاده کنید.
Facebook: در این بخش میتوانید اطلاعات حساب فیس بوک مورد نظر را به صورت یک پاپ آپ نمایش دهید.
Subscription: اگر میخواهید پاپ آپی بسازید که بتوانید افراد را به خبر نامه خود دعوت کنید تا عضو آن شوند، باید از این بخش استفاده کنید.
More Ideas: اگر دنبال گزینه های دیگه برای ساخت پاپ آپ هستید، میتوانید آنهارا از این لینک در سایت اصلی Popups Builder خریداری کنید.
در این زیر منو شما میتوانید انتخاب کنید که چه نوع پاپ آپی میخواهید بسازید، برای مثال یک عکس یا یک کد html یا حتی پاپ آپی به صورت اشتراک در خبر نامه. پس از انتخاب هر یک از این موارد به صفحه ساخت پاپ آپ منتقل میشوید که در ادامه به بررسی تنظیمات آن میپردازیم.
عنوان: در این فیلد باید برای پاپ آپی که میسازید یک عنوان انتخاب کنید.
انتشار: پس از ساختن عنوان، در این بخش میتوانید آن را انتشار دهید یا پیش نمایش آن را مشاهده کنید که در سایت شما چگونه نشان داده میشود.
Main Option (تنظیمات اصلی): در این بخش میتوانید تنظیمات پاپ آپی که میخواهید بسازید را تنظیم کنید. برای مثال تنظیم کنید که آن پاپ که در کدام صفحات نمایش داده شود و آن نمایش چگونه باشد.
تنظیمات اختصاصی هر نوع پاپ آپ
پس از انتخاب یکی از ۴ مورد از پاپ آپ ها در زیر منوی Add New، برای هر یک از این پاپ آپ ها به جز پاپ آپ به صورت Html، تنظیمات اختصاصی به وجود میآید که در هر نوع پاپ آپ متفاوت است؛ برای همین در پایین به صورت تک تک به بررسی این تنظیمات پرداخته ایم.
Image Setting: اگر در انتخاب بخش اضافه کردن پاپ آپ جدید، گزینۀ Image را انتخاب کرده باشید، این بخش برای شما اضافه میشود که در آن باید عکسی را که میخواهید در پاپ آپ نمایش دهد را آپلود کنید.
Facebook Setting: اگر در انتخاب بخش اضافه کردن پاپ آپ جدید، گزینۀ Facebook را انتخاب کرده باشید، این بخش برای شما اضافه میشود که در آن باید اطلاعات اکانت فیس بوکی را که میخواهید در پاپ آپ نمایش دهد را آپلود کنید.
شماره ۱: در این فیلد باید نشنانۀ اینترنتی اکانت فیسبوک را وارد کنید.
شماره ۲: در این فیلد میتوانید تنظیم کنید که چه چیدمانی از اطلاعات نمایش داده شود.
Standard: حالت معمولی
Box with count: جعبه با شمارش
Button with count: دکمه با شمارش
Button: دکمه
شماره ۳: با فعال کردن این گزینه دکمه اشتراک گذاری در پاپ آپ نمایش داده نخواهد شد.
Subscription Setting: اگر در انتخاب بخش اضافه کردن پاپ آپ جدید، گزینۀ Subscription را انتخاب کرده باشید، این بخش برای شما اضافه میشود که در آن باید فرم اشتراکی را که میخواهید در پاپ آپ نمایش دهد را تنظیم کنید.
شماره ۱: این بخش، پیش نمایش پاپ آپ فرم اشتراک است که در سایت چگونه به نمایش در میآید.
شماره ۲: تنظیمات پس زمینه فرم اشتراک است ( به ترتیب : رنگ پس زمینه فرم، شفافیت فرم و فاصله از داخل فرم)
شماره ۳: در این بخش میتوانید placeholder ایمیل را تنظیم کنید.
شماره ۴: فعال سازی این گزینه باعث میشود که کاربر مجبور به پذیرش قوانین ما شود.
۱- Label: عنوان تیک پذیرش
۲- Confirmation text: متن اختصاصی شما در فرم برای پذیرش
شماره ۵: نمایش یا عدم نمایش نام کاربر در فرم
شماره ۶: placeholder برای فیلد نام در فرم
شماره ۷: ضروری یا عدم ضروری بودن وارد کردن نام در فرم
شماره ۸: نمایش یا عدم نمایش نام خانوادگی کاربر در فرم
شماره ۹: placeholder برای فیلد نام خانوداگی در فرم
شماره ۱۰: ضروری یا عدم ضروری بودن وارد کردن نام خانوادگی در فرم
شماره ۱۱: متن اختصاصی شما برای نمایش ضروری بودن فیلد های ضروری
شماره ۱۲: در این بخش میتوانید، عرض فیلد های فرم را تنظیم کنید.
شماره ۱۳: در این بخش میتوانید، ارتفاع فیلد های فرم را تنظیم کنید.
شماره ۱۴: در این بخش میتوانید، عرض حاشیه فیلد های فرم را تنظیم کنید.
شماره ۱۵: در این بخش میتوانید، رنگ پس زمینه فیلد های فرم را تنظیم کنید.
شماره ۱۶: در این بخش میتوانید، رنگ حاشیۀ فیلد های فرم را تنظیم کنید.
شماره ۱۷: در این بخش میتوانید، رنگ متن فیلد های فرم را تنظیم کنید.
شماره ۱۸: در این بخش میتوانید، رنگ placeholder فیلد های فرم را تنظیم کنید.
شماره ۱۹: در این بخش میتوانید، عرض دکمه ارسال را در فرم تنظیم کنید.
شماره ۲۰: در این بخش میتوانید، ارتفاع دکمه ارسال را در فرم تنظیم کنید.
شماره ۲۱: در این بخش میتوانید، عرض حاشیۀ دکمه ارسال را در فرم تنظیم کنید.
شماره ۲۲: در این بخش میتوانید، میزان گرد بودن حاشیۀ دکمه ارسال را در فرم تنظیم کنید.
شماره ۲۳: در این بخش میتوانید، رنگ حاشیۀ دکمه ارسال را در فرم تنظیم کنید.
شماره ۲۵: در این بخش میتوانید، عنوان دکمه ارسال در هنگام فرستادن را در فرم تنظیم کنید.
شماره ۲۶: در این بخش میتوانید، رنگ پس زمینه دکمه ارسال را در فرم تنظیم کنید.
شماره ۲۷: در این بخش میتوانید، رنگ عنوان دکمه ارسال را در فرم تنظیم کنید.
شماره ۲۸: در این بخش میتوانید، متن ارور (درصورت ایجاد مشکل) را در فرم تنظیم کنید.
شماره ۲۹: در این بخش میتوانید، متن خطای ایمیل نادرست را در فرم تنظیم کنید.
شماره ۳۰: در این بخش میتوانید، نشان یا عدم نشان دادن فرم در بالا را تنظیم کنید.
شماره ۳۱: در این بخش میتوانید، نمایش یا عدم نمایش فرم برای کاربران مشترک را تنظیم کنید.
شماره ۳۲: در این بخش میتوانید، تنظیم کنید که بعد از ارسال فرم با موفقیت چه اتفاقی رخ دهد.
۱- Success massage: نمایش پیام موفقیت
۲- Redirect to URL: انتقال کاربر به آدرسی مشخص(پس از انتخاب این گزینه، در فیلد باز شده آدرس را وارد میکنیم)
۳- Open popup: بازشدن پاپ آپی دیگر ( پس از انتخاب این گزینه، در باکس باز شده نام پاپ آپ مورد نظر را وارد میکنیم)
۴- Hide popup: مخفی کردن فرم اشتراک
تنظیمات مشترک همه پاپ آپ ها
برای شخصی سازی پاپ آپ ها، افزونه Popup Builder تنظمیاتی مشترک برای تمام پاپ ها قرار داده است که بتوانیم با آنها حد زیادی از نیازمان را رفع کنیم. برای مثال اگر بخواهیم که مشخص کنیم پاپ آپ در یک صفحه خاص فقط نمایش داده شود یا در چه موقع این پاپ آپ نمایش داده شود، باید در این تنظیمات آنهارا مشخص کنیم.
Display Rules: در این بخش شما باید مشخص کنید پاپ آپی که در حال ساختن آن هستید، در چه صفحاتی از سایت شما نمایش داده بشود یا نشود.
شماره ۱: مکانی که میخواهید پاپ آپ در آن نمایش داده شود یا نه را مشخص کنید برای مثال با انتخاب Everywhere، پاپ آپ در تمام صفحات نمایش داده میشود.
شماره ۲: با کلیک بر روی + میتوانید صفحات دیگه ای که میخواهید پاپ آپ در آن نمایش داده بشود یا نشود را اضافه کنید و با کلیک بر روی آیکون سطل آشغال، میتوانید آن مکان را حذف کنید.
Events: در این بخش باید مشخص کنید که پاپ آپی که شما ساختید در چه زمانی نمایش داده شود. برای مثال اگر میخواهید با کلیک بر روی یک دکمه، پاپ آپ شما نمایش داده شود باید در اینجا مشخص کنید.
شماره ۱: باید مشخص کنید که پاپ آپ در چه زمانی نمایش داده شود ( به ترتیب : پس از لود صفحه، با ست کردن کلاس در Css، با کلیک بر روی چیزی با هاور شدن، فعالیت نکردن در صفحه و با اسکرول کردن)
شماره ۲: میتوانید چند تا زمان مشخص کنید یا چند زمان را پاک کنید.
Conditions: در این بخش میتوانید با خریداری یکی از ۲ پلن های زیر شرایط بیشتر و بهتری برای پاپ آپ ایجاد کنید.
Behavior After Special Event: میتوانید مشخص کنید پس از رفتار خاصی، پاپ آپ نمایش داده شود.
Design: در این بخش میتوانید پاپ آپی که ساختید را به طور اختصاصی تزیین کنید.
شماره ۱: فعال یا عدم فعال سازی نیروی راستچین
شماره ۲: از این بخش میتوانید، پدینگ یا همون فاصله از داخل پاپ آپ را تنظیم کنید.
شماره ۳: Z-index پاپ آپ را میتوانید انتخاب کنید.
شماره ۴: میتوانید یکی از این تم ها را برای پاپ آپ خود انتخاب کنید.
شماره ۵: این مورد پولی است و با خرید آن میتوانید برای پاپ آپ خود پوششی ایجاد کنید و با تنظیمات آن مثل رنگ و شفافیت آن پوشش را تزیین کنید.
شماره ۶: برای تزیین بیشتر میتوانید به پاپ خود کلاس بدهید تا در Css آن را بیشتر شخصی سازی کنید.
شماره ۷: با فعال سازی این گزینه، تنظیمات پس زمینه پاپ آپ همچون: رنگ پس زمینه، شفافیت و حتی عکس پس زمینه را میتوانید تنظیم کنید.
Closing: در این بخش میتوانید، نحوه بسته شدن پاپ آپ برای کاربر را شخصی سازی کنید.
شماره ۱: فعال یا عدم فعال سازی دکمه esc برای بستن پاپ آپ
شماره ۲: نمایش یا عدم نمایش دکمه بستن
شماره ۳: زمان تاخیر برای نمایش دکمه بستن
شماره ۴: مکان دکمه بستن بر روی پاپ آپ
شماره ۵: متن دکمه بستن پاپ آپ
Dimensions: در این بخش میتوانید، پاپ آپی که ساختید را برای سایز های موبایل، ریسپانسیو و شخصی سازی کنید.
شماره ۱: با انتخاب Responsive mode، شما میتوانید سایز پاپ آپ خود را در موبایل به صورت درصدی تعیین کنید و با انتخاب Custom mode، میتوانید به صورت دقیق تر و با وارد کردن عرض و ارتفاع مشخص، آن پاپ آپ را برای موبایل بهینه کنید.
شماره ۲: در این بخش شما میتوانید، برای پاپ آپ خود max و min در ارتفاع و عرض آن تعیین کنید تا سایز آن بیشتر یا کمتر از این حدی که مشخص کردید نشود.
Advanced: در این بخش شما میتوانید، تنظیمات پیشرفته تری برای پاپ آپ خود در نظر بگیرید. مثلا میتوانید مشخص کنید که هنگامی که روی محتوا در پاپ آپ کلیک شد چه اتفاقی بیافتد یا میتوانید مکان قرار گیری پاپ آپ در صفحه را مشخص کنید.
Schedulin: این بخش که برای دسترسی به آن باید آن را خریداری کنید، این امکان را برای شما فراهم میکند که پاپ آپی را که ساختید در زمان و روز معین در سایت نمایش دهید.
Floating Button: اگر میخواهید یک دکمه شناور در گوشۀ سایت خود ایجاد کنید که با کلیک بر روی آن اتفاق خاصی بیافتد، از این بخش باید استفاده کنید.
شماره ۱: نمایش یا عدم نمایش دکمه شناور
شماره ۲: میتوانید مشخص کنید که دکمه به صورت یک مستطیل باشد (Basic) یا به صورت یک مثلث (Comer)
شماره ۳: مکان قرار گیری دکمه را از این بخش میتوانید تنظیم کنید.
شماره ۴: سایز متن دکمه را از این بخش باید تنظیم کنید.
شماره ۵: رنگ دکمه شناور
شماره ۶: رنگ متن داخل دکمه شناور
شماره ۷: متن نوشته شده در داخل دکمه را از این بخش میتوانید تغییر دهید.
Statistcs: در این میتوانید شمارش پاپ آپ ها را فعال یا غیر فعال کنید
Custom JS or CSS: اگر خواستید پاپ آپ خود را بیشتر شخصی سازی کنید میتوانید در این بخش به آن کد Css یا JS به آن اضافه کنید.
۳- زیر منوی All Subscribers:
فرض کنید که یک فرم خبرنامه ای ساختید و این فرم افراد زیادی را مشترک خود کرده است و حال میخواهید به مشخصات این افراد دسترسی پیدا کنید؛ خب باید بگویم جای درستی آمده اید چون در این بخش تمامی افرادی که عضو خبرنامه شده اند را مشخص کرده است.
در این صفحه شما میتوانید تمامی افرادی که عضو خبرنامه شده اند را مشاهده، سرچ، اضافه و فیلتر گذاری کنید.
۴- زیر منوی Newletter:
اگر شما بخواهید برای کاربرانی که عضو خبرنامه شما هستند، پیغامی ارسال کنید باید از این بخش اقدام کنید.
شماره ۱: پاپ آپی که میخواهید به عنوان پاپ آپ خبرنامه در نظر بگیرید را انتخاب کنید.
شماره ۲: تعداد ایمیل در هر دقیقه
شماره ۳: در این بخش باید مشخص کنید که ایمیل ارسالی از طرف چه ایمیلی است.
شماره ۴: موضوع ایمیل را مشخص کنید.
شماره ۵: با انتخاب هر یک از این موارد، متغیر آن کپی میشود که میتوانید آن را در ایمیل استفاده کنید.
شماره ۶: محتوای ایمیل ارسالی
۵- زیر منوی Settings:
چند مورد از تنظیمات عمومی افزونه در این بخش قرار دارد که در ادامه به آن ها میپردازیم.
شماره ۱: فعال یا عدم فعال سازی حالب دیباگ افزونه
شماره ۲: پاک یا عدم پاک اطلاعات افزونه پس از حذف افزونه
شماره ۳: غیر فعال یا فعال سازی تجزیه و تحلیلات افزونه
شماره ۴: افرای که میخواهید به این افزونه دسترسی داشته باشند را میتوانید از این بخش مشخص کنید.
شماره ۵: در این بخش شما میتوانید، اطلاعات مربوط به سایت خود که این افزونه آن را دریافت کرده است را دانلود کنید.
۶- زیر منوی Extend:
اگر میخواهید به امکانات بیشتری از این افزونه دسترسی داشته باشید، میتوانید از این بخش، وارد سایت Popup Builder شوید و آن هارا خریداری کنید.
۷- زیر منوی Support:
این افزونه این امکان را برای شما فراهم کرده است که اگر به سوال یا مشکلی بر خوردید، آن را در صفحه مخصوص به خود مطرح کنید تا افراد متخصص در این افزونه به شما راهنمایی دهند که مشکل یا سوال شما برطرف شود.
نتیجه گیری
همانطور که دیدید کار با این افزونه، به دلیل رابط کاربری ساده ای که دارد راحت است و شما به راحتی میتوانید با خواندن این مقاله، از این افزونه استفاده کنید. به هر حال! ما در این مطلب سعی کردیم، تمام تنظیمات این افزونه را بررسی کنیم و نحوۀ کار آن ها را ارائه کنیم تا با فراگیری و درک آن تنظیمات، بتوانید پاپ آپ هایی برای خود ایجاد کنید و آنها را در سایت های خود استفاده کنید.
اگر به سوال یا مشکلی در ارتباط با این افزونه یا این مقاله بر خورد کردید، حتماً آن را در بخش دیدگاه ها بیان کنید. مطمعن باشید نظرات شما برای ما مهم است و به آن ها جواب خواهیم داد.
و در کلام آخر هم پیشنهاد میشود پس از خواندن این مقاله و یادگیری نحوۀ ایجاد پاپ آپ در وردپرس، حتماً مقالۀ ایجاد پاپ آپ در ووکامرس را مطالعه کنید.
دانلود افزونه Popup Builder برای ساختن پنجره پاپ آپ در وردپرس
شما میتوانید افزونه Popup Builder را از لینک های زیر دانلود کنید و از آن برای ساخت پنجره پاپ آپ در وردپرس استفاده کنید.