Canva로 웹사이트 만들기 — 코딩 없이 완성

Canva 웹사이트란?

Canva Websites는 Canva 디자인을 그대로 웹사이트로 발행하는 기능입니다. Wix나 Squarespace처럼 복잡한 설정 없이, 지금까지 만들던 방식 그대로 페이지를 디자인하면 웹사이트가 됩니다.

항목	Canva Websites	Wix/Squarespace
난이도	매우 쉬움	중간
디자인 자유도	높음 (Canva 그대로)	중간~높음
기능 복잡도	단순 (쇼핑몰 불가)	복잡 (쇼핑몰 가능)
무료 배포	가능 (canva.site 도메인)	가능 (유료 도메인 권장)
SEO	기본 수준	상세 설정 가능
적합한 용도	포트폴리오, 소개 페이지, 이벤트	쇼핑몰, 복잡한 사이트

웹사이트 시작하기

방법 1 — 홈에서 시작:
홈 → 검색창 → "웹사이트" → 템플릿 선택

방법 2 — 기존 디자인을 웹사이트로:
기존 Canva 디자인 열기 → 공유 → "웹사이트로 게시"
→ 각 페이지가 하나의 섹션으로 변환됨

웹사이트 vs 일반 디자인의 차이:
웹사이트 모드에서는 요소에 "링크" 추가 가능
스크롤로 섹션 이동하는 방식으로 구성

섹션 구성 실습

웹사이트 구조 (1페이지 스크롤 방식):
섹션 1 — Hero (첫 화면): 이름/브랜드 + 슬로건 + CTA 버튼
섹션 2 — About (소개): 나/브랜드 소개 텍스트 + 사진
섹션 3 — Services/Work (서비스 또는 작업물): 카드 그리드
섹션 4 — Contact (연락처): 폼 또는 연락처 정보

페이지 추가 = 섹션 추가:
하단 "페이지 추가" → 새 섹션 = 스크롤하면 나타나는 다음 영역

링크와 버튼 연결

요소에 링크 추가:
버튼 또는 텍스트 선택 → 상단 "링크" 아이콘 클릭
→ URL 입력 (외부 사이트, SNS 링크)
→ 또는 "페이지로" 선택 → 같은 사이트 내 섹션으로 이동

내비게이션 링크:
상단 내비게이션 바 요소 클릭 → 각 메뉴 항목에 링크 연결
→ "섹션으로 이동" 선택 → 해당 페이지(섹션) 선택

이메일 링크:
링크 입력창에 "mailto:your@email.com" 입력
→ 클릭 시 이메일 앱 자동 실행

문의 폼 추가

왼쪽 패널 "앱" → "폼" 또는 "임베드"

Canva 기본 폼:
요소 탭 → "폼" 검색 → 폼 요소 선택 → 캔버스에 추가
필드 편집: 이름, 이메일, 메시지 필드 설정
제출 후 이메일 수신 설정 (Pro 기능)

외부 폼 임베드:
Google Forms, Typeform 링크를 앱 → "임베드" 에 붙여넣기
→ 폼이 웹사이트 안에 표시됨

모바일 확인

상단 "모바일 보기" 버튼 클릭
→ 모바일 화면에서 어떻게 보이는지 미리보기

주의할 점:
- 데스크탑에서 잘 보여도 모바일에서 글씨가 잘릴 수 있음
- 폰트 크기 최소 16px 이상 권장
- 중요 버튼은 손가락으로 누르기 쉽게 충분히 크게
- 세로 구성 확인: 좌우 2단 → 모바일에서 1단으로 바뀌는지

배포 — 무료 도메인으로 공개

Step 1: 상단 "게시" 버튼 클릭
Step 2: 웹사이트 제목, 설명, 언어 설정
Step 3: 무료 도메인 선택
→ yourname.my.canva.site 형식
→ 원하는 이름 입력 후 사용 가능 여부 확인
Step 4: "게시" 클릭 → 즉시 공개!

커스텀 도메인 연결 (Pro):
"게시" → "커스텀 도메인 연결"
→ 보유한 도메인의 DNS 설정에서 CNAME 레코드 추가
→ 수분 내 연결 완료

SEO 설정:
게시 전 "SEO 설정" → 제목, 설명, 미리보기 이미지 입력

관련 검색어  ·  캔바 웹사이트 만들기, 캔바 홈페이지, 캔바 도메인 연결, 코딩 없이 웹사이트, 캔바 사이트 배포, Canva Websites