إضافة صندوق الاشتراك لمدونة بلوجر مع الأكواد

إضافة صندوق الاشتراك في البريد الإلكتروني لبلوجر

المقدمة

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

أهمية إضافة صندوق الاشتراك

• بناء قائمة بريدية: يمكنك التواصل مع جمهورك بشكل مباشر عبر الرسائل.
• زيادة التفاعل: إشعارات البريد الإلكتروني تزيد من فرص قراءة المقالات الجديدة.
• تحسين SEO: معدل العودة للموقع يرفع من تقييمه في محركات البحث.
• تعزيز الثقة: وجود صندوق اشتراك يعطي انطباعًا بالاحترافية.

الأكواد الكاملة للإضافة

فيما يلي الأكواد الكاملة لصندوق الاشتراك، منظمة داخل البلوك الذي طلبته:

<div class="subscribe-box">
  <h3>اشترك في قائمتنا البريدية</h3>
  <form action="#" method="post">
    <input type="email" placeholder="أدخل بريدك الإلكتروني" required/>
    <button type="submit">اشترك الآن</button>
  </form>
</div>

.subscribe-box {
  background:#f9f9f9;
  padding:20px;
  border-radius:8px;
  text-align:center;
  box-shadow:0 2px 5px rgba(0,0,0,0.1);
}
.subscribe-box h3 {
  margin-bottom:15px;
  color:#007bff;
}
.subscribe-box input {
  padding:10px;
  width:70%;
  border:1px solid #ccc;
  border-radius:5px;
  margin-bottom:10px;
}
.subscribe-box button {
  padding:10px 20px;
  background:#007bff;
  color:#fff;
  border:none;
  border-radius:5px;
  cursor:pointer;
  transition:0.3s;
}
.subscribe-box button:hover {
  background:#0056b3;
}

document.querySelector(".subscribe-box form").addEventListener("submit",function(e){
  e.preventDefault();
  let email = document.querySelector(".subscribe-box input").value;
  if(email){
    alert("تم الاشتراك بنجاح بالبريد: " + email);
  } else {
    alert("من فضلك أدخل بريدك الإلكتروني");
  }
});

{
  "widget":"subscribe-box",
  "fields":["email"],
  "action":"store-to-database",
  "messages":{
    "success":"تم الاشتراك بنجاح!",
    "error":"من فضلك أدخل بريدك الإلكتروني"
  }
}

كيفية تركيب الإضافة في بلوجر

1. افتح لوحة تحكم بلوجر.
2. اذهب إلى التخطيط.
3. اختر إضافة أداة في المكان المناسب (السايدبار أو الفوتر).
4. اختر HTML/JavaScript.
5. انسخ الأكواد أعلاه داخل المربع واحفظ.

تحسينات إضافية

يمكنك ربط صندوق الاشتراك بخدمات مثل FeedBurner أو Mailchimp لتخزين البريد الإلكتروني وإرسال نشرات دورية. كما يمكنك تعديل التصميم ليناسب هوية مدونتك، مثل تغيير الألوان والخطوط.

الخاتمة

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