Squarespace를 사용하여 웹 사이트를 구축하는 방법(2023 튜토리얼)

아르템 미나예프
업데이트 날짜: 4년 2023월 XNUMX일
10 분 읽음
FirstSiteGuide는 독자들의 지원을 받습니다. 귀하가 당사 사이트의 링크를 통해 구매하면 당사는 수수료를 받을 수 있습니다. 더 알아보기
Squarespace를 사용하여 웹 사이트를 구축하는 방법(2023 튜토리얼)

Squarespace 는 웹 디자인에 대해 전혀 몰라도 웹 사이트를 구축할 수 있는 우아한 솔루션입니다. 강력하면서도 간단한 웹사이트 빌더가 함께 제공됩니다. 사용자가 꿈의 웹 사이트를 만들 수 있습니다, 요소를 드래그 앤 드롭하고, 섹션을 선택하고, 이미지를 편집하면 됩니다.

빌더는 간단하게 설계되었지만 올바른 방법으로 시작하려면 몇 가지 단계가 필요합니다. 괜찮아요! 약간의 안내만 받으면 스스로 할 수 있습니다.

Squarespace를 사용하여 웹사이트를 만드는 7가지 쉬운 단계

한 푼도 지출하지 않고도 Squarespace 웹사이트를 시작할 수 있습니다. 그들은 14 일 무료 사용. 그러나 이 평가판을 사용하면 빌더를 테스트할 수 있지만 새 사이트를 게시할 수는 없다는 점을 이해해야 합니다. 공개하기로 결정했다면 지불 준비.

1단계: Squarespace 시작하기

1. 스퀘어스페이스 사이트를 방문하세요.

시작하자! 다음으로 향하세요 Squarespace.com. 이것이 귀하의 실행 패드가 될 것이므로 자유롭게 URL을 북마크에 추가하세요.

Squerspace 시작하기

2. 귀하의 사이트는 무엇에 관한 것입니까?

다음 단계에서 플랫폼은 몇 가지 질문을 할 것입니다. 걱정하지 마세요. 아무도 당신을 판단하지 않을 것이며 잘못된 대답도 없습니다. 간단한 설명을 작성하여 웹사이트를 만들거나 설명하려는 내용을 설명하는 태그를 선택하세요.

Squarespace 질문 사이트에 대한

이 정보는 Squarespace가 귀하의 웹 구축 여정이 올바른 발로 시작될 수 있도록 몇 가지 시작 아이디어와 예를 찾는 데 도움이 될 것입니다. 귀하의 사이트가 무엇에 관한 것인지 여전히 알 수 없는 경우, 페이지 하단에 있는 "건너뛰기" 버튼을 클릭하여 언제든지 질문을 건너뛸 수 있습니다.

3. 관심분야를 선택하세요.

마지막 단계와 마찬가지로 하나 이상의 옵션을 선택합니다. 블로그를 작성하고 싶거나, 사업을 홍보하고 싶거나, 제품을 판매하고 싶나요?

Squarespace는 최고 목표에 대해 질문합니다.

귀하의 열망에 해당하는 상자를 선택하십시오. 데모 페이지를 생성할 때 이러한 응답이 고려되지만 나중에 언제든지 사이트에서 요소와 기능을 추가하거나 제거할 수 있습니다(자세한 내용은 나중에 "Squarespace 웹 사이트 빌더 사용" 섹션에서 설명).

4. 무대

당신은 현재 어떤 과정을 밟고 있나요? 아직도 전체 웹사이트 아이디어를 작업 중입니까, 아니면 사이트에 추가하고 싶은 대부분의 기능을 이미 알고 있습니까? 이미 다른 플랫폼에 웹사이트가 있는데 이를 Squarespace로 옮기고 싶으신가요?

Squarespace 질문 프로세스

답변을 선택하면 온보딩 프로세스가 완료됩니다.

5. 템플릿을 선택하세요.

이것은 어디 재미있는 부분이 시작됩니다. Squarespace 설문지가 모두 완료되었으며 이제 템플릿을 선택할 수 있습니다. 귀하의 사이트는 다음과 같습니다. 마음에 드는 템플릿을 찾을 때까지 시간을 내어 모든 사이트를 탐색해 보세요.

Squarespace 템플릿

