Framer

설정 예상 시간: 4분

준비

Framer 프로젝트 Site Settings와 API 키 생성 권한.
직접 글을 추가할 수 있는 Collection. 외부 서비스 자동 동기화 Collection은 사용 불가.
제목용 String과 본문용 Formatted Text 필드.

API 키와 프로젝트 연결

Framer의 Site Settings → General → Server API / API keys에서 Surpasso 키를 만들고 Surpasso에만 붙여 넣습니다. 편집기 URL을 복사해 Integrations → Framer에 Server API key와 입력하고 Collection으로 계속합니다. 공개 도메인이 아닌 https://framer.com/projects/... 주소를 사용하세요.

필드 연결

블로그 Collection을 선택하고 Title은 String, Body는 Formatted Text에 연결합니다. Summary, 대표 이미지, SEO 제목·설명, 작성자는 선택 사항입니다. 검사는 프로젝트, Collection, 필드를 읽을 뿐 항목을 만들거나 사이트를 발행하지 않습니다.

Framer에서 검토·발행

Content Calendar에서 사이트 초안을 보내 Collection과 페이지 미리보기를 확인합니다. 준비되면 Framer에서 프로젝트를 Publish합니다. Surpasso 수정 후에는 다시 보내고 업데이트된 초안을 확인해 Framer에서 재발행합니다.

후속 전송은 같은 글을 업데이트합니다. 프로젝트 발행은 팀의 다른 변경도 함께 공개할 수 있습니다. Framer의 직접 수정은 돌아오지 않고 덮어쓸 수 있으며 삭제는 Framer에서 합니다.

Collection이 없거나 필드를 선택할 수 없음

키와 편집기 URL이 같은 프로젝트인지 확인합니다. Collection은 외부 동기화가 아닌 프로젝트 소유의 편집 가능한 항목이어야 합니다. Title은 String, Body는 Formatted Text를 사용하고 취소된 키는 교체합니다.

선택 필드 유형

Summary, SEO title, SEO description, Author는 String, Featured image는 Image를 사용합니다. 없는 필드는 연결하지 않습니다.