كيفية إضافة نموذج تسجيل إلى متاجر WooCommerce

سنقوم هذه المرة بعرض أبسط الطرق الممكنة التي يمكن اتباعها لإضافة نموذج تسجيل إلى متاجر WooCommerce ومنصات التسوق.

يعد نموذج التسجيل سهل الاستخدام أحد الأجزاء الأساسية التي يجب أن يحتوي عليها أي نوع من مواقع الويب. سواء كنت تمتلك فندقًا أو وكالة سفر أو موقعًا للخدمات أو موقعًا تجاريًا.

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

ما هو استمارة التسجيل؟
استمارة التسجيل هي سلسلة من الحقول التي يجب ملؤها بمعلومات المستخدم.

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

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

لكن الحقيقة هي أنهم معتادون عليها بالفعل ومستعدون لتزويدك بمعلوماتهم الأساسية في معظم الحالات.

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

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

لماذا من المهم تحسين نموذج تسجيل موقع الويب التجاري الخاص بك
أن توفر وبساطة استمارة التسجيل تحدد بشكل مباشر عدد المستخدمين في قاعدة البيانات الخاصة بك وتؤثر على رغبة المستخدم في مواصلة علاقته بموقعك على الويب.

وبالتالي ، قد يجلب نموذج الاتصال المنسق بشكل جيد ويعمل بشكل جيد المزيد من العملاء والمزيد من فرص العمل.

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

الآن بعد أن أظهرنا أهمية دمج نموذج التسجيل في بيئة WooCommerce عبر الإنترنت ، دعنا نفهم كيف يمكن القيام بذلك من وجهة نظر فنية.

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

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

بمجرد الانتهاء من جزء الإعدادات هذا ، سيتم عرض نموذج التسجيل على الواجهة الأمامية ، مما يعني أن جهودك لإضافة نموذج تسجيل إلى WooCommerce لم تذهب سدى.

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

يمكنك إدخال الكود التالي في نهاية ملف jobs.php الخاص بك إذا كنت تريد إضافة بعض الحقول الأساسية مثل الاسم الأول واسم العائلة ورقم الهاتف والبريد الإلكتروني وكلمة المرور.

الدالة wooc_extra_register_fields () {؟>

<p class = "form-row form-row-wide">

<label for = ”reg_billing_phone”> <؟ php _e ('Phone'، 'woocommerce')؛ ؟> </label>

<input type = ”text” class = ”input-text” name = ”billing_phone” id = ”reg_billing_phone” value = ”<؟ php esc_attr_e ($ _POST ['billing_phone']) ؛ ؟> ”/>

</p>

<p class = "form-row form-row-first">

<label for = ”reg_billing_first_name”> <؟ php _e ('First name'، 'woocommerce')؛ ؟> <span class = ”required”> * </span> </label>

<input type = ”text” class = ”input-text” name = ”billing_first_name” id = ”reg_billing_first_name” value = ”<؟ php if (! blank ($ _POST ['billing_first_name'])) esc_attr_e ($ _POST [' billing_first_name ']) ؛ ؟> ”/>

</p>

<p class = "form-row form-row-last">

<label for = ”reg_billing_last_name”> <؟ php _e ('Last name'، 'woocommerce')؛ ؟> <span class = ”required”> * </span> </label>

<input type = ”text” class = ”input-text” name = ”billing_last_name” id = ”reg_billing_last_name” value = ”<؟ php if (! blank ($ _POST ['billing_last_name'])) esc_attr_e ($ _POST [' الفواتير اسم العائلة'] )؛ ؟> ”/>

</p>

<div class = ”clear”> </div>

<؟ php

}

add_action ('woocommerce_register_form_start'، 'wooc_extra_register_fields') ؛

بمجرد تحديث الصفحة ، ستجد حقولًا جديدة مضافة إلى نموذج التسجيل الخاص بك.

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

billing_first_name ، billing_last_name ، billing_company ، billing_address_1 ، billing_address_2 ،

billing_city ، billing_postcode ، billing_country ، billing_state ، billing_email ، billing_phone

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

/ **

* تسجيل الحقول التحقق من صحة.

* /

