WooCommerce उत्पाद पृष्ठों में कस्टम फ़ील्ड कैसे जोड़ें

WooCommerce उत्पाद पृष्ठों में कस्टम फ़ील्ड कैसे जोड़ें

WooCommerce उत्पाद पृष्ठों में कस्टम फ़ील्ड जोड़ने का कोई तरीका खोज रहे हैं?

चाहे आप WooCommerce उत्पाद पृष्ठ पर विस्तृत विनिर्देश जोड़ना चाहते हैं या आप एक बटन के क्लिक के साथ वैकल्पिक उत्पाद प्रकार दिखाने में रुचि रखते हैं, WooCommerce में कस्टम फ़ील्ड जोड़ने में आपके समय के कुछ ही क्षण लगते हैं।

उसके बाद, आप अपने WooCommerce डैशबोर्ड के सभी हिस्सों को अनुकूलित कर सकते हैं और तेजी से साइट की जानकारी शामिल कर सकते हैं जिसके लिए आमतौर पर मैन्युअल डेटा प्रविष्टि की आवश्यकता होती है।

इस लेख में, हम आपको चरण-दर-चरण दिखाएंगे कि मुफ्त उन्नत कस्टम फ़ील्ड प्लगइन (ACF) का उपयोग करके WooCommerce उत्पादों में कस्टम फ़ील्ड कैसे जोड़ें।

WooCommerce के लिए कस्टम फ़ील्ड उपयोग के उदाहरण

WooCommerce में कस्टम फ़ील्ड कब उपयोगी हो सकते हैं?

  • कंप्यूटर जैसी चीज़ों के लिए अतिरिक्त उत्पाद जानकारी जोड़ने के लिए, जहाँ आप RAM और प्रोसेसिंग पावर जैसे तकनीकी विनिर्देश दिखाएँगे।
  • प्रचार संदेश जिन्हें आप जल्दी से किसी और चीज़ में बदल सकते हैं।
  • अद्वितीय मीडिया तत्व जिन्हें अतिरिक्त वीडियो की तरह मानक WooCommerce सुविधाओं का उपयोग करके सम्मिलित नहीं किया जा सकता है।
  • दिनांक और समय जब आपके पास किसी उत्पाद के लिए उलटी गिनती, नीलामी या रिलीज़ की तारीख होती है।
  • अतिरिक्त उत्पाद विकल्प, वेरिएंट के अलावा, जिन्हें ग्राहक देख सकते हैं।
  • किसी आइटम का उपयोग करने के लिए विस्तृत निर्देशों की व्याख्या करने के लिए पैराग्राफ।
  • ऐड-ऑन ऑफ़र जहां उपयोगकर्ता को कई अपसेल के साथ प्रस्तुत किया जाता है जो वर्तमान उत्पाद के पूरक हैं। उदाहरणों में इलेक्ट्रॉनिक टूथब्रश के लिए ब्रश अटैचमेंट या ब्रेसलेट के लिए अलग-अलग आकर्षण शामिल हैं।
  • कोई भी असामान्य या अतिरिक्त डेटा जिसे आप उत्पाद पृष्ठ पर शामिल करना चाहते हैं जो या तो WooCommerce के माध्यम से समर्थित नहीं है या कस्टम फ़ील्ड के साथ पूरा करना आसान है।

WooCommerce उत्पाद पृष्ठों में कस्टम फ़ील्ड कैसे जोड़ें

इस उदाहरण में, हम एक नकली कंप्यूटर स्टोर बनाएंगे जो लैपटॉप बेचता है। प्रत्येक नए लैपटॉप के लिए कंप्यूटर विनिर्देशों को टाइप करने में काफी समय लगेगा, इसलिए इसके बजाय, हम उन विशिष्टताओं को चुनने के लिए फ़ील्ड शामिल करेंगे जो हमारे द्वारा बेचे जाने वाले कंप्यूटरों के प्रकार पर आधारित होंगे।

WooCommerce उत्पादों में कस्टम फ़ील्ड जोड़ने के लिए, आपको अपनी वर्डप्रेस साइट पर मुफ्त उन्नत कस्टम फ़ील्ड प्लगइन स्थापित करना होगा। फिर, यहां बताया गया है कि इसे कैसे सेट अप किया जाए…

WooCommerce उत्पाद पृष्ठों में कस्टम फ़ील्ड को चरण दर चरण जोड़ने का तरीका यहां दिया गया है:

  1. एक नया फ़ील्ड समूह बनाएँ
  2. अपने कस्टम फ़ील्ड जोड़ें
  3. अतिरिक्त फ़ील्ड समूह सेटिंग्स कॉन्फ़िगर करें
  4. उत्पादों में जानकारी जोड़ें
  5. फ्रंट-एंड पर कस्टम फ़ील्ड जानकारी प्रदर्शित करें

1. एक नया फ़ील्ड समूह बनाएँ

