AI로 Squarespace 웹사이트를 재구축하는 방법

소개

Squarespace는 보기 좋은 웹사이트를 만들어 줍니다. 그것이 사람들이 계속 사용하는 이유입니다. 하지만 템플릿이 지원하지 않는 작업을 해보려고 한 적이 있다면, 얼마나 빨리 벽에 부딪히는지 잘 알 것입니다. 섹션을 이동하거나, 레이아웃을 바꾸거나, 커스텀 요소를 추가하려는 순간 도구와 싸우게 됩니다.

AI 도구들은 Squarespace만큼 세련된 사이트를 만들 수 있을 만큼 발전했습니다. 그것도 템플릿 제약 없이요. 그리고 이미 Squarespace 사이트가 있다면, 처음부터 시작하지 않고 콘텐츠를 자동으로 마이그레이션할 수 있습니다.

이 가이드에서는 Squarespace 웹사이트를 Repaint이라는 새로운 AI 도구로 마이그레이션하는 방법을 알려드리겠습니다.

Squarespace 웹사이트를 재구축해야 하는 이유

AI 웹사이트 빌더는 Squarespace보다 업데이트하기가 훨씬 쉽습니다. 변경이 필요할 때마다 블록을 수동으로 조정하고, 미리보기하고, 간격을 조정하는 대신, 원하는 것을 설명하면 AI가 처리합니다. 덕분에 비즈니스가 변화함에 따라 사이트를 최신 상태로 유지하는 것이 현실적으로 가능해집니다.

대부분의 사람들이 전환하지 않은 이유는 처음부터 사이트를 재구축하는 것이 많은 작업을 필요로 하기 때문입니다. AI 도구는 이 문제도 해결합니다. 기존 Squarespace 콘텐츠를 자동으로 마이그레이션하고 그 위에 새 사이트를 구축할 수 있어, 기존에 가진 것을 잃지 않습니다.

AI 웹사이트 마이그레이션 작동 방식

Squarespace는 웹사이트를 내보낼 수 없습니다. Repaint은 게시된 사이트를 스캔하여 이 문제를 해결합니다. 각 페이지를 방문하고, 이미지를 다운로드하고, 텍스트를 읽고, 레이아웃을 이해하기 위해 스크린샷을 찍습니다. 그런 다음 AI와 채팅으로 편집할 수 있는 새 웹사이트를 만들어 줍니다. 만족스러우면 도메인을 이전하면 끝입니다.

결과물이 픽셀 단위로 완벽하지는 않을 수 있습니다. AI 마이그레이션은 약 80% 정도를 완성해 주는데, 빈 페이지에서 시작하는 것보다는 훨씬 낫습니다. 이후 AI와 채팅하며 원하는 수준까지 다듬으면 됩니다.

1단계: 콘텐츠 가져오기

시작하려면 Repaint을 방문하세요. 상단에서 Squarespace 웹사이트 링크를 입력하면 됩니다. Repaint이 게시된 사이트를 스캔하고, 텍스트와 이미지를 가져오고, 각 페이지의 스크린샷을 찍습니다.

이 기능이 작동하려면 사이트가 라이브 상태여야 합니다. Squarespace 트라이얼의 yoursite.squarespace.com 같은 서브도메인을 포함한 모든 라이브 웹사이트가 가능합니다.

Repaint이 사이트를 충분히 파악하면 재구축 계획을 세우기 위한 질문을 시작합니다. 사전에 준비할 것은 없습니다.

2단계: 새 웹사이트 계획하기

Repaint은 바로 구축 작업에 들어가지 않습니다. 먼저 몇 가지 질문을 통해 원하는 것을 파악합니다. 유지할 페이지, 재구성 여부, 원하는 스타일 등을 묻습니다. 약 3-5개의 메시지로 진행됩니다. 그런 다음 생성 전에 검토할 수 있는 계획서를 작성합니다.

무엇을 원하는지 잘 모르더라도 괜찮습니다. Repaint이 계획을 제안하도록 할 수 있습니다. 마음에 들지 않으면 다시 시도하도록 요청할 수 있습니다. 첫 번째 시도에 얽매이지 않아도 됩니다.

콘텐츠 계획하기

가장 간단한 방법은 모든 것을 그대로 가져오는 것입니다. 같은 페이지, 같은 텍스트, 같은 이미지. 현재 사이트 구조가 잘 작동하고 관리하기 더 좋은 도구만 원한다면 이 방법이 최선입니다.

