그룹 콘텐츠 전송/반입

CSV 파일을 사용하여 컬렉션 항목을 가져오거나 CMS 데이터베이스를 CSV 파일로 내보냅니다.

Webflow CMS에서 컬렉션을 생성할 때 컬렉션 구성 요소를 수동으로 추가하거나 쉼표로 구분된 값(CSV)이 포함된 CSV 파일을 사용하여 기존 그룹으로 직접 전송할 수 있습니다. 이를 통해 수백 또는 수천 개의 구성 요소를 외부 소스에서 CMS로 직접 전송하고 전송 프로세스 중에 참조 필드에 CSV 콘텐츠를 할당할 수 있습니다. 상당한 양의 데이터를 쉽게 수정하기 위해 CSV 전송을 통해 기존 컬렉션 구성 요소를 선택적으로 수정할 수도 있습니다.

또한 CMS 그룹의 콘텐츠를 CSV 파일로 내보낼 수 있는 옵션도 있습니다. 이는 그룹 구성 요소의 백업을 유지하려는 경우 유용할 수 있습니다. 이 CSV 파일을 사용하여 그룹 구성 요소를 다른 Webflow 사이트로 전송하거나 대체 플랫폼으로 마이그레이션할 수 있습니다. CMS 데이터를 다른 사이트로 이동하는 방법에 대한 통찰력을 얻으세요.

주목: Designer 인터페이스에서 그룹 구성 요소를 전송/가져오는 것은 독점적으로 가능합니다.

이 튜토리얼에서는 다음 내용을 다룹니다. 

  1. CSV 파일에서 그룹 구성 요소를 전송하는 방법
  2. 그룹 구성 요소를 CSV 파일로 내보내는 방법

CSV 파일에서 그룹 구성 요소를 전송하는 방법

CSV 파일에서 그룹 구성 요소를 마이그레이션할 때 고려해야 할 특정 측면이 있습니다. 우리는 다음을 다룰 것입니다: 

  1. CSV 파일 형식을 지정하는 방법
  2. Webflow에 외부 데이터를 업로드하는 방법
  3. 필드 및 미리보기 구성요소를 설정하는 방법
  4. 지정된 데이터를 가져오는 방법
  5. 이미지 전송 문제를 해결하는 방법
주목: CMS로 전송할 수 있는 그룹 구성 요소 수는 사이트 계획 유형에 따라 다릅니다. CSV 파일의 맨 위 행은 그룹 구성요소로 간주되지 않으며 이 제한사항에 따라 계산되지 않습니다. 제한 사항 및 가격에 대한 자세한 내용은 가격 페이지를 참조하세요..

중요한: CSV 파일에서 그룹 구성요소를 마이그레이션하는 동안 사이트 백업을 생성할지 여부를 설정하라는 메시지가 표시됩니다. 선택하면 , 사이트의 가져오기 전 백업 버전이 생성되며 이후에 복원할 수 있습니다. 사이트 설정 > 백업 문제가 발생하면 탭하세요. 그럼에도 불구하고 기존 그룹 구성 요소가 많은 대규모 사이트를 관리하는 경우 디자이너에서 백업을 생성하는 것이 좋습니다. 앞서서 CSV를 통해 그룹 구성 요소 가져오기를 시작하고 다음을 선택합니다. 아니요 가져오는 동안 백업 단계를 우회합니다. 백업 저장 및 복구에 대해 자세히 알아보세요.

주목: 기본 로캘 보기에서 CSV를 통해 그룹 구성 요소를 가져오면 구성 요소가 모든 보조 로캘에 설정됩니다. 특정 보조 로캘로 구성 요소를 가져오려는 경우 다음에서 해당 로캘을 선택하세요. 로케일 보기 드롭다운을 클릭한 다음 CSV 파일 가져오기를 진행하세요. 또한 그룹 구성 요소를 내보내는 동안 내보낸 CSV 파일에는 현재 로케일 보기의 구성 요소만 포함됩니다. 그룹 콘텐츠 현지화에 대해 자세히 알아보세요.