템플릿이 마음에 들면 그 위로 커서를 이동하고 미리보기 버튼을 클릭하여 템플릿이 실제로 작동하는지 확인하세요. 이것을 선택했다면 프로세스를 반복할 수 있지만 이번에는 "시작" 버튼을 선택하여 템플릿을 선택합니다.

6. 계정을 만드세요.

이메일 주소를 입력하여 계정을 만들 수 있습니다. 하지만 모든 일을 더 빠르게 하기 위해, Squarespace 기존 Google, Apple 또는 Facebook 계정을 연결하여 새 계정을 만드는 옵션을 제공합니다.

Squarespace 계정 만들기 선택

나중에 아무런 차이가 없으므로 원하는 방법을 선택하십시오.

7. 세부정보를 입력하세요.

이름, 이메일, 비밀번호 등의 세부정보를 입력하고 '계속' 버튼을 클릭하세요. Google, Apple 또는 Facebook과 연결하기로 선택한 경우 계속 진행하려면 계정에 로그인하라는 팝업 창이 나타납니다.

Squarespace 계정 세부정보

Squarespace가 필요한 모든 데이터를 수집할 때까지 기다리면 새 계정에 자동으로 로그인됩니다. 엔진을 시동하세요!

2단계: Squarespace 웹사이트 빌더 사용

Squarespace는 매우 좋은 인터페이스를 가지고 있습니다. 플랫폼에서 사이트 이름을 지정하고 페이지 추가와 같은 몇 가지 가장 중요한 기능을 배울 수 있는 몇 가지 추가 단계를 안내할 때 처음 로그인할 때 이 사실을 알 수 있습니다. 자유롭게 탐색하고 처음부터 배우세요.

Squarespace 설정 메인

Squarespace 작업을 시작하면 가장 중요한 설정이 왼쪽 메뉴에 있습니다. 거기에서 다음을 찾을 수 있습니다:

  • 페이지 – 수정할 페이지를 선택하고 새 페이지를 추가하여 원하는 사이트를 만듭니다. 블로그, 상점, 연락처, 정보 등과 같은 간단한 페이지를 추가할 수 있는 곳입니다.
  • 디자인 – 글꼴, 색상, 애니메이션, 간격, 버튼 등에 대한 몇 가지 설정 중에서 선택합니다. CSS를 알고 있다면 여기에 사용자 정의 코드를 입력할 수도 있습니다.
  • 상업 – Squarespace로 판매를 시작하세요. 주문, 재고, 고객, 할인 및 새로운 온라인 상점과 관련된 모든 것을 관리하세요.
  • 마케팅 – 이메일 캠페인, SEO, 프로모션 팝업, 바, 소셜 미디어 프로필 연결 등을 관리하세요.
  • 예약 – 고객, 알림 및 온라인 결제를 도와주는 인공 지능 온라인 도우미.
  • 통계 분석 – 귀하의 사이트에서 무슨 일이 일어나고 있는지 확인하십시오. 판매, 트래픽, 활동 로그, 가장 인기 있는 콘텐츠 및 키워드를 확인하세요.
  • 프로필 – 고객, 구독자 등에 대한 정보를 확인하세요. 하나의 중앙 위치에서 태그별로 필터링하고 마케팅 이메일 초안을 작성하세요.
  • 설정 – 귀하의 사이트를 공개하는 곳입니다. 언어, 비즈니스 정보, 도메인, 확장 프로그램, 청구 및 계정 등을 변경하세요.
  • 도움말 – Squarespace에 대해 자세히 알아보고, 비디오를 보고, 튜토리얼을 읽을 수 있는 지식 베이스를 엽니다.

편집자

사이트 디자인 작업을 시작할 준비가 되면 상단에 있는 "편집" 버튼을 클릭하세요. 그러면 페이지 사용자 정의를 시작할 수 있는 Squarespace 편집기가 열립니다.

3단계: 웹사이트 디자인 변경

Squarespace는 시각적 편집기입니다. 이는 여러분이 하는 모든 작업이 요소를 하나씩 선택하여 웹사이트에서 직접 수행된다는 것을 의미합니다.

위에서부터 시작하여 아래로 이동해 봅시다.

