Curify + Webflow प्रोग्रामेटिक SEO इंटीग्रेशन: CMS स्केल पर प्रति-SKU दृश्य

लक्ष्य: प्रत्येक CMS आइटम में वे फ़ील्ड हैं जिनकी Curify को टेम्पलेट के पैरामीटर स्लॉट भरने के लिए आवश्यकता है।

अपने Webflow डिज़ाइनर को खोलें → संग्रह → संग्रह जिसे आप छवियाँ उत्पन्न कर रहे हैं (जैसे, उत्पाद)। फ़ील्ड जोड़ें जो Curify टेम्पलेट पैरामीटर पर मैप होते हैं। lifestyle-photo-grid टेम्पलेट के लिए, आपको आवश्यकता है:

• subject (सादा पाठ) - उत्पाद या श्रेणी का नाम (जैसे, "सिल्क मिडी ड्रेस")

• scene_preset (विकल्प) - इनमें से एक: met-gala-red-carpet, paris-fashion-week, beach-summer, autumn-park, wedding-day, city-fashion, spring-meadow

• palette_hint (सादा पाठ, वैकल्पिक) - हेक्स रंग या नामित रजिस्टर (जैसे, "vinho-do-porto red + gold")

• generated_image (छवि फ़ील्ड) - खाली छोड़ें; Curify यहाँ URL वापस लिखता है।

नामकरण सम्मेलन: अपने Webflow फ़ील्ड स्लग को Curify टेम्पलेट पैरामीटर नामों के समान रखें। चरण 3 में इंटीग्रेशन स्क्रिप्ट सीधे स्लग → पैरामीटर्स मैपिंग का उपयोग करती है; असंगत नामों का अर्थ है प्रति पंक्ति मैनुअल अनुवाद।

लक्ष्य: एक (कभी-कभी दो) टेम्पलेट चुनें जो आपके आउटपुट प्रारूप की आवश्यकता से मेल खाता है।

/nano-banana-pro-prompts खोलें और टेम्पलेट परिवार द्वारा फ़िल्टर करें। आपका निर्णय मैट्रिक्स:

• 9-दृश्य ग्रिड की आवश्यकता है (एक छवि में कई उपयोग मामलों में उत्पाद) → lifestyle-photo-grid। 7 दृश्य प्रीसेट, DTC कैटलॉग के लिए अच्छा है।

• एकल हीरो शॉट्स की आवश्यकता है (एक उत्पाद, एक कैमरा कोण) → product-poster। गैलरी में 8 उदाहरण भिन्नताएँ।

• फैशन / परिधान की आवश्यकता है (मॉडल द्वारा प्रदान किए गए कपड़े पहनना) → ai-outfit-try-on-poster। 5 स्टाइल प्रीसेट।

• पैकेजिंग मॉकअप की आवश्यकता है → food-product-packaging-design।

• प्रचार / बिक्री अभियान दृश्य की आवश्यकता है → product-theme-promotional-poster। 5 थीम वाले प्रीसेट।

• पहले/बाद के भिन्नता कार्ड की आवश्यकता है → fashion-before-after-outfit-annotation-card।

प्रत्येक टेम्पलेट का उदाहरण URL (जैसे, /nano-template/lifestyle-photo-grid/example/template-lifestyle-photo-grid-met-gala-red-carpet) आपके आउटपुट के लिए दृश्य संदर्भ है। इसे इंटीग्रेशन वायर करने से पहले डिज़ाइन टीम को अनुमोदन के लिए दिखाएँ - गलत टेम्पलेट लॉक करने का अर्थ है पूरे बैच को फिर से चलाना।

लक्ष्य: एक CSV (या JSON) उत्पन्न करें जहाँ प्रत्येक पंक्ति एक CMS आइटम है जो Curify टेम्पलेट पैरामीटर में अनुवादित है।

अपने Webflow संग्रह को Webflow डेटा API के माध्यम से खींचें:

GET https://api.webflow.com/v2/collections/{collection_id}/items
Authorization: Bearer {WEBFLOW_API_TOKEN}

एक छोटा मैपिंग स्क्रिप्ट (Node, Python, जो भी) चलाएँ जो प्रत्येक आइटम के fieldData को पढ़ता है और टेम्पलेट पैरामीटर के साथ एक पंक्ति लिखता है। lifestyle-photo-grid के लिए:

item_id,subject,scene_preset,palette_hint
650abc...,silk midi dress,met-gala-red-carpet,"vinho-do-porto red + gold"
650def...,linen jumpsuit,beach-summer,"sand cream + teal accent"
650ghi...,wool coat,autumn-park,"burnt sienna + mustard"

