Webflow CMS 완전 가이드 2026 | 요금·제작 순서·6년의 버그

Webflow CMS란?

Webflow CMS란, 같은 디자인의 페이지를 양산할 수 있는 Webflow의 기능입니다. 블로그나 공지 같은 갱신형 페이지 제작에 쓰며, 이용하려면 Premium 플랜(2026년 5월 개편 후·연 결제 $25/월)이 필요하고 CMS 아이템 20,000건·40컬렉션까지 다룰 수 있습니다.

결론부터. Webflow CMS는 “같은 디자인의 페이지를 양산하는 기능”으로, 블로그·공지·실적 같은 갱신형 페이지를 만들 수 있습니다. 2026년 5월 요금 개편 이후 CMS를 쓰려면 Premium 플랜(연 결제 $25/월·월 결제 $39/월)이 필요합니다.

이번에는 Webflow의 CMS에 대해 해설하겠습니다. Webharu에서도 사용하는 CMS 테크닉과, 반대로 Webflow CMS에서 “불편하다”고 느끼는 점 등을 실제 경험에 근거해 소개하겠습니다. 꼭 봐 주세요.

그럼 Webflow CMS로 할 수 있는 것을 살펴봅시다.

Webflow CMS로 할 수 있는 것 목록【2026년판】

Webflow CMS로 할 수 있는 것을 목록으로 정리했습니다.

• 블로그, 뉴스 등을 제작
• HTML 태그에 맞춘 웹 제작
• 자동 간이 SEO 작성
• 브레드크럼(경로) 자동 생성
• 글 안에 YouTube 임베드 게재
• 글마다 작성자 표기, 작성자 등록
• 장르 분류, 장르별 색 구분

등이 주로 쓰는 기능입니다. 기본 페이지 제작 방법은 뒤의 “Webflow에서 CMS 페이지를 만드는 기초 순서”에서 해설합니다. 여기서는 위 기능을 조금 더 자세히 해설하겠습니다.

Webflow CMS로 블로그, 뉴스 등을 만들 수 있다

CMS란 간단히 말하면 “같은 디자인의 페이지를 양산하는 기능”입니다. 정기적으로 갱신하는 블로그나 뉴스 페이지 등을 만드는 데 사용합니다. Webflow에서는 자유롭게 CMS를 구축할 수 있어, 개인에게 맞춘 군더더기 없는 CMS를 만들 수 있습니다.

Webflow CMS는 세 가지 공정으로 도입 가능

Webflow CMS는 “CMS 필드”, “CMS 페이지의 디자인”, “디자인과 CMS 필드의 연결”이라는 세 가지 공정으로 도입할 수 있습니다. 구체적인 조작은 다음의 “Webflow에서 CMS 페이지를 만드는 기초 순서”에서 해설합니다.

Webflow CMS는 여러 CMS 필드를 연결해 고도의 CMS 운용이 가능

장르 분류, 작성자 등록 등은 다른 CMS를 만들어 링크를 걸어 사용할 수 있습니다. CMS는 여러 개를 쓰는 것이 정석입니다. 장르별로 색을 구분하고, 작성자를 등록하고, 추천 글을 표시하는 등의 작업으로 효율 향상뿐 아니라 SEO 대책도 간단히 할 수 있습니다.

Webflow에서 CMS 페이지를 만드는 기초 순서【5단계】

결론: Webflow의 CMS 페이지는 “①컬렉션 생성→②필드 설계→③아이템 등록→④템플릿 페이지 디자인→⑤필드 연결·공개”의 5단계로 만들 수 있습니다. 관리 화면의 UI는 계속 업데이트되고 있으므로 스크린샷이 아니라 텍스트로 순서를 제시합니다(2026년 시점 UI 기준).

