تعديل بيانات نموذج Elementor Pro وتخزينها في حقل مخفي

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

فهم كيفية التعامل مع البيانات في النماذج

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

إعداد الأكواد المخصصة

للبدء، يجب عليك تحديد النموذج الذي ترغب في معالجته. في المثال أعلاه، سيتم التركيز على نموذج يحمل الاسم "cap-avalanche". يمكنك استخدام الدالة add_action الخاصة بـ WordPress لتنفيذ كود عند إنشاء سجل جديد للنموذج.

إليك مثال على كود يمكنك استخدامه:

add_action('elementor_pro/forms/new_record', function($record, $handler) {
    // التأكد من أن النموذج هو "cap-avalanche"
    $form_name = $record->get_form_settings('form_name');
    if ('cap-avalanche' !== $form_name) {
        return;
    }
    $raw_fields = $record->get('fields');
    $fields = [];
    foreach ($raw_fields as $id => $field) {
        $fields[$id] = $field['value'];
    }
    // معالجة البيانات
    if (!empty($fields['name']) && !empty($fields['field_phone'])) {
        // الحصول على الاسم الأول
        $name_array = explode(' ', trim($fields['name']));
        $first_name = $name_array[0];
        // الحصول على آخر أربعة أرقام من الهاتف
        $phone = preg_replace('/[^0-9]/', '', $fields['field_phone']);
        $last_four = strlen($phone) >= 4 ? substr($phone, -4) : $phone;
        // تكوين العنوان الجديد
        $new_title = 'EXC ' . $first_name . ' ' . $last_four;
        // تحديث الحقل المخفي
        foreach ($record->get('fields') as $field_id => &$field) {
            if ('hidden_field_id' === $field_id) {
                $field['value'] = $new_title;
                break;
            }
        }
    }
    // تحديث البيانات الخاصة بالنموذج
    $record->update_fields();
}, 10, 2);

تسليط الضوء على الأكواد

يمكنك رؤية كيف يتم التحكم في البيانات المدخلة في الحقول، حيث يتم فحص كل حقل والتأكد من أنه يحتوي على قيم قبل البدء في المعالجة. الأكواد المذكورة تقوم بالآتي:

1. التأكد من النموذج: حدد النموذج المناسب الذي ترغب في العمل معه، مما يضمن أن الأكواد لن تؤثر على نماذج أخرى.
2. معالجة البيانات: بعد جمع البيانات، يتم استخراج الاسم الأول وآخر أربعة أرقام من رقم الهاتف ثم دمجها.
3. تحديث الحقل المخفي: أخيرًا، يتم تحديث الحقل المخفي بالقيمة الجديدة الناتجة عن المعالجة.

المعادلة النهائية

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

الخلاصة

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