CSV 파일 형식을 지정하는 방법

일반적으로 WordPress와 같은 다른 콘텐츠 관리 시스템에서 내보낸 CSV는 이미 Webflow에 맞는 방식으로 형식이 지정되어 있습니다. 한 Webflow 사이트에서 다른 사이트로 데이터를 전송하는 경우 내보낸 Webflow 그룹의 CSV 구조에 대해 걱정할 필요가 없습니다.

그러나 앞서 언급한 소스의 기존 CSV를 활용하지 않는 경우 CSV를 만들어 해당 데이터를 그룹으로 전송할 수 있습니다. Google 시트, MS Excel 또는 Airtable과 같은 도구를 사용하여 그룹 필드를 나타내는 열과 값과 함께 그룹 구성 요소를 나타내는 행이 있는 스프레드시트를 구성할 수 있습니다. 스프레드시트가 준비되면 CSV 파일로 저장할 수 있습니다.

주목: Excel에 CSV 파일을 저장하는 동안 CSV 유형 "쉼표로 구분된 값"을 선택했는지 확인하세요. 다른 CSV 확장은 Webflow에 업로드되면 올바르게 표시되지 않을 수 있습니다. 데이터 열이 1개뿐인 CSV를 원활하게 가져오려면 헤더 열 레이블(예: 이름) 바로 뒤에 쉼표를 삽입하세요.

지원되는 데이터 분류

전송 과정에서 오류가 발생하지 않도록 하려면 CSV Webflow와 호환되도록 만드는 것이 필수적입니다. 이미지, 날짜, 숫자, 색상과 같은 특정 데이터는 적절한 형식이 없으면 인식되지 않을 수 있습니다.

데이터의 형식이 올바르게 지정되고 올바른 그룹 필드 유형에 할당될 수 있도록 하려면 데이터베이스 스프레드시트를 컴파일할 때 다음 지침을 따르십시오. 

