كيفية إنشاء صناديق تنبيه في WordPress

إذا كان موقع الويب الخاص بك يحصل على عدد كبير من الزوار ، ولكن عمليات الاشتراك أو التحويلات أقل مما تريد ، فأنت لست وحدك. هناك الكثير من الموارد المتاحة للمساعدة في زيادة حركة المرور الخاصة بك - ولكن الحصول على هذه الحركة لاتخاذ الإجراءات الصحيحة على موقعك هو قصة أخرى.

أحد الحلول الممكنة هو استخدام مربع تنبيه. هذه أداة قوية وبسيطة يمكنها زيادة التحويلات بشكل كبير على موقع WordPress الخاص بك. علاوة على ذلك ، من السهل جدًا إنشاء هذه الميزة وتخصيصها.

في هذه المقالة ، سنغطي ما هو مربع التنبيه ولماذا يجب عليك استخدامه. ثم سنوضح لك كيفية إنشاء مربع تنبيه خاص بك في WordPress. دعنا نتعمق!

ما هو صندوق التنبيه؟

مربع التنبيه هو بالضبط ما يبدو عليه. إنه تنبيه يظهر على أحد مواقع الويب لإخطار الزائرين بحدوث شيء ما. قد تعرف هذه الميزة بشكل أفضل على أنها "نافذة منبثقة".

عادة ما تأخذ مربعات التنبيه في WordPress أحد شكلين. قد ترى نافذة منبثقة تظهر على الشاشة ، أو شريطًا يمتد على طول الجزء العلوي من صفحتك (يسمى أحيانًا "شريط الترحيب").

لماذا إنشاء صندوق تنبيه؟

تُستخدم مربعات التنبيه عادةً لإعلام (أو تنبيه) المستخدمين بشيء مهم يحدث على موقعك. على سبيل المثال ، يمكنك استخدام مربع تنبيه WordPress للسماح للزائرين بمعرفة بيع خاص لمنتج قد لا يرونه بطريقة أخرى ، أو سلسلة من المنشورات المميزة.

استخدام آخر شائع جدًا لهذه الميزة هو التقاط عناوين البريد الإلكتروني للزوار. يمكن تعيين العديد من مكونات مربع التنبيه في WordPress بحيث تنبثق عندما يحرك المستخدم مؤشره بعيدًا عن الموقع (لإغلاق علامة التبويب أو الضغط على زر الرجوع ، على سبيل المثال).

يمكن أن تكون تنبيهات "اللحظة الأخيرة" طريقة رائعة لالتقاط تفاصيل الاتصال بالزوار قبل مغادرتهم ، مما قد يؤدي إلى حدوث تحويل في المستقبل. يمكن أن تكون هذه التنبيهات فعالة للغاية - تتمتع أفضل النوافذ المنبثقة أداءً بمعدل تحويل يزيد عن 9 بالمائة. بمعنى آخر ، إنها تستحق الجهد المبذول في تنفيذها.

إنشاء مربع تنبيه مع البرنامج المساعد

بفضل مكونات WordPress الإضافية ، يعد إنشاء مربعات التنبيه الخاصة بك أمرًا بسيطًا. سنرشدك خلال كل خطوة باستخدام المكون الإضافي Popup Maker القوي (والمجاني).

الخطوة 1: تنزيل البرنامج المساعد (مثل Popup Maker)

أول شيء عليك القيام به هو اختيار مكون إضافي مخصص. كما ذكرنا أعلاه ، تمت مراجعة المكون الإضافي المجاني Popup Maker جيدًا وهو خيار قوي.

لتثبيت هذه الأداة ، توجه إلى لوحة معلومات WordPress الخاصة بك وانتقل إلى الإضافات> إضافة جديد . ابحث عن "صانع النوافذ المنبثقة" ، ويجب أن يكون الإدخال الأول:

ثم انقر فوق التثبيت الآن . عند الانتهاء من التثبيت ، لا تنس تنشيط المكون الإضافي عن طريق تحديد تنشيط . لاحظ أنه على الرغم من أن Popup Maker نفسها مجانية ، إلا أن بعض الميزات تتطلب خطة متميزة لاستخدامها.

الخطوة الثانية: إنشاء نافذة منبثقة

مع تثبيت Popup Maker ، يجب أن ترى إدخالًا جديدًا في الشريط الجانبي لـ WordPress الخاص بك والذي يحمل اسم المكون الإضافي . انقر فوقه لفتح قائمة بجميع النوافذ المنبثقة. في البداية سيكون فارغًا ، لكنك على وشك معالجة ذلك.

لإنشاء نافذة منبثقة ، انقر فوق إضافة نافذة منبثقة جديدة في الجزء العلوي من الشاشة. سيؤدي هذا إلى فتح محرر WordPress:

عند زيارة هذه الشاشة ، سيظهر برنامج تعليمي يوضح لك كيفية إنشاء نافذة منبثقة. أول شيء يُطلب منك القيام به هو إدخال اسم ، حتى تتمكن من تحديد النافذة المنبثقة لاحقًا.

بعد ذلك ، يمكنك إدخال عنوان اختياري سيظهر في النافذة المنبثقة كعنوان رئيسي. في حقل المحرر الرئيسي ، يمكنك أيضًا إدخال المحتوى الذي تريد عرضه في النافذة المنبثقة. إذا كنت تريد فقط إنشاء نموذج اتصال بسيط ، فيمكنك أيضًا استخدام رمز قصير محدد مسبقًا.

تم العثور على هذه الرموز القصيرة أسفل زر جديد مع شعار Popup Maker في شريط الأدوات:

انقر فوق نموذج الاشتراك لإدخال نموذج اتصال أساسي لالتقاط رسائل البريد الإلكتروني. يمكن تخصيص نص الحقول وإخلاء مسؤولية الخصوصية من خلال النقر على النموذج واختيار زر التعديل. هناك عدد من الخيارات للأنماط والتخطيط ، بالإضافة إلى النص.

الخطوة 3: تكوين المشغلات للنوافذ المنبثقة

مع إنشاء النموذج المنبثق الخاص بك ، فإن الخطوة التالية هي تكوين مشغلاته. تحدد هذه عندما يظهر مربع التنبيه.

في شاشة محرر النوافذ المنبثقة ، قم بالتمرير لأسفل إلى إعدادات Popup وحدد المشغلات من القائمة. ثم انقر فوق Add New Trigger :

يحتوي المكون الإضافي الأساسي Popup Maker على ثلاثة خيارات هنا: انقر فوق Open و Time Delay / Auto Open و Form Submission . يمكنك أيضًا تحديد Exit Intent كمحفز إذا كنت تستخدم خطة مدفوعة - هذا هو خيار الاستخدام إذا كنت تريد ظهور النافذة المنبثقة عندما يحاول المستخدم مغادرة موقعك.

يمكنك أيضًا ضبط الصفحات التي يظهر عليها مربع التنبيه ضمن علامة التبويب "الاستهداف" . تأكد من تخصيص هذا الإعداد إذا كنت تريد استبعاد صفحات أو أنواع أجهزة معينة من رؤية التنبيه.

الخطوة 4: صمم صندوق التنبيه الخاص بك

أخيرًا ، يمكنك تغيير مظهر مربع التنبيه الجديد الخاص بك لمطابقة مظهر موقعك بشكل أفضل. في منطقة الإعدادات المنبثقة ، حدد العرض . هناك ، يمكنك تغيير مكان ظهور النافذة المنبثقة على الشاشة (بما في ذلك الشريط العلوي) ، وتعيين حجمها وموضعها ، والاختيار من بين العديد من السمات المتاحة:

عند الانتهاء ، تأكد من تحديد الزر "نشر" لحفظ التغييرات وتنشيط النافذة المنبثقة.

إنشاء صندوق تنبيه بدون مكون إضافي

إذا كنت تفضل عدم استخدام مكون إضافي ، فيمكنك أيضًا إنشاء مربع تنبيه بنفسك باستخدام بعض التعليمات البرمجية والقليل من الكوع. ستحتاج إلى تعديل ملف header.php الخاص بك وإضافة بعض CSS إلى موقعك. في هذا المثال ، سننشئ شريط تنبيه أعلى الصفحة.

الخطوة 1: قم بتحرير ملف header.php الخاص بك

أول شيء عليك القيام به هو إضافة بعض التعليمات البرمجية إلى ملف header.php الخاص بك. يمكن الوصول إلى هذا باستخدام محرر سمات WordPress. من لوحة القيادة ، انتقل إلى المظهر> محرر السمات . ثم حدد رأس الموضوع (header.php) من الشريط الجانبي على اليمين:

انسخ الكود التالي والصقه في الملف في نهاية قسم <head> :

<div class="alertbar">All items 20% off!</div>

إليك ما يجب أن يبدو عليه الملف بعد هذه الإضافة:

سيعرض هذا الرسالة "خصم 20٪ على جميع العناصر!" في شريط التنبيه الخاص بك. يمكنك تخصيص النص كيفما تشاء.

الخطوة 2: إضافة CSS مخصص

أخيرًا ، ستحتاج إلى استخدام Cascading Style Sheets (CSS) لتصميم التنبيه الخاص بك. يمكنك إضافة CSS باستخدام أداة تخصيص WordPress.

للقيام بذلك ، توجه إلى لوحة معلومات WordPress الخاصة بك وانتقل إلى Appearance> Customize. سيؤدي هذا إلى فتح موقعك في أداة التخصيص. في الشريط الجانبي ، حدد CSS إضافي . هذا يفتح مربع رمز حيث يمكنك إدخال CSS مخصص.

الصق الكود التالي في حقل النص:

.alertbar {

background-color: #A9A9A9;

color: #FFFFFF;

display: block;

line-height: 45px;

height: 50px;

position: relative;

text-align: center;

text-decoration: none;

top: 0px;

width: 100%;

z-index: 100;

}

إليك ما يبدو عليه التنبيه:

ينشئ الكود أعلاه شريطًا رماديًا داكنًا بنص أبيض - ولكن يمكنك تعديل الألوان والحجم كما تريد لمطابقة المظهر الخاص بك. عند الانتهاء ، انقر فوق "نشر" لحفظ تغييراتك.

عزز موقعك باستخدام WP Engine

سواء كنت تتطلع إلى زيادة الاشتراكات في البريد الإلكتروني أو تحتاج إلى طريقة بسيطة لإعلام الزائرين بالعروض الخاصة ، فإن مربع التنبيه هو حل أنيق وفعال. يمكن أن يؤدي تنفيذ واحد على موقع WordPress الخاص بك إلى زيادة معدل التحويل بشكل كبير.

يمكنك تنفيذ مربع تنبيه باستخدام مكون WordPress الإضافي مثل Popup Maker. يمكنك أيضًا ترميز أحدها بنفسك بسهولة نسبيًا باستخدام القليل من CSS. في كلتا الحالتين ، ستحصل على تنبيه قابل للتخصيص مصمم لزيادة عمليات الاشتراك والتحويلات.

إذا كنت ترغب في تحسين موقعك بشكل أكبر ، فتأكد من مراجعة خطط استضافة WordPress المخصصة لدينا!