1. 컬렉션을 만든다: Designer 왼쪽 패널의 CMS 아이콘에서 “New Collection”을 선택합니다. Blog Posts 같은 템플릿을 고르면 제목·본문·썸네일 같은 기본 필드가 처음부터 준비됩니다.
2. 필드를 설계한다: Plain Text(제목)·Rich Text(본문)·Image(썸네일)·Date(공개일)·Reference(카테고리나 작성자와의 연결) 등 필요한 형식의 필드를 추가합니다. 장르 분류나 작성자 표기는 별도 컬렉션을 만들어 Reference로 잇는 것이 정석입니다.
3. 아이템을 등록한다: 만든 컬렉션에 글을 2~3건 넣습니다. 디자인 확인용 더미여도 괜찮습니다.
4. 템플릿 페이지를 디자인한다: 컬렉션을 만들면 “Collection Template Page”가 자동 생성됩니다. 이 한 페이지를 디자인하면 모든 아이템에 같은 디자인이 적용됩니다.
5. 필드를 연결해 공개한다: 제목이나 이미지 등 각 요소에서 “Get text from”(바인딩 설정)으로 컬렉션의 필드를 골라 연결합니다. 목록 페이지에는 Collection List를 두어 아이템을 나열하고, Publish로 공개합니다.

Webflow의 조작을 체계적으로 배우고 싶은 분은 21일 만에 Webflow 습득 코스(Webflow University 해설)도 봐 주세요.

Webflow CMS의 불편한 점, 할 수 없는 것【매일 쓰기에 보이는 작은 버그】

Webflow에는 고도의 기능이 많이 있지만 100% 만족스럽지는 않습니다. 여기서는 Webflow CMS 도입 전에 주의해야 할 사항을 실제로 사용한 경험에서 소개하겠습니다.

• 【버그】글자가 반영되지 않을 때가 있다
• 슬라이더에 CMS를 쓸 수 없다
• 목차를 간단히 만들 수 없다
• 코드 출력 시에는 따로 대응해야 한다
• CMS에서 WebP 변환이 없다

위 내용을 순서대로 해설하겠습니다.

【버그】Webflow CMS에서 글을 쓰면 약 10% 확률로 오류가 난다(실제 경험)

Webflow CMS에서 직접 글을 쓰다 보면 가끔 저장되지 않거나 글자가 반영되지 않을 때가 있습니다. 한 번 버그가 나면 새로고침으로 해결되지만 저장은 되지 않습니다. 자주 저장하고, 작성한 내용을 저장해 두는 크롬 확장 기능을 사용해 대비합시다. 가장 좋은 것은 다른 메모 앱 등에서 글을 쓰는 것입니다.

링크 사용 시, 리스트 사용 시, 이미지 삽입 시에는 곧바로 저장합시다. H 태그 사용으로는 버그가 나지 않지만, 그 밖의 기능을 쓰면 10% 정도의 확률로 버그가 납니다. 겉보기에 버그가 없어 보여도 저장되지 않은 적이 있었습니다. 10% 정도의 확률이기 때문에 오히려 방심하게 됩니다.

저장되지 않으면 정말 맥이 빠지므로 메모장이나 텍스트 에디터를 사용해 주세요. Webflow CMS는 H 태그나 링크 태그의 정보를 그대로 읽어 주므로 메모로 작성→복사해 붙여 넣기로 잘 됩니다.

Webflow CMS는 슬라이더에서 사용할 수 없다

Webflow에는 기본으로 슬라이더를 만들 수 있는 기능이 있습니다. 그러나 CMS의 이미지를 슬라이더에 사용할 수는 없습니다. 불편합니다. 커스텀 코드를 사용한 CMS 슬라이더 등이 템플릿으로 공유되고 있으므로 그것을 사용하면 대응할 수 있습니다.

Webharu에서는 더 간단한 방법으로 슬라이더가 아니라 스크롤로 볼 수 있는 것을 사용하고 있습니다. 이런 느낌입니다↓

Webflow CMS를 연결해 목차를 만들기가 번거롭다

장문의 글을 쓸 때 도입하고 싶은 것이 목차 기능입니다. WordPress 등에서는 플러그인으로 목차를 만들 수 있는 듯하지만 Webflow에서는 그렇게 되지 않습니다. Webflow에서 목차를 만들려면 코드로 목차를 만들거나 각 섹션마다 ID를 붙여 링크를 거는, 조금 번거로운 방법이 필요합니다.

Webharu에서 도입한 목차 만드는 법은 다음 글에서 소개하고 있습니다.
>> 【커스텀 코드 없이】Webflow로 만드는 가장 간단한 목차 제작법