그룹 필드 유형CSV 행 콘텐츠
이름 필드256자 미만의 기본 텍스트
슬러그 필드256자 미만의 기본 텍스트
일반 텍스트 필드모든 기본 텍스트
서식 있는 텍스트 필드모든 값을 이 필드에 연결할 수 있습니다. 그러나 서식 있는 텍스트 가져오기의 경우 이 필드의 값은 HTML로 구성되어야 합니다.
이미지 필드이미지에 대한 직접 URL(이미지 파일 확장자로 끝나는 URL) 지원되는 이미지 파일 형식만 그룹으로 전송됩니다.
다중 이미지 필드세미콜론으로 구분된 이미지에 대한 직접 URL(예: https://images.unsplash.com/bird1.jpeg; https://images.unsplash.com/bird2.jpeg; https://images.unsplash.com/bird3) JPEG)
비디오 분야모든 YouTube 또는 Vimeo URL. 다른 비디오 URL은 이 필드에 연결할 수 없습니다.
링크 필드모든 URL
이메일 필드모든 이메일 주소
전화 필드모든 전화번호 형식
숫자 필드어떤 숫자든 가능합니다. 문자(예: 100 USD), 기호(예: $100) 또는 쉼표(예: 10,000)가 포함된 값은 이 필드에 연결할 수 없습니다.
타임스탬프 필드어느 지원되는 날짜 및 시간 형식
토글 필드2개의 고유 값, 예를 들어 열에 값으로 "True"와 "False"만 포함된 경우 이를 토글 필드 유형으로 지정하고 매핑 단계에서 "예"를 나타내는 값을 정의할 수 있습니다.
그늘 필드웹 색상 형식의 모든 값(예: 색상 이름, 16진수 코드, RGBA). 16진수 코드 앞에는 파운드 기호(#)가 와야 합니다(예: #4353ff).
선택 필드모든 값. 이 열의 모든 고유 값은 이 필드에 대한 선택 사항으로 사용됩니다(최대 100개의 옵션으로 제한됨).
문서 필드document 필드에는 데이터를 연결할 수 없습니다. 모든 데이터를 가져온 후 파일을 수동으로 업로드할 수 있습니다.
기재란일반 텍스트 - 특별한 형식이 필요하지 않습니다(예: "Charles Dickens")
멀티멘션 필드세미콜론으로 구분된 일반 텍스트(예: “Charles Dickens; Jane Austen; Charlotte Bronte”)
메모: CSV 열이 기본 이름 및 슬러그 필드에 연결되어 있지 않으면 CMS가 자동으로 해당 항목을 생성합니다.

중요한: 가져오기 프로세스 중에 서식 있는 텍스트 필드 내의 모든 코드는 Webflow와 호환되지 않는 요소, 클래스 및 속성을 제거하기 위해 "정리"됩니다. 가져온 후에 서식 있는 텍스트 콘텐츠를 검토하는 것이 좋습니다.

Webflow에 외부 데이터 추가

Webflow 컬렉션에 외부 데이터를 추가하는 방법을 살펴보겠습니다. 이 작업에서는 다음 단계를 다룹니다.

  1. CSV 파일 업로드
  2. 머리글 행 지정
  3. 가져올 항목 선택

CSV 파일 업로드

Webflow의 특정 컬렉션에 CSV 파일을 추가하려면:

  1. 액세스 CMS 패널
  2. 컬렉션 항목을 가져오려는 컬렉션을 선택하세요.
  3. 클릭 수입
  4. CSV 파일을 끌어서 놓거나 컴퓨터에서 파일을 찾아보세요.
메모: 업로드에 허용되는 최대 CSV 파일 크기는 4MB입니다.

머리글 행 지정

CSV 파일을 업로드한 후 헤더 행을 지정하라는 메시지가 표시됩니다. 일반적으로 CSV 파일의 머리글 행에는 각 열의 콘텐츠 유형을 정의하는 열에 대한 레이블이 포함되어 있습니다(예: 머리글 행에는 '이름', '날짜' 등과 같은 레이블이 포함될 수 있음).

CSV 파일을 업로드하면 파일 미리보기가 표시되며 첫 번째 행이 헤더로 사용되는지 확인하라는 메시지가 표시됩니다. 첫 번째 행을 헤더로 간주하여 가져오기에서 제외하려면 '예, 헤더입니다.' 또는 '잘 모르겠습니다.'를 선택하세요. 가져오기에 행을 포함하려면 '아니요, 항목입니다.'를 선택하세요. 헤더 행의 레이블은 필드 구성 단계에서 컬렉션 항목에 대한 필드 레이블로 설정됩니다.

CSV를 CSV 업로드 모달로 드래그하면 CSV의 헤더 행을 결정하라는 메시지가 표시됩니다.

이 단계에서의 선택에 관계없이 첫 번째 컬렉션 항목으로 진행하고 다음 단계에서 "머리글 행" 상자를 표시할지 여부를 결정할 수 있습니다.

가져올 항목 선택

헤더 행을 정의한 후 CSV 파일 처리가 완료되었다는 확인 메시지를 받게 됩니다. 이 확인 메시지는 새로 업로드된 CSV 항목이 컬렉션의 기존 항목과 일치하는지 또는 일치하지 않는지 여부도 나타냅니다.

메모: 머리글 행을 지정하지 않았거나 머리글인 첫 번째 행에 대한 불확실성을 표시한 경우 기존 일치 항목을 업데이트하는 옵션 없이 필드 구성으로 직접 이동합니다. 기본적으로 Webflow는 지정된 헤더 행 없이 컬렉션 항목 ID 열 또는 컬렉션 필드 열에 매핑하는 것이 불가능하므로 기본적으로 새 컬렉션 항목을 생성합니다.

항목이 일치하는 경우(기존 컬렉션 항목과 CSV 데이터가 동일한 ID를 공유하는 경우) 다음을 선택할 수 있습니다.

  • 일치하는 항목 업데이트, 컬렉션의 기존 항목을 CSV 업로드의 항목과 정렬하고 업데이트합니다.
  • 모든 항목을 새 항목으로 가져오기, CSV에서 일치하는 항목을 컬렉션의 새 항목으로 가져옵니다.

"일치하는 항목 업데이트"를 선택하면 컬렉션의 기존 항목을 신속하게 수정할 수 있는 효과적인 방법입니다. 예를 들어, CSV 파일에서 특정 항목의 데이터를 업데이트한 경우 오직 업데이트된 항목을 사용하면 컬렉션 항목의 이전 콘텐츠를 새 데이터로 즉시 바꿀 수 있습니다.

메모: 일반 CMS 항목은 컬렉션의 CSV 내보내기에 있는 "항목 ID" 필드를 기반으로 일치됩니다. 또한 백업에서 사이트를 복원하면 모든 CMS 컬렉션 및 항목 ID가 새로 고쳐집니다. 백업 저장 및 복원에 대해 자세히 알아보세요.

일치하는 항목을 업데이트하거나 모든 항목을 새 항목으로 가져오도록 선택한 후에는 계속해서 CSV 데이터를 구성하고 컬렉션 필드에 매핑할 수 있습니다. 일치하는 항목이 없을 경우에도 이 단계로 진행됩니다.

메모: CSV 가져오기를 통한 항목 업데이트는 전자상거래 항목에 적용되지 않습니다. 전자상거래 제품 및 변형 가져오기에 대해 자세히 알아보세요.

필드 구성 및 항목 미리보기

필드 구성

CSV 파일을 업로드한 후 가져온 항목 아래의 필드 구성 섹션 내에서 구성을 위한 필드로 해당 열에 액세스할 수 있습니다. 지정하면 열 헤더가 컬렉션 필드의 레이블로 표시됩니다.

메모: CSV 헤더 이름이 기존 컬렉션 필드 이름과 일치하면 자동으로 정렬되어 구성 단계가 절약됩니다.

입력 필드의 값은 선택한 행에서 가져옵니다. 각 행은 단일 컬렉션 항목에 해당합니다. 에서 다양한 항목을 볼 수 있습니다. 아이템 미리보기 오른쪽 패널.

이 단계에서는 매핑할 CSV 열과 제외할 CSV 열을 선택하여 컬렉션 필드를 설정합니다. 몇 가지

모든 열과 필드에 대한 선택 사항: 

  • 나가다
  • 새로운 분야 설립
  • 기존 필드와 연관
나가다

CSV에 CMS 필드와 상관관계를 지정하지 않으려는 열이 있는 경우 나가다 드롭다운에서 

새로운 밭을 개척하다

사용 가능한 기존 컬렉션 필드가 없는 경우 새 컬렉션 필드를 만들어 열과 연결할 수 있습니다. 

  1. 선택하다 새로운 분야 설립 드롭다운에서
  2. 드롭다운에서 필드 유형을 선택합니다. 열의 콘텐츠와 정렬되지 않는 필드 유형은 액세스할 수 없으며 페이드 아웃됩니다.
  3. 다음에 새로운 필드 레이블을 삽입하십시오. 새 필드 라벨 섹션을 선택하거나 제안된 라벨을 유지하세요.
  4. (선택사항) 보충자료 도움말 텍스트 라벨 아래에 표시하려면 

선택한 필드 유형에 따라 추가 설정을 사용할 수 있습니다. 추가 옵션 필드는 해당 열의 모든 고유 값으로 채워집니다(이러한 값은 대소문자를 구분합니다). 새로운 스위치 필드에서 "아니요"에 해당하는 값을 정의할 수 있습니다. 

기존 필드와 연관

각 열을 컬렉션의 기존 필드에 연결할 수 있습니다. 

  1. 선택하다 기존 필드와 연관 드롭다운에서
  2. 드롭다운에서 이 열을 연결할 필드를 선택하세요. 열의 콘텐츠를 지원하지 않는 필드는 액세스할 수 없으며 희미하게 표시됩니다.
알림: 열 레이블 옆에 있는 녹색 "점" 아이콘은 해당 열이 연결되었음을 나타냅니다.

새 스위치 필드의 경우 "아니요"에 해당하는 값을 정의하거나 교환 값을 "예"에 연결합니다.

알아두면 도움이 되는 사항: 이미 비활성으로 사용된 기존 필드와 열을 연결할 수 없습니다. 열 유형을 결합해야 하는 경우 새로운 필드를 구성할 수 있습니다.

항목 미리보기

가져올 각 항목의 필드와 값을 미리 볼 수 있습니다. 아이템 미리보기 오른쪽 창. 

좌우를 활용하라”화살컬렉션 항목 사이를 이동하려면 미리보기 창 상단에 있는 ' 버튼을 클릭하세요. 탭하세요. 항목 옵션 표시 가져올 모든 항목의 목록을 보려면 상단 표시줄에 있는 버튼을 클릭하세요. 와 더불어 항목 옵션 표시 표시되면 항목 이름을 탭하여 해당 미리보기로 이동할 수 있습니다. 텍스트를 입력할 수도 있습니다. 검색 창 특정 항목을 검색하려면

왼쪽 패널에서 연결되거나 시작된 필드 위로 마우스를 가져가면 항목 미리 보기에서 해당 필드가 강조 표시됩니다. 필드를 설정하면 미리보기 항목이 실시간으로 업데이트됩니다.

특정 항목의 필드 값을 수정해야 하는 경우 필드를 구성하기 전에 수정하거나 가져오지 않음 드롭다운에서

특정 항목을 컬렉션으로 가져오지 않도록 선택할 수도 있습니다. 

  1. 미리보기 창에서 가져오지 않으려는 항목을 찾습니다(예: 화살표, 드롭다운 메뉴 또는 검색 창을 사용하여 항목 탐색). 
  2. 스위치 켜기 가져오기 건너뛰기 

건너뛴 항목은 상단에 강조 표시됩니다. 아이템 미리보기 창과 항목 옵션 표시 "가져오기 건너뛰기" 기호가 있습니다.

필수 사항/확인 사항이 있는 필드

CSV 열 중 하나의 셀이 필수 참조 필드에 연결되어 있지만 비어 있거나 참조된 컬렉션에 존재하는 값이 부족한 경우 항목이 존재하지 않는다는 알림을 받게 됩니다. 필수 필드이므로 해당 행의 항목이 초안, 참조 필드는 공백으로 유지됩니다. 

연결된 참조 필드가 필수가 아니고 해당 열의 셀이 비어 있거나 참조된 컬렉션의 값이 부족한 경우 해당 행의 컬렉션 항목은 다음으로 지정됩니다. 게시를 위해 준비됨 가져온 후 참조 필드는 비어 있게 유지됩니다.

연결된 데이터를 가져오는 방법

컬렉션 필드와 CSV 데이터를 설정한 후 수입 데이터를 컬렉션에 통합합니다. 

중요한: CSV 파일에서 컬렉션 항목을 가져오면 사이트 백업을 생성하라는 메시지가 표시됩니다. 클릭하면 , 가져오기 전 사이트 백업 사본이 생성되며 나중에 복원할 수 있습니다. 사이트 설정 > 백업 문제가 있는 경우 탭을 클릭하세요. 그러나 사이트가 수많은 기존 컬렉션 항목으로 인해 광범위하다면 디자이너에서 백업을 생성하는 것이 좋습니다. 앞서서 CSV 가져오기 프로세스를 시작하고 아니요 가져오는 동안 백업 단계를 건너뛰려면 백업 보존 및 복원에 대해 자세히 알아보세요.

모든 항목을 가져올 때까지 Designer에 그대로 있어야 합니다. 항목 중 일부 또는 전체가 컬렉션에서 제외된 경우 건너뛴 항목 목록, 가져오기 실패 이유 및 자세한 오류 보고서 요약을 다운로드할 수 있는 링크를 받게 됩니다.

이미지 가져오기 문제를 해결하는 방법

CSV 파일의 깨진 이미지 링크는 컬렉션의 이미지 필드에 연결할 수 없습니다. 다음과 같은 대량 URL 검사기를 활용할 수 있습니다. HTTP 상태 코드 검사기 끊어진 링크를 찾아 수정합니다. 

CSV 파일에서 끊어진 링크를 검사하고 수정하려면 다음 단계를 따르세요. 

  1. CSV 파일을 엽니다. 
  2. 'URL' 열을 복사하세요.
  3. 'URL' 열의 데이터를 대량 URL 검사기
  4. 상태 코드를 평가하여 손상된 URL을 식별합니다. 상태 코드 200은 오류가 없는 URL을 나타냅니다.
  5. 오류 상태 코드가 있는 URL을 식별하고 CSV 파일의 링크를 바꾸거나 제외하세요. 
  6. CSV 파일을 저장하고 컬렉션으로 가져오기를 다시 시도하세요.

컬렉션 항목을 CSV 파일로 내보내기 위한 지침

컬렉션 항목을 CSV 파일로 내보내는 방법에는 두 가지가 있습니다. 

  1. 전체 컬렉션 내보내기(보관된 항목 포함) 
  2. 개별 컬렉션 항목을 선택적으로 내보내기

컬렉션 항목을 CSV 파일로 내보낼 때 컬렉션 필드를 내보내는 방법을 이해해야 합니다. 

알림: 컬렉션 항목을 내보내는 동안 내보낸 CSV 파일에는 현재 로캘 보기의 항목만 포함됩니다. 컬렉션 콘텐츠 현지화에 대해 자세히 알아보세요. 

전체 컬렉션 내보내기 

전체 컬렉션(보관된 항목 포함)의 콘텐츠를 CSV 파일로 내보내려면: 

  1. 다음으로 향하세요. CMS 패널 
  2. 내보내려는 컬렉션의 이름을 탭하세요.
  3. 수도꼭지 내보내다

컬렉션 필드를 내보내는 방법을 알아보세요.

개별 컬렉션 항목을 내보내도록 선택

개별 컬렉션 항목을 선택적으로 CSV 파일로 내보내려면: 

  1. (선택사항) 컬렉션 항목 검색, 필터링, 정렬
  2. 수도꼭지 선택하다 내보내려는 항목을 일괄 선택하거나 개별적으로 선택하려면 
  3. 수도꼭지 내보내다 CSV 파일을 생성하고 다운로드하려면 
전문가 팁: 개별 컬렉션 항목을 CSV 파일로 내보내고, CSV 파일에서 해당 항목을 변경하고, 업데이트된 컬렉션 항목만 컬렉션으로 다시 가져와 이전 콘텐츠를 새로운 수정 사항으로 바꿀 수 있습니다. CSV 가져오기를 통해 일치하는 컬렉션 항목을 업데이트하는 방법에 대해 자세히 알아보세요. ‍

컬렉션 필드를 내보내는 방법을 알아보세요.

컬렉션 필드 형식 내보내기

참조를 포함한 대부분의 컬렉션 필드 콘텐츠는 일반 텍스트 문자열이나 URL로 내보내집니다. 다중 참조 필드는 쉼표로 구분된 텍스트 목록으로 내보내집니다. 서식 있는 텍스트 필드는 HTML로 내보내집니다. 이미지와 파일은 Webflow 호스팅 URL로 내보내집니다. 

중요한: 이미지 필드와 파일 필드의 URL은 컬렉션을 내보낸 사이트에 연결되어 있습니다. 이는 원본 사이트를 삭제하면 해당 자산도 제거되어 CSV 파일의 링크가 끊어진다는 것을 의미합니다. 서식 있는 텍스트 필드의 이미지에도 동일하게 적용됩니다. 컬렉션을 새로운 Webflow 사이트로 전환하지 않는 한 원본 사이트를 백업으로 유지하거나 각 이미지와 파일을 수동으로 다운로드하십시오. 

알림: 내보낸 컬렉션을 다른 Webflow 사이트로 가져오면 이미지 필드에 연결된 이미지를 새 사이트에 새 이미지로 가져옵니다. 현재는 파일 필드 데이터를 새 사이트로 가져올 수 없으며 수동으로 업로드해야 합니다. 
이완 막
Ewan Mak의 최신 게시물 (모두 보기)