하지만 시간이 지나면서 사이트가 지저분해졌다면, 이번이 정리할 기회입니다. Squarespace 사이트에는 비즈니스에 맞지 않더라도 템플릿에 맞추기 위해 추가된 페이지가 있는 경우가 많습니다. 템플릿에 포함되어 있어서 만든 "갤러리" 페이지나 사실상 채우기용인 "소개" 섹션이 있다면, 이번 기회에 정리하는 것이 좋습니다. 어떤 페이지를 유지하고 어떤 페이지를 제외할지 Repaint에 알려주거나, 발견한 내용을 바탕으로 더 간단한 구조를 제안해 달라고 요청할 수 있습니다.

Squarespace 사이트에 블로그나 포트폴리오가 있다면 함께 가져올 수 있습니다. 먼저 몇 개의 포스트만 가져와서 레이아웃이 올바른지 확인한 다음 나머지를 가져오세요. 더 넓게 보면, 사이트에 20페이지 이상이 있는 경우 한 번에 모두 가져오면 무료 플랜 사용 한도에 달할 수 있습니다. 계속하려면 업그레이드하라는 메시지가 표시됩니다. 대형 사이트의 경우 소수의 샘플로 시작한 다음 초기 사이트를 확인한 후 나머지를 가져오세요.

스타일 계획하기

새 사이트의 스타일에 대한 선택지가 많습니다. Repaint에 원하는 것을 말하기만 하면 됩니다. 다음과 같이 할 수 있습니다:

• 현재 모습 재현하기
• 마음에 드는 다른 웹사이트의 스타일 맞추기
• Repaint의 스타일 라이브러리에서 선택하기
• 커스텀 스타일 설명하기
• Repaint이 결정하도록 하기

어떤 방향을 선택하든 Repaint은 기존 브랜드 색상과 폰트를 가져올 수 있습니다. Squarespace 디자인이 마음에 들었다면, 원본을 복사하도록 하는 것이 가장 간단할 수 있습니다. 그런 다음 나중에 템플릿 제약 없이 변경할 수 있습니다.

계획 검토하기

생성 전에 Repaint은 구축할 내용을 정확히 작성합니다. 어떤 페이지, 어떤 콘텐츠, 어떤 스타일인지 확인하고 마지막 수정사항을 반영하세요. 전체 사이트를 재생성하는 것보다 계획을 수정하는 것이 훨씬 빠릅니다.

확인하면 Repaint이 새 웹사이트를 구축합니다!

3단계: 웹사이트 생성하기

계획을 승인하면 Repaint이 사이트를 구축합니다. 몇 개의 페이지는 몇 분이면 됩니다. 수십 페이지의 대형 사이트는 10분 이상 걸릴 수 있습니다.

완성되면 결과물을 살펴보세요. 첫 번째 버전에는 텍스트가 잘렸거나, 이미지 위치가 잘못됐거나, 간격이 약간 맞지 않는 부분이 있을 수 있습니다. 이는 예상되는 일입니다. 다음 단계에서 수정하면 됩니다.

Squarespace의 내장 애니메이션(페이드인, 스크롤 리빌, 패럴랙스 효과)은 일반적으로 자동으로 전환되지 않습니다. AI는 페이지의 최종 상태는 볼 수 있지만 요소가 어떻게 애니메이션되는지는 알 수 없습니다. 사이트가 이러한 효과에 의존하고 있다면, Repaint에 설명하여 재현하도록 해야 합니다.

Squarespace의 멤버 구역, 스케줄링, 커머스 기능을 사용하고 있었다면 이것들은 직접 이전되지 않습니다. Repaint은 같은 목적의 페이지를 구축할 수 있지만, Squarespace 특유의 기능을 대체하려면 서드파티 도구(스케줄링의 경우 Calendly, 이커머스의 경우 Shopify 등)를 연결해야 할 수 있습니다.

4단계: 조정하기

사이트를 생성한 후에는 Repaint과 채팅하여 변경할 수 있습니다. 이 경험이 Squarespace와 가장 다르게 느껴지는 부분입니다. 템플릿의 제약 안에서 블록을 재배열하는 대신, 원하는 것을 설명하기만 하면 됩니다. "추천사를 가격 섹션 위로 이동해 주세요." "이것을 2열 레이아웃으로 만들어 주세요." "이 섹션들 사이에 전체 너비 이미지를 추가해 주세요." Squarespace 템플릿에서는 불가능하거나 어려웠던 작업들이 간단한 요청으로 가능해집니다.