코드를 복사해 붙여 목차를 만들고 싶은 분은 이 글에서 확인해 주세요
>>Webflow로 만든 블로그 페이지에 자동 생성되는 목차를 추가하는 방법(일본어)

Webflow CMS에는 WebP 변환이 없다

삽입한 이미지를 WebP로 변환할 수 없는 것이 조금 번거롭습니다. 매번 사루와카 씨의 WebP 변환 툴로 WebP로 변환하고 있습니다. 정적 페이지에서는 전부 변환할 수 있으므로 CMS에서도 변환할 수 있게 되면 좋겠습니다.
>>사루와카 씨의 WebP 툴은 이쪽(일본어)

코드 출력 시에는 따로 대응해야 한다

Webflow는 코드 출력 시에 CMS의 데이터를 함께 출력할 수 없습니다. 그래서 CMS 부분은 아무것도 표시되지 않고 구멍이 뚫린 상태로 출력됩니다. 코드를 보고 싶은 분은 아래에서 확인해 주세요.
>>Webflow로 출력한 실제 코드 보기(일본어)

CMS는 CSV라는 형식으로 따로 출력할 수 있습니다. CSV로 출력해 WordPress나 다른 노코드로 가져오면 됩니다.

Webflow 전문가가 쓰는 Webflow CMS의 편리한 기능

실제로 Webharu에서 웹 제작을 의뢰받았을 때 자주 사용하는 Webflow CMS의 기능을 소개합니다.

• CMS 글 작성만으로 색 구분부터 SEO 대책까지 자동 생성
• Webflow CMS의 글을 보이는 그대로 편집
• 커스텀 코드에 CMS를 삽입

순서대로 해설해 나가겠습니다.

CMS 글 작성만으로 색 구분부터 SEO 대책까지 자동 생성

Webflow에서는 CMS를 잘 사용하면 장르별 색 구분부터 SEO 대책까지 자동으로 만들 수 있습니다. SEO 대책 자동화에서는 Title 태그, description 태그, 구조화 데이터, 브레드크럼을 자동화할 수 있습니다. 또 CMS를 연결하면 내부 링크 대책도 간단합니다.

Webharu에서는 이러한 지식을 사용해 내부 SEO를 자동화한 뒤 키워드 전략과 시장 리서치, 순위 측정, 글 작성을 하고 있습니다. 그래서 일반적인 SEO 컨설팅과 달리 낮은 가격으로 SEO 컨설팅과 조언 등을 할 수 있는 것입니다.

Webflow CMS의 글을 보이는 그대로 편집한다

Webflow에는 “세팅”, “디자이너”, “에디터”라는 세 가지 기능이 있습니다. 만든 글을 그대로 편집하려면 에디터를 사용합니다. 에디터는 2023년이 되어 기능이 크게 개선되며 새로고침이 빨라졌습니다. 2025년 시점에는 디자이너 기능을 사용한 채로 글을 직접 리라이트할 수 있게 되었습니다.

그러나 에디터는 조금 특성이 강해서, 한 번 만든 내용을 불러오는 데 몇 초의 지연이 있습니다. 지연이 많다는 것은 이런 느낌입니다↓

커스텀 코드에 Webflow CMS를 삽입한다

Webflow의 CMS를 잘 이용하면 커스텀 코드에 CMS의 정보를 삽입할 수 있습니다. 먼저 아래를 봐 주세요.

오른쪽 위의 “＋Add Field”에서 CMS의 아이템을 선택하면 CMS의 글마다 입력된 정보를 코드에 반영할 수 있습니다. 당사에 의뢰하거나 프로그래머를 고용하면 더 고도로 자동화된 기능을 개발할 수 있습니다.

Webflow CMS를 쓰기 위한 비용과 요금 플랜【2026년 5월 개편】

결론: 2026년 5월 요금 개편 이후 Webflow에서 CMS를 쓰려면 Premium 플랜(연 결제 $25/월·월 결제 $39/월)이 필요합니다. 구 CMS 플랜($23/월)은 폐지되었습니다. CMS가 필요 없는 사이트는 Basic(연 결제 $15/월·정적 300페이지), 무료인 Starter는 webflow.io 도메인으로 CMS를 제한적으로 시험해 볼 수 있습니다. Premium에서 다룰 수 있는 것은 CMS 아이템 20,000건·40컬렉션까지입니다.

