كيفية إنشاء PHP Popup لموقعك على الويب
نشرت: 2022-06-29النوافذ المنبثقة مفيدة لزيادة مبيعات التحويل والمشاركة في موقع الويب الخاص بك. هناك العديد من الطرق المختلفة لإنشاء نافذة منبثقة. سنركز بشكل أساسي على كيفية إنشاء نوافذ PHP المنبثقة.
PHP هي لغة برمجة قوية يمكن استخدامها لإنشاء صفحات ويب ديناميكية وتفاعلية. أحد الأشياء التي يمكن استخدام PHP من أجلها هو إنشاء نوافذ منبثقة.
في منشور المدونة هذا ، سنناقش الأنواع المختلفة من نوافذ PHP المنبثقة المتاحة وكيفية إنشاء نافذة منبثقة PHP بسيطة. سنقدم أيضًا نصائح حول إنشاء نوافذ PHP المنبثقة.
هيا بنا نبدأ!
ما هو PHP المنبثقة؟
إن نافذة PHP المنبثقة هي نافذة يتم إنشاؤها باستخدام لغة برمجة PHP عبر Javascript. يمكن استخدام PHP لإنشاء صفحات ويب ديناميكية وتفاعلية ، بما في ذلك النوافذ المنبثقة. غالبًا ما تُستخدم النوافذ المنبثقة لتوفير معلومات إضافية أو التماس المدخلات من المستخدم.
يمكن أن تكون النوافذ المنبثقة PHP نافذة تنبيه أو نافذة مطالبة أو نافذة تأكيد. يمكنك اختيار أحد هذه الخيارات وفقًا لتفضيلاتك.
لماذا تستخدم PHP Popup على موقع الويب الخاص بك؟
هناك العديد من الأسباب المختلفة التي قد تدفعك لاستخدام نافذة PHP المنبثقة على موقع الويب الخاص بك. ومع ذلك ، يتم سرد بعض الأسباب الأكثر شيوعًا أدناه. يمكنك التحقق منها وتحديد الأفضل بالنسبة لك.
يمكنك استخدامه لعرض رسالة للمستخدم أو طلب إدخال من المستخدم. أيضًا ، لتأكيد الإجراء المطلوب وتحذير زوارك بشأن شيء ما ، يمكنك استخدام النوافذ المنبثقة PHP.
بصرف النظر عن هذه ، يمكنك استخدام هذه النوافذ المنبثقة لعرض معلومات مفيدة لجمهورك وتوفير واجهة مستخدم أكثر سهولة للزائرين. بهذا المعنى ، سيكون موقع الويب الخاص بك أكثر جاذبية وقابلية للاستخدام. يساعدك أيضًا على زيادة تحويلات المبيعات.
كيفية إنشاء PHP Popup
لإنشاء نافذة منبثقة php لموقع الويب الخاص بك ، تحتاج إلى معرفة كيفية استخدام لغة برمجة PHP. إذا لم تكن معتادًا على PHP ، فيمكنك الاستفادة من العديد من البرامج التعليمية عبر الإنترنت. ومع ذلك ، فإن تعلم لغة الترميز هذه يستغرق وقتًا وممارسة.
بمجرد أن تتعلم أساسيات PHP ، ستقوم بإنشاء صفحات ويب ديناميكية وتفاعلية ، بما في ذلك النوافذ المنبثقة.
هناك ثلاثة أنواع رئيسية من النوافذ المنبثقة php: النوافذ المنبثقة للتأكيد ، والنوافذ المنبثقة للمعلومات ، والنوافذ المنبثقة للتحذير.
يتم استخدام نافذة منبثقة للتأكيد لسؤال المستخدم عما إذا كان يريد اتخاذ إجراء ، مثل النقر فوق ارتباط. يتم استخدام نافذة المعلومات المنبثقة لعرض المعلومات للمستخدم ، مثل رسالة أو خطأ. يتم استخدام نافذة منبثقة لتحذير المستخدم بشأن شيء ما.
يظهر رمز نافذة php المنبثقة البسيطة أدناه:
<?php echo 'This is a simple php popup window.'; ?>>
في هذا الكود ، نستخدم بيان ارتداد PHP لطباعة النص "هذه نافذة منبثقة PHP بسيطة." في النافذة المنبثقة. تُستخدم عبارة ارتداد PHP لطباعة نص أو متغيرات أو كود HTML إلى صفحة ويب.
على سبيل المثال ، يمكن أن يبدو كالتالي:
من السهل إنشاء نافذة منبثقة php بسيطة. تحتاج إلى استخدام بيان echo لإخراج المحتوى المطلوب للنافذة المنبثقة. بعد ذلك ، يمكنك إضافة الرمز إلى جزء حقن رمز موقع الويب الخاص بك.
يمكنك إنشاء نوافذ تنبيه وتأكيد النوافذ ومطالبة النوافذ باستخدام PHP.
1. نافذة تنبيه PHP
واحدة من أكثر أنواع النوافذ المنبثقة PHP شيوعًا هي نافذة التنبيه. يتم استخدام نافذة التنبيه لعرض رسالة للمستخدم. على سبيل المثال ، ستنشئ الشفرة التالية نافذة تنبيه:
<?php echo '<script type="text/javascript"> window.onload = function () { alert("Welcome"); } </script>'; ?>
سيُنشئ الرمز أعلاه نافذة تنبيه تقول "مرحبًا". يتم استخدام مربع تنبيه إذا تأكدت من وصول المعلومات من خلال المستخدم. يعني ظهور مربع تنبيه منبثق عند النقر فوق "زر".
سيبدو مثل هذا:
2. نافذة تأكيد PHP
نوع آخر شائع من نافذة php المنبثقة هو نافذة التأكيد. يتم استخدام نافذة التأكيد لعرض رسالة للمستخدم وطلب إدخال من المستخدم. على سبيل المثال ، ستنشئ الشفرة التالية نافذة تأكيد:
<html> <head> <script> function myFunction() { var x; var r = confirm("Press OK or Cancel button"); if (r == true) { x = "You pressed OK!"; } else { x = "You pressed Cancel!"; } document.getElementById("demo").innerHTML = x; } </script> </head> <body> <?php ?> <button>Click Me</button> <p></p> </body> </html>
سيُنشئ الرمز أعلاه نافذة تأكيد تقول "انقر فوقي". يمكن أن تبدو كالتالي:
3. نافذة موجه PHP
النوع الثالث من نافذة php المنبثقة هو نافذة المطالبة. يتم استخدام نافذة المطالبة لعرض رسالة والحصول على مدخلات من المستخدم. على سبيل المثال ، ستنشئ الشفرة التالية نافذة مطالبة:
<html> <head> <script> function myFunction() { var x; var site = prompt("Please enter your name:", "Write Here"); if (site != null) { x = "Welcome to " + Popupsmart + "! Have a great day"; document.getElementById("demo").innerHTML = x; } } </script> </head> <body> <?php ?> <button>Prompt Box</button> <p></p> </body> </html>
سيقوم الكود أعلاه بإنشاء نافذة مطالبة تقول ، "الرجاء إدخال اسمك:" سيتمكن المستخدم من كتابة اسمه والنقر فوق الزر "موافق". سيتم تخزين المدخلات من المستخدم في متغير الاسم.
بعد أن يكتب المستخدم اسمه في هذه النافذة المنبثقة ، سيعيد توجيهه إلى صفحة أخرى تقول ، "مرحبًا بك في Popupsmart! أتمنى لك يومًا سعيدًا!"
يمكنك تغيير إعدادات هذا الرمز الفوري وكتابة ما تريد قوله لجمهورك المستهدف.
جرب Popupsmart لإنشاء النوافذ المنبثقة بسهولة
إذا كنت تبحث عن نافذة منبثقة PHP ذات مظهر احترافي ، فيمكنك تجربة Popupsmart ، وهو أداة إنشاء النوافذ المنبثقة بدون رمز. إنه سهل الاستخدام ، ويأتي مع مجموعة واسعة من الميزات التي ستساعدك على إنشاء نافذة منبثقة php فعالة لموقعك على الويب.
يمكنك تجربة Popupsmart مجانًا اليوم وإنشاء أول نافذة منبثقة بسهولة!
دعونا نلقي نظرة على كيفية إنشاء نافذة منبثقة باستخدام Popupsmart في 7 خطوات معًا.
اشترك في Popupsmart مجانًا وانتقل إلى لوحة التحكم.
الخطوة الأولى: انقر فوق "إنشاء نافذة منبثقة جديدة" في لوحة التحكم.
الخطوة الثانية: حدد هدف عملك. على سبيل المثال ، يمكنك اختيار "Show Up Announcement" للإعلان عن أخبار حول منتجاتك وخدماتك.
الخطوة الثالثة: يمكنك الاختيار من بين قوالبنا المنبثقة في قسم "التخطيطات". يحتوي Popupsmart على العديد من القوالب المنبثقة المختلفة التي يمكنك استخدامها على موقع الويب الخاص بك.
الخطوة الرابعة: بعد اختيار التنسيق الخاص بك ، يمكنك المتابعة إلى قسم "التخصيص" لتحسين تصميم النافذة المنبثقة.
قم بتحرير أجزاء العنوان والوصف في النافذة المنبثقة باستخدام كلمات CTA والوصول إلى جمهورك المستهدف. اختر صورة النافذة المنبثقة الخاصة بك هنا أيضًا.
الخطوة الخامسة: يمكنك المتابعة إلى الجزء "الهدف". من هذا القسم ، يمكنك اختيار الجمهور المستهدف للنافذة المنبثقة ، وتفاصيل الجدول الزمني ، وسلوك الزائر ، وجهاز الزائر ، وتكرار العرض. يساعدك على الوصول إلى جمهورك المستهدف بشكل صحيح. عند إكمال هذا الجزء ، انقر فوق "التالي للنشر".
الخطوة السادسة: في قسم "النشر" ، يمكنك نسخ كود التضمين في النافذة المنبثقة ، كما هو موضح أدناه. لا تنس التحقق من نطاقك حتى تعمل النافذة المنبثقة دون أي أخطاء. بعد ذلك ، الصق هذا الرمز في جزء إدخال رمز موقع الويب الخاص بك.
إلى جانب كود JS هذا ، يمكنك تغييره إلى كود PHP الخاص بك. النوافذ المنبثقة الخاصة بنا متوافقة مع مواقع PHP بحيث يمكنك استخدامها بكفاءة. أيضًا ، يمكنك استخدام Google Tag Manager لتضمين الرموز المنبثقة على موقع الويب الخاص بك.
الخطوة السابعة: عند الانتهاء من النافذة المنبثقة ، انقر فوق جزء "حفظ ونشر".
نهائي: ها هو الشكل النهائي للنافذة المنبثقة!
تلميحات حول إنشاء نافذة منبثقة فعالة
باتباع هذه النصائح ، يمكنك إنشاء نافذة PHP منبثقة فعالة من شأنها تحسين قابلية استخدام موقع الويب الخاص بك وزيادة معدل التحويل لموقعك على الويب.
- استخدم رسالة واضحة وموجزة حتى يتمكن زوار موقعك من فهم ما تقوله النافذة المنبثقة دون الحاجة إلى قراءة الكثير من النصوص.
- تأكد من أن النافذة المنبثقة ذات صلة بجمهورك المستهدف.
- استخدم الأزرار التي يسهل فهمها.
- حاول ألا تشوش النافذة المنبثقة بالعديد من الخيارات. بهذه الطريقة ، يمكن للزائرين التفاعل مع النافذة المنبثقة الخاصة بك دون أي مشاكل.
- اختبر النافذة المنبثقة على متصفحات وأجهزة مختلفة. أثناء إنشاء النافذة المنبثقة ، تحتاج إلى اختبار النافذة المنبثقة لأنها قد لا تبدو متشابهة في المتصفحات المختلفة.
- استخدم أيقونة ذات مظهر احترافي.
- تأكد من أن النافذة المنبثقة تبدو جيدة على جميع أحجام الشاشات. من المهم الحصول على تجربة مستخدم مريحة على موقع الويب الخاص بك.
ختاماً
يعد إنشاء نافذة PHP المنبثقة أمرًا سهلاً بمجرد أن تتعلم معرفة الترميز اللازمة. يمكن تطويره بمعلمات مختلفة مثل العرض والطول.
يمكنك إنشاء نافذة تنبيه ، والتأكيد ، ونافذة المطالبة باستخدام PHP. ومع ذلك ، إذا كنت لا ترغب في التعامل معها ، فيمكن لمُنشئ النوافذ المنبثقة مساعدتك. كما أوضحنا من قبل باختصار ، فإن إنشاء النوافذ المنبثقة باستخدام Popupsmart أمر سهل وسهل الاستخدام.
ما هي أفكارك حول استخدام النوافذ المنبثقة php على موقع الويب الخاص بك؟ هل استخدمتهم من قبل؟ اسمحوا لنا أن نعرف في التعليقات أدناه!
شكرا للقراءة!
تحقق من منشورات المدونة هذه أيضًا:
- كيفية إنشاء نماذج Tailwind CSS المنبثقة لموقعك على الويب
- كيفية إنشاء نافذة منبثقة باستخدام React
- كيفية إنشاء Bootstrap Popup لموقعك؟
- أفضل أمثلة التراكب المنبثق لزيادة التحويل
- كيفية بناء Vue Modal Popups