अपनी वेबसाइट में काउंटडाउन कैसे एम्बेड करें
यदि आप Blogger, WordPress, Drupal या समान कंटेंट मैनेजमेंट या ब्लॉगिंग सॉफ़्टवेयर का उपयोग करते हैं, तो embed code पेस्ट करते समय आपको यह सुनिश्चित करना होगा कि आप अपनी सामग्री HTML mode में संपादित कर रहे हैं।
CountingDownTo.com से काउंटडाउन विजेट एम्बेड करना YouTube.com जैसी वेबसाइट से वीडियो एम्बेड करने के समान है। CountingDownTo.com पर, "My countdowns" पर क्लिक करके और फिर उस काउंटडाउन के नाम पर क्लिक करके उस काउंटडाउन का पता लगाएं जिसे आप एम्बेड करना चाहते हैं। वैकल्पिक रूप से आप "New countdown" पर क्लिक करके एक नया काउंटडाउन विजेट बना सकते हैं। काउंटडाउन के नीचे आपको "Embed on your site" लेबल वाला एक बटन दिखाई देगा। उस पर क्लिक करें। बटन के नीचे कुछ html code प्रदर्शित होगा। code नीचे दिए गए स्क्रीन शॉट की तरह दिखेगा। code को कॉपी करें और अपनी वेबसाइट या ब्लॉग में पेस्ट करें।
यदि आपने इस पेज पर दिए गए निर्देशों का पालन किया है लेकिन अभी भी अपना काउंटडाउन एम्बेड करने में असमर्थ हैं, तो कृपया सहायता के लिए हमसे संपर्क करें।
कौन-से प्लेटफ़ॉर्म लाइव काउंटडाउन एम्बेड कर सकते हैं?
अधिकांश ऐसी साइटें जो custom HTML या iframe URL पेस्ट करने देती हैं, आपका काउंटडाउन लाइव और टिक करता हुआ दिखाएंगी। कुछ page-builder और design टूल iframes को पूरी तरह ब्लॉक कर देते हैं। यहाँ हमने हाथों-हाथ जाँचा है:
| प्लेटफ़ॉर्म | लाइव काउंटडाउन? | नोट्स |
|---|---|---|
| WordPress (self-hosted) | हाँ | block editor में Custom HTML ब्लॉक जोड़ें और embed code पेस्ट करें। या हमारा WordPress plugin आने पर उसका उपयोग करें। |
| WordPress.com | प्लान पर निर्भर | Free plans iframes हटा देते हैं। Paid plans में custom HTML काम करने से पहले "hosting features" सक्रिय करने होंगे। अधिक जानकारी। |
| Squarespace | हाँ (Business plan+) | Code ब्लॉक जोड़ें और embed code पेस्ट करें। Business plan या उससे ऊपर की आवश्यकता है। |
| Wix | हाँ | Embed HTML element का उपयोग करें। iframe की width और height अपने काउंटडाउन से मेल खाएँ ताकि वह क्लिप न हो या scrollbars न दिखें। |
| Google Sites | हाँ | Insert → Embed का उपयोग करें और embed code या iframe URL पेस्ट करें। |
| Shopify | हाँ (सावधानी के साथ) | theme Custom Liquid या custom HTML sections के ज़रिए काम करता है। product descriptions में नहीं काम करता (Shopify वहाँ iframes हटा देता है)। |
| Notion | हाँ |
/embed
टाइप करें और अपने काउंटडाउन की direct /w4/
link पेस्ट करें (regular share link नहीं)।
|
| Canva | नहीं | Canva iframes या live external embeds का समर्थन नहीं करता। यह Canva की सीमा है, आपकी गलती नहीं। |
| Blogger, Drupal, Weebly, Joomla! | हाँ | embed code को custom/raw HTML के रूप में पेस्ट करें — नीचे प्लेटफ़ॉर्म-विशिष्ट निर्देश देखें। |
| Facebook, WhatsApp, YouTube | नहीं | ये प्लेटफ़ॉर्म third-party iframe embeds की अनुमति नहीं देते। इसके बजाय अपने published countdown page का link साझा करें। |
| Email clients | नहीं (GIF उपयोग करें) | Email clients iframes ब्लॉक करते हैं। इसके बजाय हमारा email GIF countdown उपयोग करें। |
WordPress में काउंटडाउन एम्बेड करें
Self-hosted WordPress: block editor में Custom HTML ब्लॉक (+ → "Custom HTML" खोजें) जोड़ें और हमारा embed code पेस्ट करें। editor preview में काउंटडाउन दिखाई नहीं देगा — page publish या preview करें ताकि वह दिखे।
WordPress.com: Free WordPress.com sites iframes का समर्थन नहीं करतीं (अधिक जानकारी)। paid plans पर Custom HTML block iframes render करने से पहले hosting features सक्षम करने होंगे। हमारा WordPress plugin आने पर हम इस पेज को अपडेट करेंगे।
Classic editor उपयोगकर्ता: यदि आप अभी भी पुराने Visual/HTML editor का उपयोग करते हैं, तो पेस्ट करने से पहले HTML (Visual नहीं) चुनें। block editor के लिए, यह वीडियो Custom HTML approach दिखाता है:
Squarespace में काउंटडाउन एम्बेड करें
Squarespace में custom code एम्बेड करने के लिए Business plan या उससे ऊपर की आवश्यकता है। अपना page संपादित करें, ब्लॉक जोड़ने के लिए + पर क्लिक करें, Code खोजें, और embed code Code block में पेस्ट करें। Save करें और preview करें — published page पर काउंटडाउन लाइव टिक करना चाहिए।
Wix में काउंटडाउन एम्बेड करें
Wix editor में + Add Elements → Embed Code → Embed HTML पर क्लिक करें। embed code पेस्ट करें और Update पर क्लिक करें।
महत्वपूर्ण — iframe sizing:
यदि काउंटडाउन क्लिप हो रहा है या scrollbars दिख रहे हैं, तो embed element की settings खोलें और width तथा height अपने embed code में dimensions से मेल खाएँ (आमतौर पर
<iframe>
tag की width और height जैसी)। Wix embedded iframes को हमेशा auto-size नहीं करता।
एक छोटा वीडियो देखें जिसमें Wix में काउंटडाउन जोड़ना दिखाया गया है।
Google Sites में काउंटडाउन एम्बेड करें
अपनी site संपादित करते समय Insert → Embed पर क्लिक करें। Embed code चुनें और हमारा embed code पेस्ट करें। page पर embed box का size समायोजित करें ताकि पूरा काउंटडाउन दिखाई दे।
Shopify में काउंटडाउन एम्बेड करें
embed code को Custom Liquid section या अपने theme में custom HTML block में जोड़ें (Online Store → Themes → Customize → Add section)। जहाँ आप इसे रखेंगे वहाँ pages पर काउंटडाउन लाइव दिखेगा।
Product descriptions काम नहीं करतीं: Shopify product descriptions से iframe HTML हटा देता है — यह प्लेटफ़ॉर्म की सीमा है, CountingDownTo की नहीं। इसके बजाय landing page, collection description, या custom page section का उपयोग करें।
Notion में काउंटडाउन एम्बेड करें
किसी भी Notion page पर /embed
टाइप करें और Enter दबाएँ। अपने काउंटडाउन की direct link (embed panel से /w4/
URL, regular share link नहीं) पेस्ट करें। Notion सिर्फ countdown widget को iframe करेगा।
Canva — अभी संभव नहीं
Canva की website और design editor iframe embeds या live external widgets का समर्थन नहीं करते। हमारा embed code या link पेस्ट करने से टिक करता हुआ काउंटडाउन नहीं बनेगा। यदि Canva भविष्य में iframe या external-URL image support जोड़ता है, तो हम इस पेज को अपडेट करेंगे।
Blogger में काउंटडाउन एम्बेड करें
अपने Blogger blog में embed code पेस्ट करने से पहले "Edit HTML" चुनें NOT "Compose"। याद रखें कि post संपादित करते समय काउंटडाउन दिखाई नहीं देगा। यह तभी दिखेगा जब आप post publish या preview करेंगे।
Drupal में काउंटडाउन एम्बेड करें
अपनी Drupal site में embed code पेस्ट करने से पहले "Input format" settings में "Full HTML" चुनें। याद रखें कि page संपादित करते समय काउंटडाउन दिखाई नहीं देगा। यह तभी दिखेगा जब आप page save या preview करेंगे।
Weebly में काउंटडाउन एम्बेड करें
अपनी Weebly site में countdown widget एम्बेड करने के लिए Custom HTML element का उपयोग करें।
Joomla! में काउंटडाउन एम्बेड करें
Joomla! में काउंटडाउन एम्बेड करने के लिए ये निर्देश देखें: Joomla! में काउंटडाउन एम्बेड करना
Joomla का default TinyMCE editor save करते समय iframe tags हटा या rewrite कर सकता है। यदि काउंटडाउन दिखाई नहीं देता, तो उस article के लिए WYSIWYG editor बंद करने का प्रयास करें, या embed code सीधे रखने के लिए Mod HTML module का उपयोग करें।
ऐसे प्लेटफ़ॉर्म जो iframe embeds का समर्थन नहीं करते
निम्नलिखित प्लेटफ़ॉर्म नहीं दिखा सकते live iframe countdown, चाहे आप कोई भी embed code उपयोग करें:
- Facebook — इसके बजाय अपने published countdown page का link साझा करें।
- WhatsApp — link साझा करें; WhatsApp embedded HTML render नहीं करता।
- YouTube — YouTube channel pages और video descriptions third-party iframes का समर्थन नहीं करते।
- Email clients — Gmail, Outlook, Mailchimp, और अन्य email apps सुरक्षा के लिए iframes ब्लॉक करते हैं। इसके बजाय हमारा email GIF countdown feature उपयोग करें — यह animated image बनाता है जो लगभग हर email client में काम करता है।
Email Countdowns एम्बेड करना
Mailchimp के साथ काउंटडाउन भेजें