색상, 폰트, 레이아웃 같은 전반적인 시각적 스타일부터 평가하세요. 모든 것이 구축되는 기반입니다. 나중에 변경하기로 결정하면 사이트 전체가 바뀌어 세부 작업이 되돌려질 수 있습니다.

전반적인 스타일이 마음에 들면, 세부 사항을 살펴볼 수 있습니다. 텍스트가 정확한지, 이미지가 올바른 위치에 있는지, 링크가 작동하는지, 모든 페이지에서 간격이 올바르게 보이는지 확인하세요.

SEO 검토하기

Squarespace 사이트가 검색 트래픽을 받고 있었다면, 마이그레이션 중에 SEO에 주의를 기울일 필요가 있습니다. Google은 웹사이트가 아니라 개별 페이지를 순위에 올립니다. 사이트의 각 페이지는 시간이 지나면서 자체 순위를 쌓아왔고, 그 순위는 특정 URL에 연결되어 있습니다. 새 플랫폼으로 이전하면서 URL이 변경되거나 사라지면, Google은 이를 기록이 없는 새 페이지로 취급하여 해당 페이지가 얻고 있던 트래픽을 잃게 됩니다.

Squarespace는 일반적으로 깔끔한 URL 구조를 사용하므로 URL 매칭이 더 쉽습니다. Repaint에 기존 사이트의 URL과 새 사이트의 URL을 비교하고, 변경된 URL에 대한 리다이렉트를 설정해 달라고 요청하세요. Repaint이 이를 도와줄 수 있습니다.

사이트가 잘 보이고 콘텐츠가 올바르면 게시할 준비가 된 것입니다.

5단계: 게시하기

준비가 되면 오른쪽 상단의 게시 버튼을 누르세요. 사이트가 누구와도 공유할 수 있는 Repaint URL로 공개됩니다. URL은 다음과 같은 형태입니다: https://xxxxxx-xxxxxx-xxxxxx.sites.repaint.com

이로써 인터넷에 실제 웹사이트가 생깁니다. 핸드폰으로 열거나, 친구에게 보내거나, 소셜 미디어에 게시할 수 있습니다.

이 시점에서 두 개의 웹사이트가 라이브 상태입니다. 하나는 Repaint에, 하나는 Squarespace에. 도메인은 여전히 Squarespace 사이트를 가리키므로 방문자에게는 아직 아무것도 변경되지 않았습니다. 전환할 준비가 되면 도메인을 새 사이트로 이전할 수 있습니다.

6단계: 도메인 이전하기

라이브로 전환할 준비가 되면 도메인이 Repaint을 가리키도록 해야 합니다. 웹사이트 설정 > 도메인으로 이동하여 커스텀 도메인 연결을 클릭하세요. 이 기능은 유료 플랜이 필요합니다. 가격 세부 정보는 여기에서 확인할 수 있습니다.

Squarespace는 두 가지를 제공합니다. 웹사이트 빌더와 도메인 등록 서비스입니다. 2023년에 Google Domains를 인수했기 때문에 도메인 관리는 현재 그들의 핵심 비즈니스입니다. 이 두 서비스는 완전히 별개입니다. Squarespace 웹사이트 빌더 구독을 취소하고 도메인은 그곳에 등록된 상태로 유지해도 문제가 없습니다. 도메인을 다른 곳으로 이동할 필요가 없습니다. Squarespace 계정 설정에서 도메인이 기존 사이트 대신 Repaint을 가리키도록 업데이트하기만 하면 됩니다.

도메인이 GoDaddy, Namecheap, Cloudflare 같은 다른 곳에 등록되어 있다면, 해당 서비스에서 설정을 업데이트하면 됩니다.

이런 작업이 처음이라면 걱정하지 마세요. Repaint에 단계별로 안내해 달라고 요청하세요. 서비스 제공업체에 따라 정확히 무엇을 해야 하는지 알려줄 것입니다.

변경사항이 적용되는 데 몇 시간이 걸릴 수 있습니다. Repaint에서 도메인이 확인됨으로 표시되면 라이브 상태가 됩니다. Squarespace 웹사이트 빌더 구독은 언제든 취소할 수 있습니다. 도메인 등록은 별도이며 활성 상태를 유지합니다.

결론

Squarespace 사이트는 보기 좋지만, 업데이트를 유지하는 것은 많은 수작업을 필요로 합니다. AI 도구는 시간이 지나도 사이트를 실제로 유지 관리할 수 있게 해줍니다. 이전에는 편집기에서 한 시간이 걸리던 변경이 이제 한 문장으로 가능하기 때문입니다. 처음부터 시작하지 않고 콘텐츠를 가져오고, 도메인을 Squarespace에 유지하고, 앞으로는 원하는 것을 설명하는 것만으로 사이트를 관리할 수 있습니다.

