كيفية إضافة بنر مخصص إلى ووردبريس (WordPress)

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

يوفر ووردبريس طرقاً مدمجة لإنشاء بنر، وعادةً ما يعني إنشاء بنر مخصص في غوتنبرغ (Gutenberg) دمج “مكون الغلاف” (Cover block) مع عنوان وزر، نظراً لعدم وجود مكون خاص بالبنرات بشكل مستقل. وبالنسبة للإعلانات البسيطة التي تحتوي على رابط، فإن هذه الخيارات تكون كافية. ولكن إذا كنت تريد أن يحصد البنر الخاص بك نقرات بدلاً من أن يندمج في الصفحة ويتجاهله الزوار أثناء التمرير، فقد تحتاج إلى شيء مختلف قليلاً.

لا يمكن لهذه المكونات القيام بأي شيء تفاعلي، حيث لا يوجد مؤقت تنازلي للمبيعات ولا يوجد حقل لجمع رسائل البريد الإلكتروني داخل البنر نفسه. ويتطلب إنشاء بنر يحتوي على مثل هذه العناصر (دون كتابة أكواد HTML و CSS) اتباع أحد نهجين: إما تثبيت إضافة (plug-in) مخصصة للبنرات، أو استخدام أداة برمجية (widget) مستضافة مجانية ولصق كود التضمين الخاص بها في “مكون HTML المخصص” (Custom HTML block).

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

Watch on youtube

How to Add a Custom Banner to WordPress

الخيار 1: تثبيت إضافة بنر مخصصة لووردبريس

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

إليك كيفية إضافة بنر في ووردبريس باستخدام إضافة:

1. من لوحة تحكم ووردبريس الخاصة بك، انتقل إلى الإضافات، وابحث عن إضافة للبنرات أو أشرطة الإشعارات، ثم انقر فوق التثبيت الآن ثم تفعيل.

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

تختلف الإصدارات المجانية بشكل كبير فيما تتضمنه، وغالباً ما تتطلب الميزات المتقدمة التي تجعل البنر يستحق الاستخدام — مثل المؤقتات التنازلية، وقواعد الاستهداف، وإزالة شعار جهة خارجية من إعلانك الترويجي — دفع رسوم اشتراك.

على سبيل المثال، تحدك الخطة المجانية لـ Hello Bar بشريط واحد فقط وتحتفظ بشعار Hello Bar ما لم تقم بالترقية، وتبدأ الخطط المدفوعة من 29 دولاراً شهرياً وتُدفع سنوياً. بينما توفر منصة OptinMonster باقة مجانية، لكن أنواع الحملات وحدود حركة المرور (traffic) تزيد مع الخطط المدفوعة التي تتراوح بين 7 إلى 49 دولاراً شهرياً. وتبدأ الخطة المدفوعة لـ Icegram من 129 دولاراً سنوياً. 

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

الخيار 2: إضافة أداة بنر تفاعلية مجانية (موصى به)

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

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

إليك كيفية إضافة بنر في ووردبريس باستخدام الأداة البرمجية:

1. في صفحة مساحة عمل Jotform الخاصة بك، انقر على إنشاء، وحدد أداة الموقع البرمجية (Website Widget)، وابحث عن “Banner”، ثم انقر على استخدام الأداة البرمجية.

2. اختر نمط البنر وأضف العناصر التي تحتاجها حملتك، سواء كان ذلك عدّاً تنازلياً، أو كوبوناً، أو نموذج تسجيل، أو زراً.

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

4. انقر على نشر، ثم نسخ الكود في قسم التضمين. تحتوي قائمة المنصات أيضاً على إرشادات تضمين خاصة بووردبريس.

5. في محرر غوتنبرغ، انقر فوق أيقونة + لإضافة مكون، ثم ابحث عن HTML مخصص وحدده. انقر فوق تحرير HTML والصف كود التضمين الخاص بك، ثم انقر فوق تحديث وحفظ.

إن تعديل البنر لاحقاً يعني فتح الأداة البرمجية بدلاً من ترقية الخطة لإلغاء قفل ميزة ما. تتوفر أيضاً إمكانية تخصيص CSS إذا كنت تريد تحكماً أدق، ويقوم Jotform بحصر هذه المحددات (selectors) في الأداة البرمجية بحيث لا يؤثر تصميمك على العناصر الأخرى في الصفحة.

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

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

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

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

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