अपनी फोटो गैलरी को वेबसाइट पर कैसे एम्बेड करें
अपनी इवेंट फ़ोटो को किसी भी वेबसाइट, ब्लॉग या WordPress पेज पर सीधे दिखाएँ। Fotify एक एम्बेड कोड बनाता है जिसे आप अपने HTML में पेस्ट करते हैं, और गैलरी ऑटो-रीसाइज़िंग, थीम विकल्पों और दो लेआउट मोड्स: ग्रिड और कैरोसेल के साथ दिखाई देती है।
Step 1: एम्बेड कोड जनरेट करें
- साइडबार में Photos पर जाएँ
- Actions सेक्शन में "Share Album" पर क्लिक करें
- यदि पहले से सक्षम न हो, तो "Public Album Access" को टॉगल करके चालू करें
- नीचे स्क्रॉल करें और "Embed on Website" को टॉगल करके चालू करें
- एम्बेड कोड जनरेटर दिखाई देगा
एम्बेड कोड जनरेट करने से पहले आपको पहले अपना एल्बम share your album करना होगा।
Step 2: अपने एम्बेड को कस्टमाइज़ करें
कोड कॉपी करने से पहले, इन विकल्पों को कॉन्फ़िगर करें:
Theme
अपनी वेबसाइट से मेल खाने के लिए 10 विज़ुअल थीम्स में से चुनें:
- Classic — हल्की शैडोज़ के साथ साफ़ सफ़ेद बैकग्राउंड
- Dark — चमकदार एक्सेंट्स के साथ स्टाइलिश डार्क बैकग्राउंड
- Minimal — बिना बॉर्डर, बिना हेडर — सिर्फ़ आपकी फ़ोटो
- Elegant — सेरिफ़ टाइपोग्राफी के साथ गर्म, परिष्कृत टोन
- Modern — ग्रेडिएंट हेडर के साथ बोल्ड राउंडेड कार्ड्स
- Polaroid — सफ़ेद बॉर्डर के साथ नॉस्टैल्जिक फोटो फ़्रेम्स
- Glass — ट्रांसपेरेंसी और ब्लर के साथ फ्रॉस्टेड ग्लास इफ़ेक्ट
- Neon — इलेक्ट्रिक एक्सेंट्स के साथ जीवंत ग्लो
- Magazine — असिमेट्रिक ग्रिड के साथ एडिटोरियल लेआउट
- Sunset — गोल्डन-ऑवर वाइब्स के साथ गर्म ग्रेडिएंट
Layout
- Grid — फ़ोटो को एक रिस्पॉन्सिव ग्रिड में दिखाता है (डिफ़ॉल्ट)। आप 2-5 कॉलम के बीच चुन सकते हैं।
- Carousel — एक स्लाइडशो जो हर 4 सेकंड में अपने-आप आगे बढ़ता है और नेविगेशन एरो व डॉट इंडिकेटर्स दिखाता है। कीबोर्ड एरो कीज़ को सपोर्ट करता है।
Max Photos
एम्बेड में कितनी फ़ोटो दिखें, इसकी सीमा तय करें। अनंत स्क्रॉल (ग्रिड मोड) या पूरा सेट (कैरोसेल मोड) के लिए "All" चुनें।
Step 3: कोड पेस्ट करें
- एम्बेड कोड कॉपी करने के लिए "Copy" पर क्लिक करें
- इसे अपनी वेबसाइट के HTML एडिटर में पेस्ट करें
कोड में एक <iframe> और एक छोटा स्क्रिप्ट शामिल होता है जो कंटेंट के अनुसार फ़्रेम को ऑटो-रीसाइज़ करता है — अतिरिक्त सेटअप की ज़रूरत नहीं है।
WordPress
WordPress एडिटर में, एक Custom HTML ब्लॉक जोड़ें और एम्बेड कोड पेस्ट करें।
Squarespace
एक Code Block या Embed Block का उपयोग करें और कोड पेस्ट करें।
Wix
HTML iframe एलिमेंट ("Embed" के तहत) का उपयोग करें और कोड पेस्ट करें।
Any HTML Page
कोड को <body> टैग के अंदर कहीं भी पेस्ट करें। गैलरी कंटेनर की चौड़ाई के अनुसार अपने-आप अनुकूल हो जाती है।
यह कैसे काम करता है
- एम्बेड आपके पब्लिक एल्बम को एक iframe के भीतर लोड करता है
- फ़ोटो रियल टाइम में फ़ेच होती हैं — नई अपलोड्स अपने-आप दिखाई देती हैं
- iframe कंटेंट की ऊँचाई के अनुसार ऑटो-रीसाइज़ होता है, इसलिए खाली जगह नहीं रहती
- किसी भी फ़ोटो पर क्लिक करने से पूरा एल्बम एक नए टैब में खुलता है
- एम्बेड आपके एल्बम की अप्रूवल सेटिंग्स का पालन करता है — केवल अप्रूव की गई फ़ोटो ही दिखाई जाती हैं
Frequently Asked Questions
Q: Do I need to update the embed code when I add new photos? A: नहीं। एम्बेड आपके एल्बम से फ़ोटो रियल टाइम में लोड करता है। नई अप्रूव की गई फ़ोटो अपने-आप दिखाई देती हैं।
Q: Can I embed a specific album from my event? A: हाँ, एम्बेड कोड में आपके एल्बम का यूनिक ID शामिल होता है। यदि आपके पास कई एल्बम हैं, तो प्रत्येक के लिए अलग एम्बेड कोड होगा।
Q: Does the embed work on mobile? A: हाँ, गैलरी पूरी तरह रिस्पॉन्सिव है। छोटे स्क्रीन पर ग्रिड कॉलम अपने-आप एडजस्ट हो जाते हैं, और कैरोसेल टच स्वाइप के साथ काम करता है।
Q: Can visitors upload photos through the embed? A: नहीं, एम्बेड केवल देखने के लिए है। विज़िटर्स को फ़ोटो अपलोड करने की अनुमति देने के लिए, अपना QR code या अपलोड लिंक शेयर करें।
Q: Does the embed slow down my website?
A: नहीं। एम्बेड loading="lazy" का उपयोग करता है, इसलिए यह तभी लोड होता है जब विज़िटर उस तक स्क्रॉल करता है। फ़ोटो तेज़ डिलीवरी के लिए CDN से सर्व की जाती हैं।
Q: Can I change the theme after embedding?
A: हाँ। थीम एक URL पैरामीटर के माध्यम से सेट होती है। आप या तो अलग थीम के साथ एम्बेड कोड फिर से जनरेट कर सकते हैं, या iframe URL में theme= वैल्यू को मैन्युअली बदल सकते हैं।
Q: What happens if I disable public album access? A: एम्बेड एक एरर स्टेट दिखाएगा। इसे वापस चालू करने के लिए public access को पुनः सक्षम करें।
Q: Is there a "Powered by Fotify" watermark? A: अधिकांश थीम्स में एक छोटा "Powered by Fotify" फ़ूटर दिखाई देता है। मिनिमल थीम में यह कम प्रमुख होता है।
क्या यह लेख सहायक था?