बिना प्रोग्रामर के वेबसाइट के लिए कैलकुलेटर कैसे बनाएं। भाग 1: कैलकुलेटर निर्माता

विषयसूची:

बिना प्रोग्रामर के वेबसाइट के लिए कैलकुलेटर कैसे बनाएं। भाग 1: कैलकुलेटर निर्माता
बिना प्रोग्रामर के वेबसाइट के लिए कैलकुलेटर कैसे बनाएं। भाग 1: कैलकुलेटर निर्माता

वीडियो: बिना प्रोग्रामर के वेबसाइट के लिए कैलकुलेटर कैसे बनाएं। भाग 1: कैलकुलेटर निर्माता

वीडियो: बिना प्रोग्रामर के वेबसाइट के लिए कैलकुलेटर कैसे बनाएं। भाग 1: कैलकुलेटर निर्माता
वीडियो: कैलकुलेटर से भाव आसानी से कैसे निकाले【Part-1】 2024, मई
Anonim

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

प्रौद्योगिकी के ज्ञान और प्रोग्रामर को काम पर रखने के बिना बनाए गए कैलकुलेटर का एक उदाहरण
प्रौद्योगिकी के ज्ञान और प्रोग्रामर को काम पर रखने के बिना बनाए गए कैलकुलेटर का एक उदाहरण

यह आवश्यक है

लैपटॉप या कंप्यूटर, कोई भी ब्राउज़र, 10-30 मिनट का समय, मेलबॉक्स या सोशल नेटवर्क अकाउंट (Facebook, Vkontakte, Google+, UID), साथ ही इस बात की समझ कि आपका कैलकुलेटर कैसा होना चाहिए।

अनुदेश

चरण 1

असेंबलिंग शुरू करने के लिए और भविष्य में आपके कैलकुलेटर को प्रबंधित करने के लिए, हम मेल या लोकप्रिय सोशल नेटवर्क में से एक के माध्यम से uCalc.pro सेवा पर पंजीकरण करते हैं।

पंजीकरण के बाद, आपको मेल के माध्यम से कैलकुलेटर डिजाइन पर सलाह के साथ एक ईमेल प्राप्त होगा।
पंजीकरण के बाद, आपको मेल के माध्यम से कैलकुलेटर डिजाइन पर सलाह के साथ एक ईमेल प्राप्त होगा।

चरण दो

पंजीकरण के बाद, आपको आपके व्यक्तिगत खाते में ले जाया जाएगा, जहां आपके कैलकुलेटर संग्रहीत किए जाएंगे। यहां आप एक तैयार टेम्पलेट चुन सकते हैं, या शुरू से कैलकुलेटर को असेंबल करना शुरू कर सकते हैं।

आइकन पर क्लिक करके
आइकन पर क्लिक करके

चरण 3

टेम्प्लेट या सेल्फ-असेंबली के पक्ष में चुनने के बाद, आपके सामने एक विज़ुअल एडिटर खुल जाएगा: आइटम को खींचकर - एक सूची, स्लाइडर, चेकमार्क, चेकबॉक्स, संपर्क फ़ील्ड या एक बटन - बाईं ओर के कॉलम से, आप कर सकते हैं एक कैलकुलेटर इकट्ठा करो।

तत्वों को एक साथ (कई पंक्ति में) या एक दूसरे के नीचे रखा जा सकता है।
तत्वों को एक साथ (कई पंक्ति में) या एक दूसरे के नीचे रखा जा सकता है।

चरण 4

माउस के साथ किसी भी तत्व पर होवर करें और आपको सेटिंग्स आइकन दिखाई देंगे - उनमें आप आकार निर्धारित कर सकते हैं, एक तत्व अनिवार्य कर सकते हैं, सूची के लिए फ़ील्ड के नाम सेट कर सकते हैं और उनके स्थान बदल सकते हैं। और तत्व के चारों ओर दिखाई देने वाले हल्के हरे रंग के फ्रेम पर क्लिक करके, आप इसे कैलकुलेटर के बाकी हिस्सों के ऊपर या नीचे पुनर्व्यवस्थित कर सकते हैं।

वैकल्पिक रूप से, आप किसी भी आइटम को उस पर क्लिक करके और दबाकर हटा सकते हैं
वैकल्पिक रूप से, आप किसी भी आइटम को उस पर क्लिक करके और दबाकर हटा सकते हैं

चरण 5

आप केवल वांछित पाठ को हाइलाइट करके लेबल का रंग और आकार बदल सकते हैं। ग्रंथों में स्पष्टीकरण जोड़ना बेहतर है: यदि हम चौड़ाई के बारे में बात कर रहे हैं, तो "मीटर" या "मिमी", कीमतों के बारे में "रूबल", "रूबल प्रति मीटर" और इसी तरह जोड़ें।

टेक्स्ट का रंग बदलने के लिए, ग्रे सर्कल पर क्लिक करें और पैलेट से एक रंग चुनें
टेक्स्ट का रंग बदलने के लिए, ग्रे सर्कल पर क्लिक करें और पैलेट से एक रंग चुनें

चरण 6

पृष्ठभूमि का रंग बदलने के लिए या स्लाइडर और चेकमार्क का रंग बदलने के लिए, कैलकुलेटर के ऊपर के आइकन का उपयोग करें। बायां आइकन पृष्ठभूमि के रंग के लिए ज़िम्मेदार है - इसे अपने वेबसाइट पेज के रंगों में रंगना बेहतर है। मध्य आइकन तत्वों का रंग है: आप 10 तैयार योजनाओं में से चुन सकते हैं।

