كيفية عمل كوبون خصم بوب اب

هناك طريقتان للقيام بذلك:

الطريقة الأولى: باستخدام إضافة WooCommerce Coupon Pop-Up، وتلك الإضافة تتيح لك إنشاء بوب اب لكوبونات الخصم مع اضافة خانة للايميل.

بعد تثبيت الإضافة، تستطيع إنشاء بوب اب جديد من خلال قائمة "WooCommerce" > "Coupon Pop-Ups"، وفي صفحة إنشاء البوب اب، قم تحديد خانة الاختيار "Show coupon only after email is entered".

الطريقة الثانية: تعديل كود WooCommerce لإضافة خانة للايميل إلى بوب اب كوبونات الخصم، وللقيام بذلك، افتح ملف functions.php في مجلد ووردبريس الخاص بك.

أضف التعليمات البرمجية التالية إلى الملف:

function my_coupon_popup_show_coupon_after_email() {
  // Check if the email field is filled in.
  if (!empty($_POST['email'])) {
    // Display the coupon code.
    echo $coupon_code;
  } else {
    // Hide the coupon code.
    echo '<p>Please enter your email to see the coupon code.</p>';
  }
}


add_action('woocommerce_coupon_popup_show_coupon', 'my_coupon_popup_show_coupon_after_email');

مما سيؤدي إلى إضافة التعليمات البرمجية التالية إلى بوب اب كوبونات الخصم:

<input type="email" name="email" placeholder="Enter your email">
<input type="submit" value="Get coupon">

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

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

• Coupon X
• Coupon Box
• poptin

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

بعض الإضافات المعروفة تتيح لك إنشاء وإدارة قسائم الخصم بسهولة، مثل "WooCommerce Coupons" و "Coupon Creator".

ثم يمكنك استخدام إضافات نماذج الاتصال مثل "Contact Form 7" أو "Gravity Forms" لإنشاء نموذج يحتوي على خانة لإدخال البريد الإلكتروني.

ربط قسائم الخصم بخانة البريد الإلكتروني: تحتاج إلى برمجة سيناريو يربط بين القسيمة والبريد الإلكتروني. يمكنك استخدام إضافات WordPress القابلة للبرمجة مثل "Advanced Custom Fields" لإضافة حقول مخصصة لقسائم الخصم وربطها بحقل البريد الإلكتروني.

قم في النهاية بتخصيص مظهر وتصميم الموقع الخاص بك باستخدام قالب WordPress المناسب وتعديله وفقًا لاحتياجاتك الخاصة.