플랜별 상세한 내용과 고르는 법은 Webflow의 요금 플랜 해설【2026년 5월 개편판】에 정리했습니다.

【실제 경험】무료→유료로 바꿨더니 리다이렉트를 걸지 못해 얻은 순위를 전부 버렸다

저는 처음 30개 글까지 무료로 운영했습니다. 그러나 그 후 유료로 바꾸고 나서 리다이렉트를 걸 수 없어 얻은 순위를 전부 버리게 되었습니다. 도메인을 키우고 싶은 분은 첫 글부터 유료 플랜으로 제작합시다.
※참고로 지금의 저라면 20개 글 정도까지 쓰고 잘되면 JS 리다이렉트를 설정해 무료로 0→1을 달성할 것 같습니다. 순위를 이어받을 수 있을지는 미묘하지만요.

Webflow의 CMS는 비쌀까? 저렴할까?

Twitter에 예전에 일본산 노코드 STUDIO와 Webflow의 요금 비교를 올렸습니다. 그것이 이쪽입니다↓

솔직히 Webflow는 STUDIO와 비교하면 비싸다는 것을 알 수 있습니다. 그래서 저렴하게 소규모 사이트를 만든다면 STUDIO라는 선택도 괜찮다고 봅니다.

(2026년 추가: 위 포스트의 금액은 2023년 당시 구 플랜의 것입니다. 2026년 5월 개편 후 Webflow는 CMS가 있는 Premium이 연 결제 $25/월, CMS가 없는 Basic이 연 결제 $15/월입니다. STUDIO 쪽도 요금 개편이 이어지고 있으므로 최신 금액은 각 공식 요금 페이지에서 확인해 주세요. 두 툴의 자세한 비교는 Webflow와 STUDIO 비교 페이지에 정리했습니다.)

최근에는 “Webflow로 사이트를 만들고 싶다”는 분 중에 STUDIO에서 옮겨 오는 분이나 WordPress에서 옮겨 오는 분이 있습니다. 그런 분들은 “사이트를 대규모로 만들고 싶다”, “EC 사이트를 함께 두고 싶다”는 경우가 많아, 이런 배경에서 Webflow는 대규모 사이트에 맞으며 비싼 값을 낼 가치가 있다고 볼 수 있습니다.

2023년의 최신 뉴스에서는 Webflow가 Figma의 디자인을 복사해 붙여 넣을 수 있게 되었습니다. 앞으로 어떤 툴이 살아남을지 모르므로 출력 기능을 가진 툴을 고르는 것은 필수라고 봅니다. 그 점에서 Webflow는 언제든 바꿀 수 있어 강합니다.

“업데이트는 블로그와 공지뿐”이라면 HaruCMS라는 선택지도

Webflow CMS는 강력하지만, 사이트를 갖고 있는 한 Premium 구독 비용(연 결제로 연 $300)이 계속 듭니다. 업데이트하는 것이 블로그와 공지 정도인 중소 규모 사이트라면, 당사가 개발한 일본산 CMS “HaruCMS”＋정적 사이트라는 구성으로 디자인의 자유도를 유지하면서 유지비를 낮추는 방법도 있습니다. 이 사이트 자체도 Webflow에서 정적 사이트로 옮겨 이 구성으로 운영하고 있습니다.

Webharu의 “프로그래머가 필요 없는 Webflow CMS 구축”에서 하는 일

마지막으로 Webharu가 하는 “프로그래머가 필요 없는 Webflow CMS 구축”에서 하는 일을 소개합니다. 언뜻 단순해 보이지만, 다음을 하면 프로그래머가 필요 없는 사이트가 됩니다. 어느 정도 전문 지식이 없으면 잘 되지 않으므로 기능을 하나씩 익힌 뒤에 구현하도록 합시다.

• 모든 항목에 알기 쉬운 주석을 만든다
• 이름을 알아보기 쉽게 붙인다
• 제작 후에 Webflow CMS 사용법을 지원한다

보는 편이 빠를 테니 일부를 공개합니다.