헤더라고 하는 상단 표시줄 위로 커서를 이동합니다. 헤더를 편집할 수 있는 작은 버튼이 표시됩니다. 이곳은 당신이 업로드하는 곳입니다 심벌 마크, 사이트 제목 추가, 표시할 요소(버튼 및 소셜 아이콘 등) 선택, 다양한 색상 작업, 전체 헤더 고정(방문자가 페이지를 아래로 스크롤하는 동안 항상 상단에 유지됨) 등을 설정할 수도 있습니다.

Squarespace 헤더 편집

다음 편집 라인은 섹션입니다. 헤더 아래의 첫 번째 섹션은 일반적으로 방문자의 관심을 끌 수 있는 거대한 영웅 이미지와 텍스트를 포함하는 가장 큰 섹션입니다. 그 위에 커서를 놓고 화면 오른쪽에 있는 작은 편집(연필) 버튼을 선택합니다. 여기에서 섹션의 높이, 너비, 콘텐츠 정렬, 배경, 색상 등을 선택할 수 있습니다.

자신의 속도에 맞춰 자유롭게 탐색하고 이동하세요. 텍스트, 버튼 또는 기타 요소를 변경하기로 결정한 경우 해당 요소 위로 마우스를 가져가면 해당 설정이 표시됩니다. 선택한 템플릿에 따라 요소가 달라지므로 텍스트, 이미지, 버튼, 양식, 비디오 등을 기대할 수 있습니다.

Squarespace 추가 섹션

템플릿을 계속 수정하려면 페이지 아래로 계속 이동하고 프로세스를 반복하세요. 다시 디자인하려는 요소 위로 마우스를 가져간 다음 옵션을 사용해 보세요.

정사각형 공간

특정 요소 위로 이동하면 나타나는 오른쪽 메뉴에서 버튼을 클릭하여 섹션을 쉽게 삭제하거나 위아래로 이동할 수 있습니다.

이를 통해 기존 요소를 제어할 수 있지만 새 요소를 추가하는 방법이 궁금할 것입니다. 요소 위로 마우스를 가져가면 작은 파란색 더하기 아이콘이 보입니까? 그게 비밀이에요! 이는 각 세그먼트의 상단과 하단에 나타나며 새 섹션을 추가할 수 있는 위치를 나타냅니다. 자, 클릭해보세요. Squarespace 페이지에 추가할 수 있는 모든 섹션을 보여주는 새로운 팝업이 표시됩니다.

수십 개의 섹션이 있으며 각각 고유한 변형이 있습니다. 시간을 갖고 모두 찾아보세요. 목록, 갤러리, 이미지, 양식, 차트 등을 추가할 수 있습니다.

요소를 클릭하자마자 사이트에 새 섹션이 나타납니다. 추가로 사용자 정의하려면 블록 위로 마우스를 가져가서 옵션을 계속 탐색하세요.

4단계: 웹사이트에 기능 추가하기

요소를 추가하는 것은 재미있습니다. 그러나 사용자에게 일반적으로 필요한 가장 인기 있는 기능 중 두 가지는 다음과 같습니다. 블로깅전자 상거래. 앞서 보여드린 요소 목록에서는 이러한 항목을 찾을 수 없습니다. 그럼 사이트에 빠르게 추가하는 방법을 살펴보겠습니다.

한국데스크

블로그를 추가하는 것이 복잡해 보일 수도 있지만 사실 블로그는 또 다른 페이지에 지나지 않습니다. 추가하려면 왼쪽 상단 모서리에 있는 "완료" 버튼을 클릭하여 디자인 편집기를 종료해야 합니다.

여기에서 첫 번째 “페이지” 옵션을 선택하세요.

이미 목록에 블로그가 있을 가능성이 높습니다. 이는 설문지의 답변과 선택한 템플릿에 따라 다릅니다. 나열된 블로그가 있으면 간단히 선택할 수 있습니다.

Squarespace 블로그 목록

그렇지 않은 경우 "+" 아이콘을 클릭하고 목록에서 블로그를 선택하여 블로그를 빠르게 추가할 수 있습니다.

목록에 블로그가 있으면 페이지를 열 수 있습니다. 이미 템플릿으로 시작했기 때문에 일부 데모 콘텐츠가 이미 준비되어 있다는 의미입니다. 화면 왼쪽에서 기존 블로그 게시물을 찾을 수 있습니다. 오른쪽에는 선택 시 현재 블로그 또는 특정 블로그 게시물이 표시됩니다.

