Studio Two एडिटर: लिंक या HTML कोड एंबेड करना
यह आर्टिकल नवंबर 2026 में रिलीज़ किए गए नए Studio Two एडिटर के बारे में है। अगर आपको पक्का नहीं है कि आप Studio एडिटर या Studio Two एडिटर में से किसका इस्तेमाल कर रहे हैं, तो यहां ज़्यादा जानकारी देखें।
दूसरे प्लेटफॉर्म का कंटेंट दिखाने के लिए, कोई कोड स्निपेट या बाहरी URL एंबेड करें। काउंटडाउन टाइमर या वेदर विजेट जैसा कस्टम कंपोनेंट जोड़ें या किसी दूसरी साइट का कंटेंट दिखाएं, ताकि विज़िटर्स को उनकी ज़रूरत की हर चीज़ एक ही जगह मिल सके।
कोड या साइट एंबेड करना
ऐड एलिमेंट्स पैनल से सीधे साइट पर iFrame जोड़ें। चुनें कि आप कोड एंबेड करना चाहते हैं या साइट, फिर कोड या वेब एड्रेस पेस्ट करें, ताकि वह iFrame में दिखाई दे।
अपना कोड या लिंक एंबेड करने से पहले, हमारी गाइडलाइंस ज़रूर पढ़ें।
एंबेड जोड़ने के लिए:
ऊपर बाईं ओर मौजूद ऐड एलिमेंट्स आइकन
पर होवर करें।एलिमेंट्स चुनें।
एंबेड आइकन पर क्लिक करें।
एंबेड कोड या एंबेड अ साइट एलिमेंट को पृष्ठ पर ड्रैग करें।
एक्शन बार में सेटिंग्स आइकन
पर क्लिक करें।नीचे दिए गए संबंधित स्टेप्स फॉलो करें:
पर क्लिक करें।
दिखाए गए कंटेंट का साइज एडजस्ट करना
एंबेड किए गए एलिमेंट्स में अक्सर पिक्सल में पहले से तय चौड़ाई और ऊंचाई होती है। इन्हें उस सर्विस के हिसाब से सेट किया जाता है जहां से ये एलिमेंट्स लिए गए हैं, जैसा कि नीचे दिए गए उदाहरण में दिखाया गया है:
1<iframe width="560" height="315"
2 src="https://www.wix.com"
3 frameborder="0">
4</iframe>अगर iFrame कंटेनर (कैनवास पर) 560 px × 315 px से छोटा है, तो इन सेटिंग्स की वजह से कंटेंट क्रॉप हो सकता है। कंटेंट को क्रॉप होने से बचाने के लिए, px वैल्यू को प्रतिशत यूनिट्स से बदलें और उन्हें नीचे दिखाए गए तरीके से 100% पर सेट करें:
1<iframe width="100%" height="100%"
2 src="https://www.wix.com"
3 frameborder="0">
4</iframe>गाइडलाइंस
अपने कोड या लिंक को iFrame में एंबेड करने से पहले, हम ये गाइडलाइंस पढ़ने का सुझाव देते हैं।
कोड
हमेशा पक्का करें कि आप जो कोड एंबेड कर रहे हैं वह अप टू डेट और HTML5 के साथ कंपैटिबल हो। अगर पेज और स्क्रिप्ट HTML के पुराने वर्जन में लिखे गए हैं, तो ज्यादातर ब्राउजर उन्हें ठीक से नहीं दिखाते।
HTML कोड में पेज के मुख्य एलिमेंट्स होते हैं, लेकिन डिजाइन सेटिंग्स और दूसरी जटिल फंक्शनैलिटीज आमतौर पर अलग से स्टोर की जाती हैं। इसलिए, अगर संबंधित एलिमेंट्स को HTML कोड में रेफरेंस के तौर पर शामिल नहीं किया गया है—जैसे CSS और JS फ़ाइलें—तो हो सकता है कि कुछ एलिमेंट्स ठीक से काम न करें या वैसे दिखाई न दें।
लिंक
अगर आपको पक्का नहीं है कि टार्गेट एट्रिब्यूट का इस्तेमाल कैसे करना है, तो इसके बारे में यहां पढ़ें या कोड क्रिएटर से संपर्क करें।
पक्का करें कि लिंक में HTTPS हो, HTTP नहीं। ऐसा न होने पर लिंक लाइव साइट पर दिखाई नहीं देगा।