كيفية تخصيص صفحة منتج WooCommerce بحقول النص؟

نشرت: 2021-12-29

إذا قمت بإنشاء متجر WooCommerce وكنت منشئ مواقع الويب ، فمن المحتمل أنك تعرف مدى الإحباط الذي قد تشعر به إذا كنت ترغب في إضافة حقل نصي معين ولا تعرف كيفية تخصيص صفحة منتج WooCommerce أو أي مكون إضافي من WordPress يجب عليك استخدامه. في هذا المنشور ، سأحاول مساعدتك في هذه المشكلة وسأخبرك بكيفية تخصيص صفحة منتج WooCommerce بحقول نصية باستخدام البرنامج الإضافي Flexible Product Fields.

جدول المحتويات

  1. قم بتحرير صفحة منتج WooCommerce
  2. الحقول المتاحة في الإصدار المجاني من البرنامج المساعد
  3. الحقول المتاحة في الإصدار المحترف من البرنامج المساعد
  4. إضافة حقل نصي إلى صفحة المنتج
  5. نوع حقل الفقرة
  6. نوع حقل البريد الإلكتروني
  7. نوع حقل URL
  8. نوع حقل HTML

بادئ ذي بدء ، إذا كنت ترغب في تخصيص صفحة منتج WooCommerce ، فستحتاج إلى مكون WordPress الإضافي المناسب لتبدأ به. نوصي باستخدام المكوّن الإضافي Flexible Product Fields ، والذي يحتوي بشكل أساسي على كل ما تحتاجه وتتوفر جميع الميزات الرئيسية في الإصدار المجاني. تم تحديث ملحق المنتج المخصص WooCommerce مؤخرًا وتمت إضافة ما يصل إلى 10 أنواع حقول جديدة إلى الإصدار المجاني.

حقول المنتجات المرنة لـ WooCommerce

قم بإنشاء معالج منتج لبيع النقوش وتغليف الهدايا ورسائل الهدايا وبطاقات العمل والطوابع وشحنها اختياريًا (ثابت أو نسبة مئوية).

قم بتنزيل WordPress.org أو انتقل إليه
10،000+ عمليات التثبيت النشطة
آخر تحديث: 2022-10-13
يعمل مع WooCommerce 6.7 - 7.0.x

شاهد هذا الفيديو واكتشف ما يمكنك توقعه من هذا المكون الإضافي في نسخته المجانية:

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

قم بتحرير صفحة منتج WooCommerce

دعنا نلقي نظرة على جميع الحقول المتوفرة في المكون الإضافي Flexible Product Fields:

الحقول المتاحة في الإصدار المجاني من البرنامج المساعد:

  • البريد الإلكتروني (ميزة جديدة)
  • URL (ميزة جديدة)
  • HTML (ميزة جديدة)
  • العنوان (ميزة جديدة)
  • فقرة (ميزة جديدة)
  • متعدد مربعات الاختيار (ميزة جديدة)
  • راديو مع ألوان (ميزة جديدة)
  • الوقت (ميزة جديدة)
  • اللون (ميزة جديدة)
  • صورة (ميزة جديدة)
  • نص
  • تيكستاريا
  • رقم
  • خانة اختيار
  • يختار
  • تحديد متعدد
  • مذياع
  • راديو بالصور

الحقول المتوفرة في الإصدار المحترف من البرنامج المساعد:

  • تحميل ملف (ميزة جديدة)
  • التاريخ مع خيارات استبعاد التاريخ المتقدمة

بدون شك ، هناك الكثير للاختيار من بينها ، خاصة في الإصدار المجاني من هذا البرنامج المساعد WordPress.

إضافة حقل نصي إلى صفحة المنتج

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

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

مرن Product Fields البرنامج المساعد
مرن Product Fields البرنامج المساعد

بعد ذلك ، سترى جميع الحقول التي يمكنك إضافتها باستخدام المكون الإضافي Flexible Product Fields ، مرتبة حسب الفئات:

صفحة منتج WooCommerce: أنواع الحقول والفئات
صفحة منتج WooCommerce: أنواع الحقول والفئات

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

نوع حقل الفقرة

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

في تسمية الحقل ، أدخل النص الذي تريد عرضه:

تخصيص صفحة منتج WooCommerce: تحرير حقل نص الفقرة
تخصيص صفحة منتج WooCommerce: تحرير حقل نص الفقرة

ثم انقر فوق "تحديث " لحفظ التغييرات. هكذا ستبدو صفحة منتجك بعد إضافة حقل الفقرة:

تخصيص صفحة منتج WooCommerce: أضف حقل نص فقرة
تخصيص صفحة منتج WooCommerce: أضف حقل نص فقرة

نوع حقل البريد الإلكتروني

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

حدد نوع حقل البريد الإلكتروني:

تخصيص صفحة منتج WooCommerce: اختر حقل النص الخاص بك
تخصيص صفحة منتج WooCommerce: اختر حقل النص الخاص بك

وبعد ذلك ، هناك 3 حقول يمكنك استخدامها لتخصيص هذا النوع من الحقول ، في حين أن العنصر النائب وتلميح الأدوات ليسا إلزاميين ، لكنهما مفيدان تمامًا.

تحرير صفحة منتج WooCommerce: إصدار حقل نص البريد الإلكتروني
تحرير صفحة منتج WooCommerce: إصدار حقل نص البريد الإلكتروني

وهذه هي النتيجة النهائية للعينة:

تحرير صفحة منتج WooCommerce: نتيجة حقل نص البريد الإلكتروني
تحرير صفحة منتج WooCommerce: نتيجة حقل نص البريد الإلكتروني

نوع حقل URL

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

تخصيص صفحة منتج WooCommerce: حقل نص عنوان URL
تخصيص صفحة منتج WooCommerce: حقل نص عنوان URL

نوع حقل HTML

آخر مضاف مؤخرًا في حقل البرنامج الإضافي Flexible Product Fields WordPress هو HTML. استخدم هذا الحقل على سبيل المثال لإنشاء ارتباطات تشعبية أو إضافة ألوان إلى نصك أو تغيير تنسيقه. كما في الأمثلة السابقة ، عليك أولاً اختيار نوع حقل HTML من القائمة ثم كتابة النص في كود HTML. هذه بعض الأمثلة فقط لما يمكنك استخدامه من أجله:

تخصيص صفحة منتج WooCommerce: تسمية حقل حقل نص HTML
تخصيص صفحة منتج WooCommerce: تسمية حقل نص HTML

وفويلا ، هكذا ستبدو على صفحة منتج WooCommerce الخاصة بك:

صفحة منتج WooCommerce: حقل نص HTML
صفحة منتج WooCommerce: حقل نص HTML

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

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