자주 묻는 질문

Squarespace 마이그레이션은 얼마나 걸리나요?

사이트 계획, 콘텐츠 가져오기, 새 웹사이트 생성까지 보통 3-15분이 걸립니다. 이후 게시까지의 시간은 필요한 조정 횟수와 추가 콘텐츠 가져오기 여부에 따라 다릅니다. 대부분의 사이트는 최대 몇 시간 안에 마이그레이션할 수 있습니다.

새 사이트가 Squarespace 사이트만큼 보기 좋을까요?

그럴 수 있습니다. Squarespace 템플릿에는 특유의 미감이 있으며, Repaint은 그 모습을 재현하거나 동일하게 세련된 새로운 무언가를 구축할 수 있습니다. 차이점은 더 이상 템플릿의 레이아웃에 얽매이지 않는다는 것입니다.

모바일에서도 동일하게 보일까요?

Repaint은 모든 화면 크기에 자동으로 적응하는 반응형 사이트를 구축합니다. 특정 화면 크기에서 이상하게 보이는 부분이 있으면 Repaint에 조정해 달라고 요청할 수 있습니다.

마이그레이션 후에도 양식이 작동하나요?

네. Repaint은 받은 편지함으로 이메일을 보내는 문의 양식을 만들 수 있습니다. Squarespace의 내장 양식을 사용하고 있었다면 Repaint이 해당 기능을 재현합니다. 서드파티 양식 도구를 사용하는 경우 임베드 코드를 공유해야 할 수 있습니다.

Squarespace 스케줄링이나 멤버 구역은 어떻게 되나요?

이것들은 Squarespace 특유의 기능입니다. 스케줄링의 경우 Calendly나 Acuity Scheduling 같은 도구를 연결할 수 있습니다. 멤버 구역의 경우 서드파티 멤버십 플랫폼이 필요합니다. Repaint은 페이지를 구축하고 이러한 도구를 통합할 수 있지만, 외부 서비스는 직접 설정해야 합니다.

마이그레이션 중 Squarespace 사이트는 어떻게 되나요?

마이그레이션하는 동안 Squarespace 사이트에는 아무 일도 일어나지 않습니다. 완전히 별개입니다. Repaint에서 새 사이트를 구축하는 것뿐입니다. 새 사이트에 만족하면 도메인을 새 사이트로 이전할 수 있습니다. 또는 Squarespace 사이트를 유지하기로 결정하면 아무것도 할 필요가 없습니다.

이커머스가 있는 Squarespace 사이트를 마이그레이션할 수 있나요?

부분적으로 가능합니다. Repaint은 제품 페이지와 스토어프론트를 구축할 수 있지만, 결제나 체크아웃은 처리하지 않습니다. 이를 위해 Shopify나 Stripe 같은 서비스를 연결해야 합니다. 스토어에 임베드 가능한 체크아웃 위젯이 있는 경우 임베드 코드를 Repaint과 공유하세요.

하나의 페이지만 먼저 시험해 볼 수 있나요?

네. 페이지 하나만 가져와서 시험해 볼 수 있습니다. Repaint이 비즈니스에 적합한지 확인하는 좋은 방법입니다. 결과가 마음에 들면 Repaint에 나머지 사이트를 구축해 달라고 요청할 수 있습니다.

Squarespace에서 Repaint으로 마이그레이션하는 데 비용이 얼마나 드나요?

사이트 생성과 편집 시작은 무료입니다. 무료 플랜의 주요 제한은 사용량이 제한되고, 커스텀 도메인을 추가할 수 없으며, 사이트에 Repaint 배지가 표시된다는 것입니다. 유료 플랜은 연간 결제 시 월 $20, 월간 결제 시 월 $25부터 시작합니다. 여기에는 확장된 사용량, 커스텀 도메인 지원, Repaint 배지 제거가 포함됩니다.

AI가 실수를 하면 어떻게 되나요? 개별 변경사항을 되돌릴 수 있나요?

업데이트할 때마다 Repaint은 사이트의 모든 버전을 저장합니다. Repaint에 되돌아가 달라고 요청하면 이전 버전으로 복원됩니다. 또는 특정 시점으로 돌아가고 싶다면 이전 버전을 수동으로 복원할 수 있습니다.