आप दाएँ आइकन पर क्लिक करके फ़ॉन्ट शैली भी बदल सकते हैं - वर्तमान में 4 विकल्प उपलब्ध हैं।
आप दाएँ आइकन पर क्लिक करके फ़ॉन्ट शैली भी बदल सकते हैं - वर्तमान में 4 विकल्प उपलब्ध हैं।

चरण 7

स्पष्टता के लिए, आप कैलकुलेटर में चित्र जोड़ सकते हैं: एक छवि को हेडर और कैलकुलेटर के किसी भी तत्व दोनों में जोड़ा जा सकता है। ऐसा करने के लिए, बाएं पैनल से "चित्र" आइकन का चयन करें, इसे वांछित स्थान पर खींचें, और फिर, तत्व पर क्लिक करके, अपने कंप्यूटर से चित्र अपलोड करें।

अपनी साइट पर कैलकुलेटर को तेज़ी से लोड करने के लिए, कम से कम चित्रों का उपयोग करें
अपनी साइट पर कैलकुलेटर को तेज़ी से लोड करने के लिए, कम से कम चित्रों का उपयोग करें

चरण 8

सेवाओं और किसी भी अन्य संख्यात्मक मापदंडों के लिए कीमतों की एक श्रृंखला निर्दिष्ट करने के लिए, "सूत्र" टैब पर स्विच करें। आपको एक कैलकुलेटर आरेख दिखाई देगा जिसमें आप अपने लिए आवश्यक मान दर्ज कर सकते हैं।

कोई भी संख्या राशि और वजन दोनों का प्रतिनिधित्व कर सकती है या, उदाहरण के लिए, दूरी।
कोई भी संख्या राशि और वजन दोनों का प्रतिनिधित्व कर सकती है या, उदाहरण के लिए, दूरी।

चरण 9

आरेख पर कैलकुलेटर के प्रत्येक तत्व को एक अक्षर सौंपा गया है। बाईं ओर सूत्र बॉक्स में अक्षरों को प्रतिस्थापित करके और गणितीय संकेत जोड़कर, आप एक या अधिक सूत्र बना सकते हैं: उदाहरण के लिए, यदि आपको छूट के साथ या बिना मूल्य देना है, तो इससे कम संख्या से गुणा करके दो सूत्र बनाएं। 1 सेकंड में (उदाहरण के लिए, 0.8 का मतलब 20% में छूट होगा और इसी तरह)।

दूसरा या तीसरा सूत्र सेट किया जा सकता है यदि आप सामग्री और काम के लिए अलग से कीमत दिखाना चाहते हैं, और इसी तरह।
दूसरा या तीसरा सूत्र सेट किया जा सकता है यदि आप सामग्री और काम के लिए अलग से कीमत दिखाना चाहते हैं, और इसी तरह।

चरण 10

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

यहां आप बटन की उपस्थिति (अंडाकार, वर्ग, आदि) और बटन के अतिरिक्त रंग को भी सेट कर सकते हैं जब आप उस पर माउस घुमाते हैं।
यहां आप बटन की उपस्थिति (अंडाकार, वर्ग, आदि) और बटन के अतिरिक्त रंग को भी सेट कर सकते हैं जब आप उस पर माउस घुमाते हैं।

चरण 11

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

ग्राहकों के सभी व्यक्तिगत डेटा एसएलएल के माध्यम से प्रेषित किए जाते हैं - दूसरे शब्दों में, कोई भी उन्हें इंटरसेप्ट नहीं कर सकता है।
ग्राहकों के सभी व्यक्तिगत डेटा एसएलएल के माध्यम से प्रेषित किए जाते हैं - दूसरे शब्दों में, कोई भी उन्हें इंटरसेप्ट नहीं कर सकता है।

चरण 12

तो, कैलकुलेटर तैयार है। इसे साइट पर डालने के लिए, दाएं कोने में "सहेजें" बटन पर क्लिक करें - और तैयार विजेट कोड वाली एक विंडो आपके सामने दिखाई देगी। कोड को कॉपी करें और साइट पर एक नए या मौजूदा पेज में पेस्ट करें।

आपका कैलकुलेटर कोड आपकी साइट से कॉपी नहीं किया जा सकता है और न ही किसी और पर चिपकाया जा सकता है
आपका कैलकुलेटर कोड आपकी साइट से कॉपी नहीं किया जा सकता है और न ही किसी और पर चिपकाया जा सकता है

चरण 13

यदि आपको अपनी क्षमताओं पर भरोसा नहीं है, तो कैलकुलेटर जोड़ने के लिए तैयार निर्देशों का उपयोग करें। uCalc वेबसाइट ने CMS Wordpress, Joomla, Drupal, NetCat, साइट बिल्डर्स uKit, uCoz, Tilda और Wix और अन्य प्रसिद्ध प्लेटफार्मों पर कैलकुलेटर स्थापित करने के लिए युक्तियों का वर्णन किया है। यदि आपको सूची में अपना मंच नहीं मिला, तो कोई विवरण खोलें और सादृश्य का पालन करें।

निर्देश अक्सर पूछे जाने वाले प्रश्न अनुभाग में हैं
निर्देश अक्सर पूछे जाने वाले प्रश्न अनुभाग में हैं

चरण 14

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

सिफारिश की: