ساخت پاپ آپ با المنتور رایگان و بدون افزونه اضافی
![ساخت پاپ آپ با المنتور رایگان و بدون افزونه اضافی 1 طراحی و ساخت پاپ آپ با المنتور](https://kitwp.com/wp-content/uploads/2022/03/elementor-popups-kitwp.png)
ساخت پاپ آپ با المنتور یکی از ساده ترین کارهایی است که شما می تونید بدون نصب افزونه جانبی و اضافی این کار رو در المنتور انجام دهید ما در این مقاله از آموزش المنتور یاد می گیریم چطور یک پاپ آپ حرفه ای و شیک رو با المنتور طراحی کنیم و به کاربرانی که وارد سایت ما می شوند نمایش دهیم. پس اگر دوست دارید شما هم بدون نصب افزونه اضافی ساخت پاپ آپ با المنتور رو یاد بگیرید ادامه این مقاله همراه کیت وردپرس باشید.
خلاصه این مطلب:
Toggleطراحی پاپ آپ با المنتور
![ساخت پاپ آپ با المنتور رایگان و بدون افزونه اضافی 2 ساخت پاپ آپ با المنتور](https://kitwp.com/wp-content/uploads/2022/03/elementor-popups-opstion-kitwp.png)
برای ساخت پاپ آپ با المنتور کافیه نسخه پرو المنتور رو نصب کنید تا بتونید از قابلیت پاپ آپ آن استفاده کنید بعد از اینکه نسخه پرو آن را نصب کردید وارد داشبورد وردپرس و گزینه قالب ها > popups شوید تا باکس زیر براتون باز بشه
![ساخت پاپ آپ با المنتور رایگان و بدون افزونه اضافی 3 انتخاب نام پاپ برای ساخت](https://kitwp.com/wp-content/uploads/2022/03/set-elementor-popups-kitwp.png)
البته قبل از تصویر بالا شما به یک صفحه ای هدایت می شوید که یک دکمه افزودن popup جدید وجود داره بعد از اینکه روی این دکمه کلیک کردید این صفحه براتون باز میشه که باید نام دلخواه خودتون رو برای پاپ آپ انتخاب کرده و در نهایت روی گزینه ایجاد قالب کلیک کنید تا به صفحه زیر هدایت شوید.
![ساخت پاپ آپ با المنتور رایگان و بدون افزونه اضافی 4 انتخاب پاپ آپ از کتابخانه المنتور](https://kitwp.com/wp-content/uploads/2022/03/library-popups-elementor.png)
در این صفحه شما قادر هستید یکسری پاپ آپ های از پیش ساخته خود المنتور رو از کتابخانش انتخاب و ویرایش سازی کنید اما این قابلیت فقط در نسخه های پرو معتبر قابل دسترسی است اگر شما از سایت های فارسی زبان معتبر افزونه المنتور پرو رو تهیه کردید بعد از اینکه داخل سایت المنتور ثبت نام کردید و سایتتون رو به المنتور متصل کردید باید این بخش براتون کار کنه در غیر اینصورت باید با پشتیبان سایت خریداری شده صحبت کنید.
اما اگر قصد داشتید خودتون از صفر تا صد پاپ آپ رو طراحی کنید می تونید صفحه رو ببندید تا با تصویر زیر مواجه شوید.
![ساخت پاپ آپ با المنتور رایگان و بدون افزونه اضافی 5 ساخت پاپ آپ با المان های المنتور](https://kitwp.com/wp-content/uploads/2022/03/make-popup-width-element-kitwp.png)
ساخت پاپ آپ با المنتور توسط خودتون
در تصویر بالا ما یک صفحه خالی رو انتخاب کردیم یعنی قصد داریم خودمون یک پاپ آپ رو کامل طراحی کنیم که برای دیدن جزئیات می تونید از ویدیو اول این مقاله استفاده کنید.
ما در نهایت یک پاپ آپ حرفه ای مشابه تصویر زیر طراحی خواهیم کرد که اطلاعات کاربر رو می گیره و کاربر رو به صفحه لندینگ پیچ یا هدف هدایت میکنه
![ساخت پاپ آپ با المنتور رایگان و بدون افزونه اضافی 6 دمو پاپ آپ ساخته شده با المنتور](https://kitwp.com/wp-content/uploads/2022/03/elementor-popup1-kitwp.png)
چگونه با المنتور پاپ آپ بسازیم؟
برای ساخت پاپ آپ بالا کافیه اول از همه یک تصویر جذاب رو برای نمایش در هدر پاپ آپ طراحی کنید برای این کار می تونید از نرم افزار فتوشاپ استفاده کنید اگر بلد نیستید با این نرم افزار کار کنید حتماً دوره آموزش فتوشاپ رو ببینید.
بعد از تصویر میریم سراغ عنوان برای اضافه کردن این المان می تونید سربرگ المنتور رو بکشید داخل صفحه و در نهایت نوبت اضافه کردن فرم میرسه تا کاربر اطلاعات خودش رو وارد کنه
ما در جلسات قبل نحوه ساخت فرم در المنتور رو توضیح دادیم می تونید از همین فرم برای گرفتن اطلاعات کاربر در ساخت پاپ آپ با المنتور کمک بگیرید.
تنظیمات و سفارش سازی پاپ آپ در المنتور
برای سفارش سازی و دسترسی به تنظیمات پاپ آپ المنتور می تونید از بخش پایین سمت راست روی آیکون چرخ دنده یا تنظیمات کلیک کنید تا تنظیمات زیر برای شما نمایش داده شود.
![ساخت پاپ آپ با المنتور رایگان و بدون افزونه اضافی 7 تنظیمات پاپ آپ المنتور](https://kitwp.com/wp-content/uploads/2022/03/popup-elementor-options-kitwp.png)
تنظیم قانون دلخواه برای نمایش پاپ آپ در المنتور
شما می تونید بعد از اینکه ساخت پاپ آپ با المنتور رو انجام دادید یکسری شروط و قانون برای نمایش آن به کاربران تعریف کنید. دلیل این کار هدفمندتر کردن نمایش پاپ آپ است مثلاً اگر قصد دارید فقط یکبار پاپ آپ برای هر کاربر نمایش داده شود باید تنظیمات آن را از این بخش انجام دهید.
![ساخت پاپ آپ با المنتور رایگان و بدون افزونه اضافی 8 ست کردن قانون نمایش پاپ آپ در المنتور](https://kitwp.com/wp-content/uploads/2022/03/triger-rules-elementor-popup-kitwp.png)
همونطور که در تصویر بالا مشاهده می کنید ما سه بخش condition, triggers , advanced rules رو داریم که بخش اول برای مشخص کردن صفحات نمایش پاپ آپ استفاده میشه بخش بعدی برای موقع نمایش و بخش بعدی برای فانون های پیشرفته یعنی چطوری و چه موقع نمایش داده بشه
جمع بندی طراحی پاپ آپ با المنتور
در این مقاله نحوه طراحی و ساخت پاپ آپ با المنتور رو به صورت کامل یاد گرفتیم اول اومدیم خود پاپ آپ رو طراحی کردیم در مرحله دوم نحوه نمایش و قانون های آن را تعریف کردیم
و در آخر مشکلات احتمالی رو رفع کردیم و بررسی کردیم که اطلاعات کاربر بعد از ارسال پاپ آپ کجا ذخیره می شود حتماً ویدیو این جلسه رو مشاهده کنید و هر سوالی در ارتباط با آموزش ساخت پاپ آپ با المنتور داشتید در بخش نظرات مطرح کنید.
درباره اسحاق شفایی
اسحاق شفایی مدیر وبسایت کیت وردپرس و دانشجوی کارشناسی ارشد Computer Science در دانشگاه پادوا ایتالیا هستم. چندین سال است که در حوزه وب فعالیت می کنم و تخصص اصلیم توسعه وب هست همچنین بعد از یادگیری علاقه زیادی به آموزش دادن دارم.
سایر نوشته های اسحاق شفاییمطالب زیر را حتما مطالعه کنید
معرفی بهترین سایت برای افزایش ممبر ایتا با قیمت مناسب
تگ p در html چیست؟
بهترین آموزش طراحی سایت با وردپرس کدنویسی
اضافه کردن دکمه آپلود رسانه در وردپرس با کدنویسی
نصب نرم افزار vs code و ساخت فایل html
آموزش تولید محتوا | تولید محتوا برای سایت
8 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
دیدگاهتان را بنویسید لغو پاسخ
برای نوشتن دیدگاه باید وارد بشوید.
سلام وقت بخیر من برای سایتم یه پاپ اپ برای نمایش شبکه های اجتماعی ساختم اما در موبایل نمایش نمیده و به صورت یه خط دیده میشه برای رفع این مشکل باید چیکار کنم. حتما باید در موبایل هم نمایش بده برام. ممنون میشم راهنمایی بکنید. با تشکر
سلام توی حالت ریسپانسیو موبایل المنتور موضوع رو بررسی کنید
بابت پاسخ دهی ممنونم ازتون. شرمنده الان دیدم اسکرول افقی میخوره در موبایل برای همین دیده نمیشه. چطور اسکرول را رفع کنم؟
آقای مهندس تونستم اسکرول را حل کنم. ممنون از حضورتون و پاسختون. موفق باشید
سلام وقت بخیر
من توی المنتور فرم ثبت نام بصورت پاپ اپ ساختم ولی وقتی محتوا رو وارد میکنم دکمه ارسال رو میزنم اررور میده..
مشکل از کجاست؟
و اینک شکل نمایشی پنجره پاپ اپ روی موبایل خیلی بدنشون میده و بهم ریخته هست.چجوری میتونم درستش کنم؟!
سلام و درود برای رفع ارور باید ارور بررسی بشه و مشخص بشه برای کجا هست
اما برای بحث ریسپانسیو باید با استفاد از المنتور داخل موبایل فرم رو ریسپانسیو کنید
آموزش ریسپانسیو در المنتور
میگه خطای سرور.فرم ارسال نشد.خطایی رخ داد..
دقت داشته باشید که بخش action رو فقط رو درست تنظیم کرده باشید مثلا روی collect قرار بدید