विजेट एम्बेड करें

आपकी वेबसाइट के लिए मुफ्त टूल और गेम – आपके पेज की शैली में

आप हमारे ऑनलाइन टूल और गेम को एक छोटे iframe के साथ अपनी वेबसाइट पर मुफ्त में एम्बेड कर सकते हैं। बिना पंजीकरण – बदले में छोटा boza.info बैज दिखाई देता रहता है। टूल को रंग और शैली में पूरी तरह अनुकूलित किया जा सकता है; गेम में बोर्ड मूल रहता है और केवल आस-पास (कार्ड, स्कोरबोर्ड, बटन) अनुकूलित होता है।

त्वरित शुरुआत

iframe स्निपेट कॉपी करें और अपनी वेबसाइट पर पेस्ट करें। विकल्प: टूल या गेम पेज खोलें और शेयर मेनू में "एम्बेड" चुनें – कोड स्वचालित रूप से कॉपी हो जाता है।

लाइव स्टाइलिंग एडिटर

विजेट चुनें, रंग और विकल्प समायोजित करें – बाईं ओर का पूर्वावलोकन लाइव अपडेट होता है। एडिटर के नीचे तैयार एम्बेड कोड मिलेगा जिसे आप सीधे कॉपी कर सकते हैं।

विजेट

रंग

युक्ति: रंग संपादित करने के लिए पूर्वावलोकन में किसी तत्व पर क्लिक करें।

पृष्ठभूमि

कार्ड

आधार थीम

एक्सेंट

बटन टेक्स्ट

बटन

बटन टेक्स्ट (हल्का)

डिस्प्ले

बॉर्डर

सफलता

खतरा

टेक्स्ट

टेक्स्ट (म्यूट)

बैज पृष्ठभूमि

बैज टेक्स्ट

विकल्प

लाइट मोड तत्व चुनें कॉम्पैक्ट बिना टाइटल बार पारदर्शी पृष्ठभूमि

कोनों की त्रिज्या (px)

चौड़ाई

भाषा

एम्बेड कोड

पैरामीटर संदर्भ

सभी पैरामीटर सीधे विजेट URL में जोड़े जाते हैं:

पैरामीटर	मान	प्रभाव
`theme`	`dark` / `light`	बेस थीम (डिफ़ॉल्ट: डार्क)
`bg`	Hex oder `transparent`	विजेट पृष्ठभूमि
`card`	Hex	कार्ड/स्कोरबोर्ड पृष्ठभूमि
`accent`	Hex	बटन और सक्रिय तत्वों के लिए एक्सेंट रंग
`accentText`	Hex	एक्सेंट बटन पर टेक्स्ट रंग
`btn`	Hex	मानक बटन की पृष्ठभूमि
`btnText`	Hex	मानक बटन पर टेक्स्ट रंग
`display`	Hex	डिस्प्ले/इनपुट पृष्ठभूमि
`border`	Hex	कार्ड और फ़ील्ड का बॉर्डर रंग
`success`	Hex	सफलता रंग (जैसे equals, कॉपी)
`danger`	Hex	खतरा रंग (जैसे clear/reset)
`text`	Hex	प्राथमिक टेक्स्ट रंग
`muted`	Hex	द्वितीयक टेक्स्ट रंग
`radius`	Zahl (px)	कार्ड के कोनों की त्रिज्या
`maxWidth`	`full` oder px-Zahl	विजेट की चौड़ाई (full = पेज भरता है)
`compact`	`true`	टाइटल बार को संकुचित करता है
`hideHeader`	`true` / `false`	टाइटल बार दिखाएं/छिपाएं
`lang`	`de/en/es/fr/hi/zh`	विजेट की भाषा
`badgeBg`	Hex	boza.info बैज की पृष्ठभूमि
`badgeFg`	Hex	boza.info बैज का टेक्स्ट रंग

JavaScript के साथ लाइव अनुकूलन

आप विजेट को बिना पुनः लोड किए रनटाइम पर अनुकूलित कर सकते हैं – iframe को postMessage संदेश भेजकर:

var frame = document.getElementById('myWidget');

frame.contentWindow.postMessage({
    source: 'boza-widget-config',
    config: { accent: '#22c55e', card: '#0f172a' }
}, '*');

सभी पैरामीटर लाइव नहीं बदले जा सकते: lang और theme के लिए पेज रीलोड आवश्यक है।

बैज नोट

विजेट का उपयोग मुफ्त है जब तक "boza.info" बैज दिखाई देता रहे। आप विजेट का नाम बदल नहीं सकते या उन्हें अपने उत्पाद के रूप में प्रस्तुत नहीं कर सकते।

अक्सर पूछे जाने वाले प्रश्न

विजेट कैसे अनुकूलित करें?

रंग hex मानों से सेट होते हैं: accent बटन और सक्रिय तत्वों को रंगता है, card कार्ड की पृष्ठभूमि, text और muted टेक्स्ट रंग। bg=transparent के साथ विजेट किसी भी पेज में आसानी से घुलमिल जाता है। कोनों की त्रिज्या, कॉम्पैक्टनेस, टाइटल बार और भाषा भी पैरामीटर से नियंत्रित होती हैं।

मैं गेम का बोर्ड रंग क्यों नहीं बदल सकता?

गेम में सक्रिय बोर्ड (canvas, बोर्ड, सेल) जानबूझकर मूल डिज़ाइन में रहता है। इसके आस-पास सब कुछ अनुकूलित है: कार्ड, टाइटल बार, स्कोरबोर्ड, हाईस्कोर पैनल और बटन।

क्या यह WordPress, Shopify या वेबसाइट बिल्डर पर काम करता है?

हाँ – जहाँ भी आप HTML ब्लॉक या iframe डाल सकते हैं (जैसे "कस्टम HTML" ब्लॉक, "एम्बेड" ब्लॉक या कोड विजेट)।

क्या यह मेरे पेज को धीमा करेगा?

नहीं। विजेट हल्का है और जरूरत पड़ने पर ही लोड होता है (lazy loading)। सुझाव: loading="lazy" उपयोग करें।

क्या मैं कई विजेट एम्बेड कर सकता हूँ?

हाँ, आप एक पेज पर कितने भी विजेट एम्बेड कर सकते हैं।