अपने वर्डप्रेस डैशबोर्ड में, नए पर जाएं कस्टम फील्ड्स टैब। तब दबायें नया जोड़ो के पास फील्ड समूह.

नए कस्टम फ़ील्ड WooCommerce जोड़ें

एक क्षेत्र समूह का नाम बताइए। उदाहरण के लिए, “कंप्यूटर फील्ड्स”। फ़ील्ड समूह फ़ील्ड्स का एक संग्रह है जो आपके पास एक उत्पाद या आपकी वेबसाइट के अनुभाग के लिए होगा, जैसे विशिष्टताओं की एक सूची जिसे आप सभी लैपटॉप उत्पाद पृष्ठों पर प्रदर्शित करना चाहते हैं।

2. अपनी कस्टम फ़ील्ड जोड़ें

दबाएं क्षेत्र जोड़ें इस समूह में एक फ़ील्ड जोड़ने के लिए बटन।

एक क्षेत्र जोड़ें

बनाओ:

  1. फील्ड लेबल – मुख्य रूप से आपके अपने संदर्भ के लिए।
  2. कार्यक्षेत्र नाम – उन अक्षरों के रूप में कार्य करता है जिन्हें आप अपने स्वयं के कस्टम कोड, या हमारे मामले में शोर्टकोड में रखेंगे। आप इसे प्लगइन द्वारा उत्पन्न डिफ़ॉल्ट के रूप में छोड़ सकते हैं।
  3. क्षेत्र के जैसा – वह प्रारूप जो आप उस क्षेत्र के लिए बना रहे हैं। आप दिनांक चयनकर्ता, चेकबॉक्स, ड्रॉपडाउन और रेडियो बटन जैसे विकल्पों में से चुन सकते हैं।

हो सकता है कि आप अपने या डेवलपर के लिए इस फ़ील्ड की आवश्यकता है या नहीं, इसके विनिर्देश के साथ कुछ निर्देश भी देना चाहें।

कस्टम फ़ील्ड WooCommerce के लिए आवश्यक विकल्प

यदि आप एक ऐसे क्षेत्र के साथ काम कर रहे हैं जिसमें कई विकल्प हैं (जैसे रेडियो बटन), तो आपको अगली बार अपनी फ़ील्ड पसंद जोड़ने की आवश्यकता होगी। ये वे चयन विकल्प हैं जिन्हें आप अपने उत्पाद पृष्ठ के बैकएंड पर प्रदर्शित करना चाहते हैं, जैसे विभिन्न कोर प्रोसेसर।

कस्टम फ़ील्ड WooCommerce के लिए फ़ील्ड विकल्प

बाकी सेटिंग्स आमतौर पर वैकल्पिक होती हैं, जैसे डिफ़ॉल्ट वैल्यू, लेआउट, और अगर आप वैल्यू या लेबल दिखाना चाहते हैं।

अतिरिक्त सेटिंग्स

जब भी आप किसी फ़ील्ड या समूह के साथ काम करते हैं, तो इसे सहेजा जाना सुनिश्चित करने के लिए प्रकाशित करें या अपडेट करें बटन पर क्लिक करें।

फ़ील्ड समूह को अपडेट करें

अपने समूह में और फ़ील्ड जोड़ने के लिए, क्लिक करें क्षेत्र जोड़ें बटन फिर से।

इस समूह में चार क्षेत्रों के साथ यह कैसा दिखता है:

  • सी पी यू
  • याद
  • ऑपरेटिंग सिस्टम
  • रिलीज़ की तारीख
क्षेत्र जोड़ें

3. अतिरिक्त फ़ील्ड समूह सेटिंग्स कॉन्फ़िगर करें

फ़ील्ड समूह हो जाने के बाद, स्क्रॉल करें स्थान मापांक। यह वह जगह है जहाँ आप पहचानते हैं कि आप अपने वर्डप्रेस डैशबोर्ड में फ़ील्ड समूह को कहाँ दिखाना चाहते हैं।

ठीक पद प्रकार के बराबर उत्पाद. या, यदि आप अधिक विशिष्ट होना चाहते हैं, तो आप उत्पादों की एक विशिष्ट श्रेणी भी चुन सकते हैं।

कस्टम फ़ील्ड WooCommerce का स्थान सेट करना

अंतर्गत समायोजनसुनिश्चित करें कि फ़ील्ड समूह है सक्रिय. इससे आप इसे उन उत्पाद पृष्ठों पर देख सकते हैं और संभावित रूप से अपने ग्राहकों को फ़ील्ड चयन दिखा सकते हैं।

शैली आपकी अपनी प्राथमिकताओं पर निर्भर करती है। पद, लेबल स्थापन, और निर्देशात्मक स्थापन के लिए भी यही कहा जा सकता है। यह सब व्यक्तिगत वरीयता है और आप अपने बैकएंड को कैसे प्रारूपित करना चाहते हैं। जब संदेह हो, तो उन्हें चूक के रूप में छोड़ दें।

