※롤리팝으로 옮기는 절차와 화면은 2023년 시점의 것입니다. 2026년 10월에 Webflow를 해지하면 어떻게 되는지·지금이라면 어디로 옮길지에 대한 장과, 최신 요금을 추가했습니다.
결론부터 말합니다. Webflow의 Site 플랜을 해지하면 연결되어 있던 자체 도메인은 자동으로 해제됩니다. 사이트와 도메인을 남기고 싶다면 해지 전에 코드를 내보내 이전할 곳에 공개하고, 도메인의 연결을 전환한 뒤에 해지하세요. 2026년 지금, 이전할 곳의 첫 번째 후보는 Cloudflare(Workers의 정적 배포)입니다.
안녕하세요, 주식회사 Webharu 대표이사 구리타입니다. 다음 질문에 답합니다.
“Webflow로 만든 사이트를 싸게 유지하고 싶다. Webflow를 해지한 뒤에도 사이트와 도메인은 남기고 싶다. 출력한 코드는 어디를 편집하면 되는지 알고 싶다.”
✓이 글에서 배울 수 있는 것
- Webflow에서 자체 서버로 이전하는 방법을 알 수 있다
- 싸고 시간을 아낄 수 있는 서버를 알 수 있다
- Webflow에서 출력한 코드의 사용법을 알 수 있다.
이 글을 쓰는 저는 Webflow로 사업을 하고 있으며, 실제로 코드를 출력해 사이트를 공개한 경험이 있어 이번에는 그 경험을 참고로 공유합니다.
이 블로그는 전문 지식이 필요 없습니다. 노코드밖에 다루지 못해도 이해할 수 있도록 소개하고 있습니다.
이 글의 요점
- Webflow 해지란?
- Webflow 해지란 Site 플랜(과 워크스페이스 플랜)의 계약을 멈추는 것입니다. Site 플랜을 해지하면 사이트는 무료 Starter 플랜으로 돌아가고 자체 도메인은 자동으로 해제됩니다. 사이트를 남기려면 해지 전에 코드를 출력해 다른 서버로 옮깁니다.
목차
Webflow를 해지하면 사이트는 어떻게 되나요?(2026년 10월 추가)
Site 플랜을 해지하면 그 사이트는 무료 Starter 플랜으로 돌아가고, 연결되어 있던 자체 도메인은 모두 자동으로 해제됩니다. 다시 연결하려면 유료 Site 플랜을 다시 구매해야 합니다(출처: Webflow Help Center 「Reconnect a custom domain if your Site plan is canceled」, 2026년 10월 5일 확인).
즉 “해지하고 나서 이전할 곳을 찾는다”면, 그 사이에 방문자가 도메인을 열어도 사이트가 나오지 않습니다. 순서가 중요합니다.
Webflow 해지 전에 거쳐야 할 순서
- 워크스페이스의 유료 플랜으로 코드를 내보낸다(CMS 글과 폼은 함께 옮겨지지 않는다)
- 이전할 곳에 파일을 올리고, 임시 URL로 표시를 확인한다
- 도메인의 연결(DNS)을 이전할 곳으로 전환한다
- 자체 도메인으로 표시되는 것을 확인한다
- 마지막으로 Webflow의 Site 플랜과 워크스페이스 플랜을 해지한다
CMS로 글을 운영하는 사이트는 출력해도 글 페이지는 따라오지 않습니다. 글이 많다면 Webflow 해지는 “다시 만들기”와 함께 생각하는 편이 빠릅니다.
Webflow에서 이전하기 위해 필요한 정보
- 코드 출력: 워크스페이스 “프리랜서 플랜 월 $16” 가입이 필요
- 출력은 3클릭으로 종료
- CMS 글은 함께 출력되지 않는다
- 폼이 작동하지 않게 된다 > Google 폼으로 대체가 편함.
(2026년 10월 추가: 코드 출력은 지금도 워크스페이스의 유료 플랜으로 쓸 수 있습니다. Freelancer 플랜은 연간 결제 시 월 $16, 월간 결제 시 월 $24입니다. 사내용 Core 플랜은 연간 결제 시 월 $19, 월간 결제 시 월 $28입니다. CMS의 내용은 출력할 수 없고 폼이 작동하지 않게 되는 점도 변하지 않았습니다. Webflow 공식 요금 페이지에서 2026년 10월 5일 확인)
코드 출력은 아래 이미지 ①을 클릭 → 저장으로 완료입니다.
이번에는 CMS 없는 고정 페이지만 출력합니다. CMS를 포함하는 경우 WordPress로 이관하게 되므로 작업 내용이 달라집니다.
2023년에 제가 Webflow에서 롤리팝으로 옮겼을 때의 서버
이번에 사용하는 서버는 롤리팝(Lolipop) 서버입니다. 롤리팝 서버를 고른 이유는 다음과 같습니다.
- 엄청나게 저렴하다 “1년: 약 5,000엔, 3년: 약 7,000엔”
- 오래전부터 있어 유명하다.
Webflow로 사이트를 공개하면 CMS가 없는 경우 월 14달러(약 2,100엔)입니다. 운영비는 100엔이라도 줄이고 싶어서 가장 저렴한 서버를 찾았습니다. 여러 서버가 있지만 이번에는 제가 사용한 이 서버로 해설하겠습니다. 이왕이면 소개 링크도 붙여 둡니다. 10일간 무료 체험은 이쪽
(2026년 10월 추가: Webflow의 요금은 2026년 5월에 개정되어, 자체 도메인을 쓸 수 있는 가장 저렴한 Basic은 연간 결제 시 월 $15, 월간 결제 시 월 $25, CMS가 포함된 Premium은 연간 결제 시 월 $25, 월간 결제 시 월 $39입니다. Webflow 공식 요금 페이지에서 2026년 10월 5일 확인. 롤리팝의 금액은 2023년 당시의 것입니다.)
Webflow에서 자체 서버로 이전하는 방법(2023년·롤리팝)
다음 순서로 진행합니다. 대략 5분 정도의 작업입니다.
- 롤리팝에서 서버 계약
- 롤리팝의 사용자 전용 페이지에서 자체 도메인 등록
- 공개(업로드) 폴더에 도메인과 같은 이름 입력
- 사이드바에서 롤리팝! FTP 열기
- Webflow에서 출력한 파일을 FTP에 업로드
- 서브도메인으로 “www.도메인”의 공개 업로드 폴더 설정
- 도메인 설정 변경
- SSL 설정 클릭
- 완료: 하루 정도 기다렸다가 공개 확인
롤리팝에서 서버 계약
서버는 싼 곳부터 계약하고 PV가 늘면 업그레이드하면 된다고 생각합니다.
도메인 계약
도메인은 SEO와는 아무 관계가 없지만, 멋진 것은 짧고 알기 쉬운 도메인입니다. 예를 들어 개인 블로그라면 “mblog.com”, 기업이라면 “recruit.co.jp” 같은 식입니다. 짧으면 도메인만 봐도 사이트를 알 수 있어 사용자에게 친절합니다.
어미의 .com, .jp 등에는 어느 정도 유행이 있습니다. 노코드 업계에서는 .io가 많습니다. 2023년 11월 무렵에는 .ing가 새로 나와 조금 화제가 되었습니다. code.ing, eat.ing처럼 유니크해서 인기입니다. 각 분야의 유행을 보고 구매하는 것도 재미있습니다.
참고로 제 블로그는 “non-haru.com”입니다. 키우던 고양이들의 이름을 나열했습니다. 조금 더 짧아도 좋았겠다 싶지만 애착이 있으면 OK.
도메인 설정에는 NG 항목이 있습니다.
- 타사의 회사명을 넣는다
- SNS에서 BAN되는 이름(금지어 계열)
위의 항목들은 피합시다.
롤리팝의 사용자 전용 페이지에서 자체 도메인 등록
자체 도메인을 설정합니다. 어디서 설정하는지 모르겠다면 왼쪽 위의 기업 로고를 클릭하세요. 아래 페이지로 이동합니다. 자체 도메인 설정을 클릭해 아래 페이지까지 진행합시다.
도메인은 이미 있으므로 스텝 2의 롤리팝에 도메인 설정을 진행합니다. 아래와 같이 설정합시다.
- 설정할 자체 도메인: 계약한 도메인 기재
- 공개(업로드) 폴더: 도메인명과 같은 이름 기재
- 롤리팝! 액셀러레이터 설정: ON(어느 쪽이든 OK, 일단 ON으로)
공개(업로드) 폴더에 도메인과 같은 이름 입력
저는 이 항목에서 헤맸습니다. 그래서 제가 이해한 이미지를 공유합니다.
- PC 파일 > A 서버(업로드) > B 서버(로딩) > 사용자 표시
여기서 설정하는 “공개(업로드) 폴더”는 공개할 HTML이 저장되어 있는 폴더를 선택하는 것이 됩니다. 하지만 그 단계는 위의 “B 서버”입니다. 먼저 “A 서버”에 올리는 작업을 합니다.
사이드바에서 롤리팝! FTP 열기
FTP라는 서비스를 사용해 A 서버에 HTML 등을 업로드해 갑니다.
Webflow에서 출력한 파일을 FTP에 업로드하기
FTP 서비스는 여러 가지가 있지만 일부러 설치하기가 번거로우므로 롤리팝! FTP를 사용합니다.
롤리팝! FTP에는 공개(업로드) 폴더에 기재한 이름의 폴더가 자동 생성되어 있습니다. 그편이 나중에 알아보기 쉬워 추천합니다.
자동 생성된 폴더에 Webflow에서 출력된 코드를 넣으면 공개할 수 있습니다. 바로 해 보겠습니다.
Webflow에서 출력한 ZIP을 풀어 내용물을 전부 올립니다. HTML은 그대로, CSS나 다른 폴더로 되어 있는 것은 FTP 안에 폴더를 만들어 그 계층대로 넣습니다.
이것으로 완료입니다. 기본적으로 Webflow에서 출력된 내용과 같은 구조로 파일과 폴더를 만들면 잘됩니다.
서브도메인으로 “www.도메인”의 공개 업로드 폴더 설정하기
Webflow로 호스팅하는 분은 www. 도메인으로도 공개하고 있을 것입니다. 그래서 롤리팝 서버에서도 www 설정을 합시다. 방금 만든 공개(업로드) 폴더와 같은 이름의 폴더를 기재하면 완료입니다. (이번 경우라면 도메인명이겠네요)
도메인 설정 변경하기
각 도메인 관리처에 접속해 Webflow 때 설정한 DNS를 삭제하고 아래의 것으로 전환합니다.
Webflow 때와는 조금 다른 형식으로 설정하게 됩니다. 저는 늘 Google 도메인을 사용하고 있는데, Google 도메인은 Squarespace에 인수되었기 때문에 구체적인 이미지 해설은 일단 보류합니다. Google 도메인에서는 다음 설정으로 해결됩니다.
- 기본 네임서버를 삭제한다
- 커스텀 네임서버를 열고 “설정 전환”을 클릭
- 아래 네임서버를 입력 프라이머리 네임서버: uns01.lolipop.jp 세컨더리 네임서버: uns02.lolipop.jp
(2026년 추가: Google Domains는 Squarespace로의 이관이 완료되어, 현재는 Squarespace 관리 화면에서 도메인을 관리합니다. 네임서버 변경 화면과 명칭은 사용 중인 도메인 관리 업체의 최신 도움말에서 확인해 주세요.)
SSL 설정 클릭하기
첫 화면으로 돌아가 SSL 항목으로 갑니다.
무료 SSL을 클릭합니다. 끝입니다.
완료: 하루 정도 기다렸다가 공개 확인
모든 작업이 끝나면 URL을 클릭해 확인합시다. 기본적으로 즉시 반영되지만 SSL이나 www. 쪽은 시간이 걸릴 수 있습니다. 그러므로 위의 작업이 끝나면 일단 하루 정도 시간을 두고 확인해 봅시다.
실제로 저는 바로 확인하고 “에러가 나네” 하고 생각하다가 일단 잤더니 해결되어 있었습니다.
지금이라면 Webflow 해지 후 이전할 곳은 Cloudflare(2026년 10월 추가)
2023년에는 롤리팝으로 옮겼습니다. 지금 같은 일을 한다면 저는 Cloudflare의 Workers로 정적 배포를 합니다. 이유는 두 가지입니다.
- 비용: Cloudflare 공식에 따르면 정적 파일에 대한 요청은 무료·무제한이며, 파일 저장에도 추가 비용이 들지 않습니다(출처: Cloudflare Docs 「Billing and Limitations」, 2026년 10월 5일 확인)
- 수고: FTP로 폴더를 하나씩 만드는 작업이 없고, 출력한 폴더를 명령어 한 줄로 그대로 공개할 수 있다
실제로 Webharu의 자사 사이트도 2026년 7월에 Webflow를 졸업해 Cloudflare로 배포하고 있습니다. 다만 Webflow의 코드 출력이 아니라 Claude Code로 Astro로 다시 만들었습니다. Webflow의 구독료는 실비로 연 576달러(약 8.3만 엔)였지만, 지금은 도메인 비용인 연 1,500엔뿐입니다(2026년 시점의 실측. 다시 만든 과정은 Claude Code로 홈페이지를 만든 모든 과정에 썼습니다).
Cloudflare로 옮길 때의 흐름
- Cloudflare 계정을 만들고 도메인을 Cloudflare에 추가한다(네임서버를 Cloudflare로 전환한다)
- Webflow에서 출력한 ZIP을 풀어, 같은 폴더에 설정 파일 wrangler.jsonc를 둔다(name과 assets.directory를 적는다)
npx wrangler deploy로 공개하고, 발급되는 workers.dev URL로 표시를 확인한다- Workers 설정 화면에서 자체 도메인을 추가한다
- 자체 도메인으로 표시되면 Webflow의 Site 플랜을 해지한다
자체 도메인을 Workers에 연결하려면 그 도메인이 Cloudflare에서 관리되고 있어야 합니다(출처: Cloudflare Docs 「Custom Domains」, 2026년 10월 5일 확인). 도메인을 어디서 옮길지 고민이라면 도메인은 어디서 등록할까 글을 참고하세요.
폼이 작동하지 않게 되는 것은 Cloudflare에서도 마찬가지입니다. 2023년의 저는 Google 폼으로 대체했습니다.
Webflow의 코드 출력 파일을 편집하기
구체적으로는 이미지 파일명부터 메타태그, HTML·CSS·JS의 이름 등 변경할 곳이 많이 있습니다. 이것들은 변경하지 않아도 문제없이 사이트를 운영할 수 있습니다.
방법을 명기하려고 했지만 한 페이지에 상당한 양의 변경이 필요해서 포기했습니다. 클라이언트에게 코드로 납품하는 경우에는 Webflow를 사용했다는 점을 전하는 편이 좋습니다. 잘 설명하면 일반 코더보다 높게 평가받습니다. 또 Webflow에서의 관리도 제안할 수 있어 일석이조입니다.
그래도 변경하고 싶은 분을 위해 아래에 간단히 목록으로 정리했으니 다음 순서로 진행하세요.
- 클래스명 변경: Webflow는 특정 명명 규칙으로 클래스를 생성합니다. 이 클래스명들을 바꿔 Webflow가 생성한 것과 달라 보이게 하는 것이 중요합니다. Webflow라는 클래스가 꽤 많이 있습니다.
- 불필요한 메타태그 삭제: name=“generator”처럼 Webflow를 나타내는 메타태그를 HTML에서 삭제합니다.
- 스타일시트 통합: Webflow가 생성한 여러 CSS 파일을 하나로 합치고, 눈에 띄는 “webflow.css” 같은 파일명을 변경합니다.
- 스크립트 통합: Webflow가 생성하는 스크립트를 통합하거나 최소화해 Webflow가 제공하는 라이브러리에 대한 직접 참조를 줄입니다.
- Webflow 브랜드 요소 삭제: Webflow가 추가했을 수 있는 모든 브랜딩과 배지를 제거합니다.
- 코드 최적화: 생성된 HTML, CSS, JS 파일을 수동으로 편집해 잉여 코드를 삭제하고 파일 구조를 커스터마이즈합니다.
- 이미지 파일명 변경: Webflow는 특정 형식으로 이미지 파일명을 생성하는 경우가 있으므로, 이를 바꿔 Webflow와 관련 없어 보이게 할 수 있습니다.
- Google 태그 매니저 사용: 직접적인 트래킹 코드 대신 Google 태그 매니저를 사용해 애널리틱스와 그 밖의 트래킹 스크립트를 관리합니다.
- 폼 변경: 폼은 Google 폼으로 대체했습니다.
Webflow 해지를 고민한다면
업데이트가 거의 없는데 Webflow 구독료만 계속 내고 있다면, 해지하고 정적 배포로 옮길 가치가 있습니다. 반대로 CMS나 에디터로 매주 업데이트하는 사이트라면 Webflow를 그대로 쓰는 편이 편합니다.
- 출력 가능한 툴 비교: HTML 코드 출력 툴 비교
- Webflow의 현재 요금: Webflow 요금 플랜 해설
- 도메인 연결 방법: Webflow에서 자체 도메인을 설정하는 방법
Webflow에서의 이전이나 재구축 상담은 문의에서 받고 있습니다. 사이트 운영비를 줄이는 이야기는 뉴스레터에서도 쓰고 있습니다.
제작 실적
자주 묻는 질문
Webflow를 해지하면 사이트는 어떻게 되나요?
Site 플랜을 해지하면 사이트는 무료 Starter 플랜으로 돌아가고, 연결되어 있던 자체 도메인은 자동으로 해제됩니다. 다시 연결하려면 유료 Site 플랜을 다시 구매해야 합니다(Webflow 공식 도움말·2026년 10월 5일 확인).
Webflow를 해지해도 도메인은 남길 수 있나요?
도메인 자체는 취득한 도메인 업체와의 계약이므로 남습니다. 해제되는 것은 Webflow와의 연결입니다. 해지 전에 코드를 출력해 다른 서버에 공개하고 DNS를 전환해 두면, 같은 도메인으로 사이트를 계속 운영할 수 있습니다.
Webflow에서 코드를 출력하려면 무엇이 필요한가요?
워크스페이스의 유료 플랜이 필요합니다. 2026년 10월 시점으로 Freelancer는 연간 결제 시 월 $16·월간 결제 시 월 $24, Core는 연간 결제 시 월 $19·월간 결제 시 월 $28입니다. CMS 글은 출력되지 않고 폼도 작동하지 않게 됩니다.
Webflow에서 이전할 곳은 어디를 추천하나요?
2026년 지금은 Cloudflare Workers의 정적 배포를 첫 번째 후보로 삼고 있습니다. Cloudflare 공식에 따르면 정적 파일에 대한 요청은 무료·무제한입니다. Webharu의 자사 사이트는 Webflow의 연 576달러에서 도메인 비용인 연 1,500엔이 되었습니다. 이 글 본문에는 2023년에 롤리팝(1년 약 5,000엔·당시)으로 옮긴 절차를 그대로 남겨 두었습니다.
CMS를 쓰는 사이트도 같은 방법으로 이전할 수 있나요?
CMS 글 페이지는 코드 출력에 포함되지 않습니다. 글이 많은 사이트는 이전할 곳에서 다시 만들거나 WordPress 등으로 옮기는 작업이 따로 필요합니다.
이전 작업 후 사이트가 바로 표시되지 않으면 어떻게 하나요?
DNS 전환이나 SSL 반영에는 시간이 걸릴 수 있습니다. 2023년에 제가 롤리팝으로 옮겼을 때는 하루 정도 두었더니 표시되었습니다.