새 게시물을 추가하려면 메뉴에서 "+" 아이콘을 찾으세요. 아이콘을 클릭하면 제목과 주요 내용을 작성할 수 있는 편집기가 나타납니다. 정말 멋지지 않나요?

전자 상거래

블로그와 마찬가지로 템플릿에도 이미 스토어가 포함되어 있을 수 있습니다. 그렇지 않은 경우 "+" 아이콘을 선택하고 "스토어" 옵션을 찾아 추가할 수 있습니다.

스퀘어스페이스 전자상거래

새로운 팝업 창에는 보유할 수 있는 두 가지 버전의 상점이 표시됩니다. 편집 프로세스를 계속하려면 원하는 것을 선택하십시오.

왼쪽에는 모든 데모 제품과 가격이 표시됩니다. 오른쪽에 어떤 모양인지 보려면 아무 항목이나 클릭하세요. 이것은 단지 미리보기입니다(방문자가 볼 수 있는 것).

제품 편집을 시작하고 자신의 제품을 추가하기로 결정한 경우 줄임표를 클릭하고 편집 옵션을 선택해야 합니다. 그러면 세부사항을 살펴볼 수 있는 완전히 새로운 화면이 나타납니다.

Squarespace 전자상거래 편집

이미지 변경, 가격 추가, 재고, 변형 등을 제어하세요.

5단계: 웹사이트 최적화

사이트 디자인을 완료했더라도 아직 게시할 준비가 되지 않았습니다. 처리해야 할 몇 가지 중요한 사항이 더 있으므로 양해해 주시기 바랍니다.

SEO

다른 사람들이 Google, Bing, Yandex 및 기타 검색 엔진을 통해 귀하의 사이트를 더 쉽게 찾을 수 있도록 하려면 몇 가지 SEO(검색 엔진 최적화) 옵션.

사이트를 편집할 때 브라우저의 오른쪽 상단 모서리에 있는 작은 톱니바퀴 아이콘을 찾으세요. (더 눈에 띄었어야 했는데요.) 나타나는 설정 팝업에서 “SEO”를 선택하세요.

여기 있습니다. 귀하의 사이트에 가장 중요한 SEO 옵션이 바로 귀하 앞에 있으며, 이는 현재 편집 중인 페이지의 제목과 설명입니다. 이는 사람들이 Google에 질문을 하여 귀하의 사이트를 찾을 때 검색 엔진에 표시되는 정보입니다. 미리보기를 보면 이 사실을 알 수 있습니다.

사이트의 모든 페이지에 대해 이 과정을 반복해야 합니다. 웹사이트를 게시한 후에는 인내심을 가지십시오. 검색 엔진이 선택한 변경 사항으로 사이트를 크롤링하고 색인을 생성하는 데 몇 시간, 며칠 또는 몇 주가 걸릴 수 있습니다.

모바일 최적화

현대 세계에서 스마트폰에 맞게 사이트 최적화 Google에 맞게 최적화하는 것만큼 중요합니다(이 두 가지는 실제로 함께 사용됩니다). 다행히 Squarespace를 사용하면 쉽게 할 수 있습니다.

스퀘어스페이스 모바일

페이지를 편집할 때 상단 표시줄에 작은 모바일 아이콘이 표시됩니다. 이렇게 하면 휴대폰에서 사이트를 미리 볼 수 있습니다. 그게 다입니다. 여기서는 변경할 사항이 없습니다. Squarespace 템플릿 자동으로 반응합니다. 즉, 모든 화면 크기에 잘 표시되도록 요소를 수정합니다.

모바일 사이트를 수정하고 모바일 사용자만을 위한 특정 요소를 추가/제거할 수 있는 옵션이 있으면 좋겠지만 안타깝게도 Squarespace를 사용한 모든 사이트 편집은 전역적입니다(사이트의 모든 버전에 영향을 미침).

6단계: 대시보드 알아보기

대시보드는 account.squarespace.com으로 이동하여 언제든지 액세스할 수 있습니다. 로그인했다면 이곳에서 사이트 작업을 시작할 수 있습니다. 대시보드에는 귀하가 만든 모든 사이트가 표시되며 새 사이트를 시작할 수 있습니다.

Squarespace 대시 보드