यदि आपके पास उत्पाद पृष्ठों पर कई फ़ील्ड समूह दिखाई दे रहे हैं तो ऑर्डर संख्या सेट करें। यह उस क्रम को नियंत्रित करता है जिसमें विभिन्न फ़ील्ड समूह प्रदर्शित होते हैं।

आप विवरण भी सेट कर सकते हैं और अपनी स्क्रीन पर कुछ विवरण छिपा सकते हैं।

समायोजन

4. उत्पादों में जानकारी जोड़ें

इसके बाद, उस उत्पाद के संपादक पर नेविगेट करें जहां आप कस्टम फ़ील्ड जोड़ना चाहते हैं।

यदि सभी सेटिंग्स ठीक से कॉन्फ़िगर की गई हैं, तो आपको उत्पाद डेटा बॉक्स के नीचे कस्टम फ़ील्ड दिखाई देनी चाहिए।

हमारे उदाहरण के लिए, यदि आप एक नया लैपटॉप उत्पाद पृष्ठ जोड़ना चाहते हैं, तो आप सीपीयू, मेमोरी, ऑपरेटिंग सिस्टम और रिलीज़ दिनांक चुन सकते हैं।

कस्टम फ़ील्ड WooCommerce देखना

5. फ्रंट-एंड पर कस्टम फील्ड जानकारी प्रदर्शित करें

चीजों को खत्म करने के लिए, आपको अपने कस्टम फील्ड से फ्रंट-एंड सिंगल प्रोडक्ट पेज पर जानकारी प्रदर्शित करने की आवश्यकता है। आप इस जानकारी को कहीं भी जोड़ सकते हैं, लेकिन शुरुआत के अच्छे बिंदु उत्पाद के लंबे या छोटे विवरण में हैं।

फ़्रंट-एंड पर फ़ील्ड जानकारी प्रदर्शित करने के लिए, का उपयोग करें [acf field=""] लघु कूट संख्या। जोड़ें कार्यक्षेत्र नाम उद्धरण चिह्नों के बीच में:

शॉर्टकोड रखना

आप खोज सकते हैं कार्यक्षेत्र नाम फ़ील्ड समूह संपादक इंटरफ़ेस में प्रत्येक फ़ील्ड के लिए:

फ़ील्ड का नाम - कस्टम फ़ील्ड WooCommerce

चीजों को खत्म करने के लिए, हिट करें प्रकाशित करना या अद्यतन बटन।

जब आप अपने उत्पाद को फ्रंट-एंड पर खोलते हैं, तो आपको अपने कस्टम फ़ील्ड दिखाई देने चाहिए जहाँ आपने शॉर्टकोड जोड़े थे:

दृश्यपटल उत्पाद

कस्टम फ़ील्ड जोड़ने के तरीके के बारे में कोई प्रश्न?

वैकल्पिक फील्ड-मेकिंग प्लगइन्स पर उन्नत कस्टम फील्ड्स का उपयोग करने का एक फायदा यह है कि आप अपने नए फील्ड्स को अपनी साइट पर किसी भी स्थान पर रख सकते हैं, जिसमें उत्पाद पृष्ठ, पोस्ट और कार्ट मॉड्यूल शामिल हैं – अपने डैशबोर्ड को अनुकूलित करना और सामग्री निर्माण प्रक्रिया को तेज करना।

यह आपकी रचनात्मकता का विस्तार करने और उत्पाद पृष्ठों को बनाने के कठिन कार्य को थोड़ा सरल बनाने का एक बढ़िया विकल्प है।

हम समझते हैं कि उन्नत कस्टम फ़ील्ड प्लगइन में कुछ सीखने की अवस्था है, इसलिए यदि आपके पास WooCommerce में कस्टम फ़ील्ड जोड़ने के बारे में कोई विचार या प्रश्न हैं, तो हमें नीचे टिप्पणी में बताएं!

आप इस लचीले प्लगइन का उपयोग करने के तरीके के बारे में अधिक जानने के लिए हमारा पूरा ACF ट्यूटोरियल भी देख सकते हैं।

मुफ्त गाइड

स्पीड बढ़ाने के लिए 5 आवश्यक टिप्स
आपकी वर्डप्रेस साइट

अपने लोडिंग समय को 50-80% तक कम करें
सिर्फ आसान टिप्स को फॉलो करके।

WooCommerce उत्पाद पृष्ठों में कस्टम फ़ील्ड कैसे जोड़ें WooCommerce उत्पाद पृष्ठों में कस्टम फ़ील्ड कैसे जोड़ें

प्रातिक्रिया दे

आपका ईमेल पता प्रकाशित नहीं किया जाएगा. आवश्यक फ़ील्ड चिह्नित हैं *