आवश्यक फ़ील्ड गायब होने पर आइटम के लिए त्रुटि हैंडलिंग जोड़ें - Curify उन्हें छोड़ देता है बजाय आंशिक डेटा से उत्पन्न करने के। एक प्री-फ्लाइट रिपोर्ट जो यह सूचीबद्ध करती है कि कौन से आइटम छोड़ेंगे, आपको रन से पहले CMS को ठीक करने देती है। item_id को CSV में रखें ताकि आप चरण 5 में उत्पन्न छवियों को स्रोत आइटम से मेल कर सकें।

लक्ष्य: CSV को Curify में फीड करें, item_id के लिए कुंजीबद्ध उत्पन्न छवियों का एक फ़ोल्डर प्राप्त करें।

आपकी टीम के स्टैक के आधार पर तीन रास्ते:

A. सीधे बैच अपलोड - बिना ऑटोमेशन प्लेटफ़ॉर्म वाली टीमों के लिए सबसे आसान। Curify डैशबोर्ड के माध्यम से CSV अपलोड करें (आज प्रारंभिक-एक्सेस कार्यप्रवाह)। Curify बैच चलाता है, item_id द्वारा नामित उत्पन्न छवियों का एक ZIP लौटाता है, साथ ही एक मैनिफेस्ट (item_id,image_url) जिसे आप चरण 5 में उपयोग करेंगे।

B. Make.com / Zapier प्रवाह - चल रहे संचालन के लिए सबसे अच्छा। ट्रिगर: "Webflow संग्रह में नया आइटम।" क्रिया: Curify उत्पादन अंत बिंदु पर आइटम के मैप किए गए पैरामीटर के साथ भेजें। क्रिया: स्रोत आइटम के साथ परिणामी छवि को संलग्न करने के लिए Webflow एसेट्स API को वेबहुक करें। यह नए उत्पाद पृष्ठों को CMS प्रकाशित होने के ~5 मिनट के भीतर स्व-चित्रण बनाता है।

C. Curify API सीधे (इंजीनियरिंग टीमों के लिए) - CSV को Curify बैच अंत बिंदु पर POST करें, पूर्णता के लिए पोल करें, मैनिफेस्ट प्राप्त करें। डैशबोर्ड कार्यप्रवाह के समान आकार लेकिन स्क्रिप्ट करने योग्य।

थ्रूपुट नोट: Nano Banana Pro प्रति छवि ~15-45 सेकंड लेता है। 1,000-आइटम बैच आमतौर पर 4-8 घंटे में पूरा होता है, जो समवर्तीता स्तर पर निर्भर करता है। यदि आप एक बार में पूरे कैटलॉग को कर रहे हैं तो अपने पहले रन की योजना एक सप्ताहांत पर बनाएं।

लक्ष्य: प्रत्येक CMS आइटम का generated_image फ़ील्ड अब मेल खाते जनरेटेड दृश्य की ओर इशारा करता है।

प्रत्येक जनरेटेड इमेज को अपलोड करने के लिए Webflow Assets API का उपयोग करें, फिर स्रोत CMS आइटम को नए एसेट की ओर इशारा करने के लिए पैच करें:

for row in manifest:
    # 1. Webflow Assets पर जनरेटेड इमेज अपलोड करें
    asset = POST /v2/sites/SITE_ID/assets/...
    # 2. एसेट की ओर इशारा करने के लिए CMS आइटम को पैच करें
    PATCH /v2/collections/CID/items/ROW_ITEM_ID
        body: fieldData.generated_image = asset.id

एक-शॉट बैच के लिए तेज़ मार्ग: Webflow Assets को पूरी तरह से छोड़ दें। Curify के मैनिफेस्ट यूआरएल CDN-सेवा प्राप्त (cdn.curify-ai.com) हैं; CMS आइटम को सीधे CDN यूआरएल का उपयोग करने के लिए पैच करें। अपलोड राउंड-ट्रिप को बचाता है; व्यापार यह है कि इमेज Curify के CDN पर रहती है न कि Webflow के। प्रोग्रामेटिक SEO पृष्ठों के लिए जहां आपको Webflow इमेज ऑप्टिमाइजेशन (उत्तरदायी विविधताएँ, लेज़ी-लोड) की आवश्यकता नहीं है, CDN-प्रत्यक्ष मार्ग ठीक है।

बैच लैंड होने के बाद Webflow पब्लिश को ट्रिगर करें ताकि लाइव साइट नए इमेज को ले सके। हजारों आइटम वाले साइटों के लिए, Webflow का पब्लिश क्रमिक है - आप पूरे साइट को फिर से प्रकाशित नहीं करते।