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)는 출력이 어떻게 보일지를 위한 비주얼 참조입니다. 통합을 연결하기 전에 디자인 팀에 이 URL를 보여주어 승인을 받으세요 — 잘못된 템플릿을 잠그면 전체 배치를 다시 실행해야 합니다.

목표: 각 행이 Curify 템플릿 매개변수로 변환된 CMS 항목인 CSV(또는 JSON)를 생성합니다.

Webflow 컬렉션을 Webflow 데이터 API를 통해 가져옵니다:

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

각 항목의 fieldData를 읽고 템플릿 매개변수로 행을 작성하는 작은 매핑 스크립트(Node, Python 등)를 실행합니다. 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 파일과 5단계에서 사용할 매니페스트(item_id,image_url)를 반환합니다.

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시간 내에 완료됩니다. 전체 카탈로그를 한 번에 처리하는 경우 첫 실행은 주말에 계획하세요.

Goal: each CMS item's generated_image field now points to the matching generated visual.

Use the Webflow Assets API to upload each generated image, then patch the source CMS item to point at the new asset:

for row in manifest:
    # 1. Upload generated image to Webflow Assets
    asset = POST /v2/sites/SITE_ID/assets/...
    # 2. Patch the CMS item to point at the asset
    PATCH /v2/collections/CID/items/ROW_ITEM_ID
        body: fieldData.generated_image = asset.id

Faster path for one-shot batches: skip Webflow Assets entirely. Curify's manifest URLs are CDN-served (cdn.curify-ai.com); patch the CMS items to use the CDN URL directly. Saves the upload round-trip; tradeoff is that the image lives on Curify's CDN rather than Webflow's. For programmatic SEO pages where you don't need Webflow image optimization (responsive variants, lazy-load), the CDN-direct path is fine.

Trigger a Webflow publish after the batch lands so the live site picks up the new images. For sites with thousands of items, Webflow's publish is incremental — you don't republish the whole site.