실제로 클라이언트에게 납품한 Webflow CMS의 일부를 공개

위와 같이 필드의 이름이나 주석을 적어 두면 프로그래머나 전문가가 아니어도 보기만 해도 무엇을 적으면 되는지 알 수 있는 CMS를 만들 수 있습니다. 위 사진은 아주 일부이지만, 보기만 해도 어떤 정보를 넣어야 할지 바로 알 수 있습니다. 그래서 당사에 의뢰해 주신 고객은 사용법 지원조차 30분 정도면 만족해 주십니다.

이후에는 실제로 운영해 나가면서 “여기에 이미지를 넣고 싶다”, “역시 이 정보는 필요 없다” 같은 조정을 하며 CMS를 완성해 갑니다. 또 직접 커스터마이즈하는 방법도 지원해 드리고 있습니다.

경험 없이 CMS를 만들면 아이템의 링크 대상이나 이름, 기능 등이 뒤죽박죽되기 쉽습니다. 개인이 CMS를 만들 때는 이름, 주석, 링크 대상 등을 제대로 파악하고 만들도록 합시다.

Webharu에서는 Webflow 사이트 제작을 하고 있습니다

당사는 프로그래머가 필요 없는 웹사이트 만들기를 모토로 Webflow 사이트 제작을 하고 있습니다. 관심이 있으시면 먼저 상담해 주세요.

이상 Webflow CMS 완전 이해 가이드였습니다. 궁금한 점과 상담은 문의 폼에서 받고 있습니다.

자주 묻는 질문

Webflow CMS를 쓰려면 비용이 얼마나 드나요?

2026년 5월 요금 개편 이후에는 Premium 플랜(연 결제 $25/월·월 결제 $39/월)이 필요합니다. CMS 아이템 20,000건·40컬렉션까지 다룰 수 있습니다. CMS가 필요 없는 사이트는 Basic(연 결제 $15/월), 무료인 Starter는 제한적으로 CMS를 시험해 볼 수 있습니다.

Webflow에서 CMS 페이지를 만드는 순서는 어떻게 되나요?

5단계입니다. ①CMS 패널에서 컬렉션을 만들고 ②Plain Text·Rich Text·Image·Reference 등의 필드를 설계하고 ③아이템을 2~3건 등록하고 ④자동 생성되는 Collection Template Page를 디자인하고 ⑤각 요소에 필드를 연결해 Publish로 공개하는 순서로 진행합니다.

Webflow CMS로 할 수 없는 것이 있나요?

슬라이더에 CMS의 이미지를 사용할 수 없고, 목차를 간단히 만들 수 없으며, CMS에서 WebP 변환을 할 수 없고, 코드 출력 시 CMS의 데이터를 함께 출력할 수 없다는 제약이 있습니다. CMS 데이터는 CSV 형식으로 따로 출력할 수 있습니다.

Webflow CMS에서 글자가 저장되지 않는 버그의 대책이 있나요?

링크·리스트·이미지 삽입을 쓰면 약 10% 확률로 저장되지 않는 버그가 납니다(H 태그만으로는 나지 않습니다). 한 번 버그가 나면 새로고침으로 해결되지만 저장은 되지 않으므로, 메모 앱 등 다른 에디터에서 쓰고 복사해 붙여 넣는 방법이 확실합니다.

Webflow의 무료 플랜으로 블로그를 시작해도 괜찮을까요?

추천하지 않습니다. 무료로 30개 글까지 운영한 뒤 유료로 바꿨을 때 리다이렉트를 걸지 못해 얻은 순위를 전부 버린 실제 경험이 있습니다. 도메인을 키우고 싶은 분은 첫 글부터 유료 플랜으로 제작하는 것이 안전합니다.

Webflow CMS와 HaruCMS 중 어느 쪽을 골라야 하나요?

디자인의 자유도와 대규모 CMS 운용을 원한다면 Webflow(Premium 연 결제 $25/월)입니다. 업데이트가 블로그·공지 중심인 중소 규모 사이트라면 정적 사이트＋HaruCMS 구성 쪽이 유지비를 낮출 수 있습니다. 이 사이트 자체도 정적 사이트＋HaruCMS 구성으로 운영하고 있습니다.