الدالة wooc_validate_extra_register_fields ($ username، $ email، $ validation_errors) {

إذا (isset ($ _POST ['billing_first_name']) && blank ($ _POST ['billing_first_name'])) {

$ validation_errors-> add ('billing_first_name_error'، __ ('<strong> خطأ </ strong>: الاسم الأول مطلوب!'، 'woocommerce')) ؛

}

إذا (isset ($ _POST ['billing_last_name']) && فارغة ($ _POST ['billing_last_name'])) {

$ validation_errors-> add ('billing_last_name_error'، __ ('<strong> خطأ </ strong>: اسم العائلة مطلوب !.'، 'woocommerce')) ؛

}

إعادة $ validation_errors؛

}

add_action ('woocommerce_register_post'، 'wooc_validate_extra_register_fields'، 10، 3) ؛

يقوم هذا الرمز بفحص مصفوفة $ _POST بحثًا عن قيم النموذج ويتضمن رسالة خطأ عندما تكون القيمة غير موجودة أو تكون البيانات غير صالحة.

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

/ **

* أدناه رمز حفظ الحقول الإضافية.

* /

الوظيفة wooc_save_extra_register_fields ($ customer_id) {

إذا (isset ($ _POST ['billing_phone'])) {

// ملف إدخال الهاتف الذي يتم استخدامه في WooCommerce

update_user_meta ($ customer_id، 'billing_phone'، sanitize_text_field ($ _POST ['billing_phone'])) ؛

}

إذا (isset ($ _POST ['billing_first_name'])) {

// حقل الاسم الأول افتراضيًا

update_user_meta ($ customer_id، 'first_name'، sanitize_text_field ($ _POST ['billing_first_name'])) ؛

// حقل الاسم الأول المستخدم في WooCommerce

update_user_meta ($ customer_id، 'billing_first_name'، sanitize_text_field ($ _POST ['billing_first_name'])) ؛

}

إذا (isset ($ _POST ['billing_last_name'])) {

// حقل الاسم الأخير الذي يكون افتراضيًا

update_user_meta ($ customer_id، 'last_name'، sanitize_text_field ($ _POST ['billing_last_name'])) ؛

// حقل الاسم الأخير المستخدم في WooCommerce

update_user_meta ($ customer_id، 'billing_last_name'، sanitize_text_field ($ _POST ['billing_last_name'])) ؛

}

}

add_action ('woocommerce_created_customer'، 'wooc_save_extra_register_fields') ؛

تم الانتهاء من! لقد نجحت الآن في جمع القيم والتحقق منها وإضافتها إلى قاعدة البيانات الخاصة بك وهي جاهزة للاستخدام.

وظيفة ذات صلة: المقارنة بين BigCommerce vs WooCommerce - أيهما أفضل؟

كما ترى ، يمكنك إضافة نموذج تسجيل سريعًا إلى متجر WooCommerce وإضافة حقول إليه والتأكد من رضا المستخدمين عن عملك.

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

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

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

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

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

• إعداد سهل: عملية إعداد نموذج التسجيل الخاص بك سهلة إلى حد ما ؛ كل ما عليك فعله هو التوجه مباشرة إلى منطقة إدارة woocommerce ومن الواجهة الخلفية ، قم بتمكين نموذج التسجيل وتفعيله. يمكنك حتى تخصيصه بحيث يجذب عملاء جدد ، وبالتالي ، سيكونون مهتمين بتزويدك بالمعلومات التي تحتاجها عبر نموذج التسجيل الذي قمت بتثبيته للتو على موقع الويب الخاص بك.
• مُحسّنات محرّكات البحث: باستخدام نموذج التسجيل على موقع الويب الخاص بك ، يجب أن تكون قادرًا على تزويد المستخدمين بتجربة مستخدم محسّنة وهذا بدوره سيساعد في تعزيز تصنيفات SERP هذه. هذا من شأنه أن يؤدي إلى مزيد من الحركة وبالتالي يجب أن يساعد في زيادة مشاهدات الصفحة ومرات الظهور وأكثر من ذلك بكثير.

هذه بعض الأسباب التي تجعلك تقوم بتثبيت نموذج تسجيل على موقع الويب الخاص بك في أقرب وقت ممكن.

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

تحتاج إلى أن تعرض عليهم مقايضة ، حيث يمكنك أن تزودهم ببعض الهدية الترويجية أو العرض أو المزيد من المعلومات للتسجيل على موقعك.

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