अपने Telegram शॉप को अपने खुद के कोड से डिज़ाइन करें।
ज़्यादातर शॉप बिल्डर आपको टेम्पलेट में बाँध देते हैं। BotLaunch डिज़ाइन स्टूडियो आपको अपना खुद का CSS लिखने देता है, पूरी शॉप के लिए या किसी एक ब्लॉक के लिए, फ्री-फ़ॉर्म कस्टम सेक्शन जोड़ने और पूरे लुक को एक दोबारा इस्तेमाल होने वाले डिज़ाइन के रूप में सहेजने देता है। कोई JavaScript नहीं, आपकी शॉप को तोड़ने वाला कोई HTML नहीं: सिर्फ़ स्टाइलिंग, Telegram के लिए सुरक्षित रखी गई।
हर प्लान पर, शुरू करना मुफ़्त। आपका कस्टम CSS सहेजते समय सैनिटाइज़ किया जाता है।
.cs-root .card {
border-radius: 14px;
border: 1px solid
var(--hairline);
}
.cs-cta {
background: #297a3a;
}Aurora Tote
$48.00
डिज़ाइन स्टूडियो क्या है?
डिज़ाइन स्टूडियो BotLaunch शॉप एडिटर की एडवांस्ड स्टाइलिंग परत है। शॉप → कस्टमाइज़ से आप ग्लोबल कस्टम CSS (आपकी शॉप तक सीमित) लिख सकते हैं, किसी भी कंटेंट ब्लॉक पर प्रति-ब्लॉक CSS लिख सकते हैं, और एक फ्री-फ़ॉर्म कस्टम सेक्शन (शीर्षक, Markdown टेक्स्ट, इमेज, बटन) जोड़ सकते हैं। नतीजे को अपने डिज़ाइन के रूप में सहेजें और इसे किसी भी शॉप पर लागू करें, या इसे कभी भी दोबारा स्टाइल करें। आपका CSS सहेजते समय सैनिटाइज़ किया जाता है (बाहरी URL और स्क्रिप्ट हटा दिए जाते हैं, url() सिर्फ़ एक इनलाइन data:image की अनुमति देता है) ताकि यह Telegram के भीतर खरीदारों के लिए सुरक्षित रहे।
इसे बेमिसाल तरीके से अपना बनाएं
ग्लोबल कस्टम CSS
पूरी शॉप के लिए CSS लिखें, फ़ॉन्ट, स्पेसिंग, कार्ड, बटन, बैकग्राउंड। यह अपने आप आपकी शॉप तक सीमित हो जाता है, इसलिए यह इससे आगे कभी लीक नहीं हो सकता।
प्रति-ब्लॉक कस्टम CSS
कोई भी कंटेंट ब्लॉक चुनें और सिर्फ़ उसी ब्लॉक को स्टाइल करें। हर ब्लॉक को अपनी सीमित स्टाइलशीट मिलती है, इसलिए आपके hero में किया गया बदलाव कभी आपके प्रोडक्ट ग्रिड को नहीं छूता।
कस्टम सेक्शन
एक शीर्षक, समृद्ध Markdown टेक्स्ट, एक इमेज और एक बटन के साथ एक फ्री-फ़ॉर्म सेक्शन जोड़ें, फिर इसे अपने खुद के CSS से जैसे चाहें वैसे स्टाइल करें।
डिज़ाइन सहेजें और दोबारा इस्तेमाल करें
अपने पूरे लुक (थीम + कंटेंट + CSS) को एक निजी डिज़ाइन के रूप में सहेजें और इसे एक क्लिक में अपनी किसी भी शॉप पर लागू करें। एक बार लुक बनाएं, हर जगह दोबारा इस्तेमाल करें।
यह कैसे काम करता है
कस्टमाइज़ खोलें
अपने डैशबोर्ड में शॉप → कस्टमाइज़ पर जाएं। आप जो भी बदलते हैं वह एक असली Telegram शॉप फ्रेम में लाइव प्रीव्यू होता है।
अपना CSS लिखें
थीम टैब पर ग्लोबल CSS जोड़ें, या एक ब्लॉक चुनें और उसका कस्टम CSS पैनल खोलें। फ्री-फ़ॉर्म कंटेंट के लिए एक कस्टम सेक्शन जोड़ें।
अपने डिज़ाइन के रूप में सहेजें
सेव दबाएं, आपका CSS सैनिटाइज़ और सीमित किया जाता है, फिर लुक दोबारा इस्तेमाल करने के लिए “मेरे डिज़ाइन के रूप में सहेजें”। इसे किसी भी शॉप पर, कभी भी लागू करें।
खरीदार आपकी शॉप Telegram के भीतर खोलते हैं, इसलिए सुरक्षा वैकल्पिक नहीं है। कस्टम CSS को सर्वर पर पार्स किया जाता है और अनुमति-सूची से जांचा जाता है: सिर्फ़ स्टाइलिंग प्रॉपर्टीज़ बचती हैं, हर सेलेक्टर को आपकी शॉप के भीतर रहने के लिए मजबूर किया जाता है, url() सिर्फ़ एक इनलाइन data:image स्वीकार करता है (कोई बाहरी ट्रैकिंग नहीं), और @import, expression(), behavior और स्क्रिप्ट वेक्टर हटा दिए जाते हैं। आपको रचनात्मक स्वतंत्रता मिलती है; आपके खरीदार सुरक्षित रहते हैं।
- @import✕ stripped
- expression() / behavior✕ stripped
- url(http://…)✕ stripped
- url(data:image/…)✓ kept
- every selector✓ scoped to your shop
डिज़ाइन स्टूडियो अक्सर पूछे जाने वाले सवाल
एक ऐसी शॉप डिज़ाइन करें जो किसी और जैसी न दिखे।
डिज़ाइन स्टूडियो खोलें, अपना CSS लिखें, और एक ऐसा लुक सहेजें जिसे आप हर जगह दोबारा इस्तेमाल कर सकें। शुरू करना मुफ़्त, हर प्लान पर।
डिज़ाइन स्टूडियो मुफ़्त में खोलें