# 시작하기 - 템플릿으로 웹사이트 런칭하기

나만의 웹사이트를 만드는 것이 부담스럽게 느껴질 수 있지만 걱정하지 마세요! 웹사이트를 디지털 집이라고 생각해보세요. 인터넷 상에서 고객, 친구, 팬들이 여러분을 쉽게 찾을 수 있는 공간이죠. 저희가 제공하는 간단한 도구와 바로 사용할 수 있는 템플릿으로, 전문적인 웹사이트를 몇 분 안에 만들 수 있어요.

## 내 도메인으로 웹사이트 런칭하기

시작할 준비가 되셨나요? 좋아요!

* Sites(사이트) > Websites(웹사이트)로 이동: 먼저 웹사이트 섹션으로 가서 시작해봅시다.
* New Website(새 웹사이트) 클릭: "새 웹사이트" 버튼을 찾아보세요. 쉽게 찾을 수 있을 거예요!
* 시작 방법 선택:
  * From Blank(빈 페이지부터): 창의적이고 모험을 즐기신다면? 완전한 자유를 드려요!
  * From Templates(템플릿부터): 세련되고 빠르게 만들고 싶다면? 여기서 시작해봅시다.
* From Templates(템플릿부터) 선택 후 Create(만들기) 클릭: 아름다운 템플릿들을 둘러보세요. 마음에 드는 것을 찾으면 "preview(미리보기)"를 클릭해서 실제 모습을 확인하고, Continue(계속)를 눌러주세요.

![템플릿 선택 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047027664/original/3BMWKGNMWDsAPNPNWVSRxMPxFgHrA6_lYw.png?1747858808)

다음으로 사이트를 커스터마이즈해보세요:

* Website Editor(웹사이트 편집기)에서 Website(웹사이트) 설정: 색상을 조정하고, 이미지를 추가하며, 정말로 나만의 사이트로 만들어보세요.
* Save(저장) 클릭: 걸작을 저장하는 것을 잊지 마세요!
* Publish(발행) 클릭: 전 세계에 공개해봅시다.
* Back(뒤로) 클릭 (웹사이트 편집기 종료): 마무리하고 사이트를 온라인으로 만들 시간이에요.

![웹사이트 편집기 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047027728/original/lcJ99sRNqVanMhlRKb94entAWtmhsnUfxg.png?1747859001)

도메인을 연결해서 공식적으로 만들어봅시다:

* Settings(설정) 탭 클릭: 설정으로 이동해서 고유한 웹 주소를 연결해보세요.
* Domain(도메인) 아래에서 Connect Domain(도메인 연결) 클릭: 도메인 드롭다운을 찾고 그 아래의 **도메인 연결** 링크를 클릭하세요.

![도메인 설정 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047694751/original/5MsqqMucysJiz346jo-Kz3DaRw8pKBEp7Q.png?1748985779)

Connect Domain(도메인 연결)을 클릭하면 바로 이 페이지로 이동할 수 있습니다. 그러면 도메인을 입력하고 \*\*Continue(계속)\*\*을 클릭하거나, \*\*Back to Domains(도메인으로 돌아가기)\*\*를 클릭해서 Settings(설정) > Domains(도메인) 목록으로 이동할 수 있어요.

![도메인 입력 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047694725/original/HIZcSBbPGy3Qo8ca7G-er6-KrDTMbFubbg.png?1748985699)

* Connect a Domain(도메인 연결) 클릭: 도메인 이름을 입력하고 "Continue(계속)"를 두 번 클릭하세요. 거의 다 끝났어요!

![도메인 연결 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047027780/original/1And6P2wSO3emhikoJuwmhw9V1EBQcZSfA.png?1747859130)

아직 도메인이 없다면 이 페이지가 표시될 거예요. 그냥 \*\*Connect a Domain(도메인 연결)\*\*을 클릭하세요.

![도메인 없음 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047694670/original/AHXjBPAsM5OWi3ft5Za1O48bUycV4bbsfQ.jpeg?1748985597)

* 웹사이트 연결 클릭: 블로그/퍼널/웹사이트 등의 옵션을 사용하세요.

![웹사이트 연결 옵션](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047027805/original/BEOO6wwonOXBcApMRm1pP6ByvhdWyM64PA.png?1747859217)

* 도메인을 입력하고 Continue(계속) 클릭: 웹사이트를 런칭할 도메인을 지정하는 단계입니다.

![도메인 입력 단계](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047027850/original/pC01vugqGJpcbxDVPHJz6BpG6joMpUWTnw.png?1747859297)

* Continue(계속)를 클릭하고 DNS 설정 (등록업체별로 다름): 제공된 지침을 따라주세요. 생각보다 간단해요!

![DNS 설정 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047027884/original/-2PNL8qpJhKF2wCgtsHhpNmV39IbwSnYyg.png?1747859367)

* Verify Records(레코드 확인) 클릭: 모든 것이 제대로 되었는지 확인해봅시다.

![레코드 확인 화면](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047027903/original/aDQbcdUwFe7XCyb-zaftZQcLOkVxRi-3Hw.png?1747859446)

* Website Settings(웹사이트 설정) 탭으로 다시 이동: 마지막으로 설정으로 돌아가세요.

![웹사이트 설정으로 이동](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047027911/original/hme70Pp7-ch7604JItcWwVtY1ChEwrSAFQ.png?1747859497)

* Domain(도메인) 선택 후 Save(저장) 클릭: 새로운 도메인을 선택하고 변경사항을 저장하세요. 축하합니다! 웹사이트가 공개되었어요!

![최종 도메인 저장](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155047027923/original/icLXWwV6Zjk1PMOKGSW6uAFx7XRqf4eSQA.png?1747859532)

이제 새로운 웹사이트 링크를 고객들과 공유하거나, 애널리틱스를 살펴보거나, 더 많은 콘텐츠를 추가해서 온라인 존재감을 강화할 수 있어요. 성공적인 런칭을 축하해요!

## 관련 문서

* 화이트라벨 도메인, API 도메인, 이메일 발송 도메인, 사이트 도메인, 클라이언트 포털 도메인 등 설정하기
* [도메인 구매 단계별 가이드](/hyperclass-docs/settings/connecting-your-domain-on-ghl-a-guide/how-to-purchase-domain-step-by-step.md)
* [자주 묻는 질문, 기본 문제 해결 - 퍼널, 웹사이트, 웨비나](/hyperclass-docs/and-sites/faqs-basic-troubleshooting-funnels-websites-webinars.md)
* [웹사이트 사례 연구](/hyperclass-docs/and-add-ons/websites-case-study.md)
* [도메인 추가 및 DNS 레코드 확인 방법](/hyperclass-docs/email/how-to-add-a-domain-and-verify-dns-record.md)

***

*원문 최종 수정: Thu, 5 Jun, 2025 at 8:22 PM* *Hyperclass 사용 가이드 — hyperclass.ai*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://hyperclass.gitbook.io/hyperclass-docs/getting-started/getting-started-launch-a-website-from-template.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