웹사이트 또는 상거래 옵션을 선택하면 설정 영역으로 이동하며, 줄임표를 클릭하면 권한, 청구, 기타 설정을 관리하고 전체 사이트를 복제하거나 삭제할 수도 있습니다.

페이지 상단 표시줄에는 기존 도메인을 연결하거나 새 도메인을 구입할 수 있는 도메인 전용 탭도 있습니다. 해당 옵션 중 하나를 수행하고 계획을 업그레이드할 때까지 귀하의 사이트는 Squarespace 하위 도메인에 위치하게 됩니다.

오른쪽에는 문서 및 계정 설정으로 연결되는 링크가 있습니다.

7단계: 웹사이트를 게시하여 활성화하세요.

14일 동안 Squarespace를 테스트할 수 있지만 해당 기간 동안에는 사이트를 게시할 수 없습니다.

사이트를 게시하려면 유료 구독을 해야 합니다. 그 후에는 설정 메뉴에서 사이트 가용성으로 이동하여 사이트를 게시할 수 있습니다. 여기에서 사이트를 공개, 비공개 또는 비밀번호로 보호할 수 있는 옵션이 제공됩니다.

계획 및 가격 책정

14일 무료 평가판 외에도 Squarespace는 월별 또는 연간 지불할 수 있는 몇 가지 유료 요금제를 제공합니다. 연간 비용을 지불하기로 결정하면 최대 30%를 절약하고 XNUMX년 동안 무료로 맞춤 도메인을 얻을 수 있습니다.

개인

월 $12.00(1년 요금제) 한 번에 청구됨 $144.00).

비즈니스

월 $18.00(1년 요금제) 한 번에 청구됨 $216.00).

상업

월 $26.00(1년 요금제) 한 번에 청구됨 $312.00).
월 $40.00(1년 요금제) 한 번에 청구됨 $480.00).

자주묻는 질문

Squarespace 웹사이트 빌더는 무료인가요?

Squarespace에는 무료 14 일 평가판 그 동안 서비스를 테스트하고 웹사이트를 디자인할 수 있습니다. 하지만 Squarespace는 무료가 아닙니다. 사이트를 게시하거나 시험 기간 이후에도 계속 작업하기로 결정한 경우 해당 사이트의 구독 계획 중 하나를 선택해야 합니다.

Squarespace 웹사이트에서 수익을 얻을 수 있나요?

예, Squarespace 웹사이트를 통해 수익을 창출할 수 있습니다. 판매할 제품이나 서비스가 있는 경우 완전한 온라인 상점을 구축할 수 있는 Squarespace의 전자상거래 기능을 활용할 수 있습니다. 반면, 전자상거래의 세계에 들어가지 않더라도 스폰서 콘텐츠 판매, 배너 게재, 기타 다양한 광고를 통해 수익을 얻을 수 있습니다.

Wix가 Squarespace보다 나은가요?

Wix와 Squarespace는 모두 훌륭한 웹사이트 빌더입니다. 둘 다 장단점이 있기 때문에 하나를 선택하기는 어렵습니다. 이를 염두에 두고 Wix는 한 푼도 지불하지 않고 완전히 무료로 사용할 수 있는 반면 Squarespace는 XNUMX주 무료 평가판만 제공된다는 점도 알아야 합니다. 또한, 윅스 더욱 강력한 편집기와 사이트를 더욱 효과적으로 제어할 수 있는 다양한 기능이 함께 제공됩니다.

결론

Squarespace 사이트 만들기 복잡하지 않습니다. 그래서 비록 이것이 웹사이트 빌더와의 첫 만남이었지만, 웹사이트를 시작하는 것이 즐거웠고 뭔가를 배웠다고 확신합니다.

하지만 여기서 멈추지 마세요. 이제 사이트를 구축하고 실행하고 Squarespace를 이동하는 방법을 알았으므로 사용 가능한 모든 옵션을 탐색하는 데 더 많은 시간을 할애하십시오. 이 가이드에서 다루지 않은 더 많은 정보와 기회가 있습니다. 그러니 시간을 들여 다른 테스트 웹사이트를 만들고 처음에 염두에 두었던 아름다운 개인 웹사이트나 비즈니스 웹사이트를 만들 수 있을 때까지 시험해 보세요!

댓글을 남겨주세요.

귀하의 이메일 주소는 공개되지 않습니다. *표시항목은 꼭 기재해 주세요. *

친구에게 보내기