# 노션에서 만든 웹사이트, 더 많이 커스텀하고 싶었다면?

## 새로 업데이트된 '노션 사이트', 써보니 어떠셨나요?

확실히 기존에 이런저런 외부 서비스 임베드해서 쓰던 분들에게는 유용하겠더라고요. 하지만, 무료 사용자인 저는 뭐 하나만 클릭하면 PLUS 요금제용이라고 떠서 써볼 수 있는 것이 많이 없어서 조금 슬펐습니다.🥲 좀 더 커스텀이 지원되면 좋겠다 싶은 부분도 있었고요.

## 사실 그 기능들, 슬래시페이지에서는 이미 지원하고 있었어요.(심지어 무료!)

노션 페이지를 사이트로 만들 때 노션에서 하는 것과 슬래시페이지로 만드는 것이 어떤 점이 다른지 간단히 비교해 보겠습니다. 아마 저처럼 이번 업데이트가 아쉬웠던 분들이라면, 슬래시페이지에서 웹사이트로 만드는 게 더 쉽고, 커스텀도 많이 할 수 있다고 느끼실 것 같아요. 

![Image](https://upload.cafenono.com/image/slashpageHome/20240709/184015_jjXbjrFCnfTEDxUhfF?q=75&s=1280x180&t=outside&f=webp)

## 원클릭 '게시' 버튼 

전에는 웹에 게시하려면 다소 복잡한 과정을 거쳐 했지만, 이제 버튼 하나만 클릭하면 게시하고 검색 엔진에 노출될 수 있도록 업데이트됐어요.

![Image](https://upload.cafenono.com/image/slashpageHome/20240710/160632_LMb4ArA9irwmXYw2mS?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/144450_8MRZXbQ0wHjLCyaUXK?q=80&s=1280x180&t=outside&f=webp)

## 사이트 만들자마자 웹에 게시

버튼 하나를 누르는 것보다 쉬운 것은 버튼조차 누르지 않는 것이죠. 새 사이트는 기본적으로 누구나 볼 수 있는 상태로 만들어져요.

![Image](https://upload.cafenono.com/image/slashpageHome/20240710/165652_s41LotVcdpTd8X1PBJ?q=75&s=1280x180&t=outside&f=webp)

---

![Image](https://upload.cafenono.com/image/slashpageHome/20240709/184015_jjXbjrFCnfTEDxUhfF?q=75&s=1280x180&t=outside&f=webp)

## 라이트, 다크 테마 지원

유료 요금제 사용자는 라이트 테마 외에 시스템, 다크 테마를 선택할 수 있어요.

![Image](https://upload.cafenono.com/image/slashpageHome/20240710/114637_ysPoDjOc9NdcB2Db2Y?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/150002_Q2DfztU0KmS746agtW?q=80&s=1280x180&t=outside&f=webp)

## 제한 없는 색상, 모양 변경

배경, 글자, 버튼의 색상을 바꾸고 이미지, 영상, 버튼에는 테두리와 그림자도 적용해 보세요. 미리 설정된 컬러 팔레트를 적용하고 일부만 원하는 색으로 바꿀 수 있어요.

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/152227_iOwZSRCPYcNOClA1Qo?q=80&s=1280x180&t=outside&f=webp)

### 배경, 버튼, 글자 조합은 이렇게 다양하게도 할 수 있어요!

아래 슬라이더의 이미지를 클릭하면 해당 사이트로 이동해요. 이미지를 옆으로 넘겨 더 많은 사례를 볼 수 있어요.

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/165945_Q8MtqDOtnHUx6WAxdx?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/170512_7XJwoMVPKzpo4pTgp7?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/164309_yMP6w5yqa84ModnONc?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpageHome/20240709/153754_nsc39BxofczFYMQFht?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/170015_xv5FtANuhksGaqktom?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/170303_Yq4XJPcPaYkSPY6cQB?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/170143_TKo6owuDcr8keXTl8C?q=80&s=1280x180&t=outside&f=webp)

---

![Image](https://upload.cafenono.com/image/slashpageHome/20240709/184015_jjXbjrFCnfTEDxUhfF?q=75&s=1280x180&t=outside&f=webp)

## 헤더 메뉴 표시/숨김 설정

페이지 내비게이션, 브레드 크럼, 검색, 템플릿 복제, 워터마크의 표시 여부, 그리고 파비콘 종류를 정할 수 있어요. (무료 사용자는 템플릿 복제 한정)

![Image](https://upload.cafenono.com/image/slashpageHome/20240710/113532_7TjkuEL3122UAPiMSK?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/152823_JzqHDoVmLI9B3qeMN8?q=80&s=1280x180&t=outside&f=webp)

## 자유로운 헤더 메뉴 커스텀

사이트 상단에 파비콘과 사이트 이름을 적거나, 로고로 대체할 수 있어요. 하위 페이지와 채널이 많다면 비슷한 주제별 메뉴로 자유롭게 구성해 보세요.

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/163350_jmgPmcIPzcIxuF474v?q=80&s=1280x180&t=outside&f=webp)

### 헤더를 사이트 디자인에 맞게 꾸민 다양한 사례를 확인해 보세요!

아래 슬라이더의 이미지를 클릭하면 해당 사이트로 이동해요. 이미지를 옆으로 넘겨 더 많은 사례를 볼 수 있어요.

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/170933_kp8CQcal2MUPRpeTns?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/170842_Ys940pouW5EoCHBjcZ?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpageHome/20240710/195451_lI4bfKv9O3NbZCaWXb?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/171126_ujSSwDNArLbciABCn9?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/171247_wMm4u4vnMYH2j7LNMY?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/171440_KM1ZdCtxFsf8ntWKvy?q=80&s=1280x180&t=outside&f=webp)

---

![Image](https://upload.cafenono.com/image/slashpageHome/20240709/184015_jjXbjrFCnfTEDxUhfF?q=75&s=1280x180&t=outside&f=webp)

## SEO용 메타 데이터 수정

유료 요금제 사용자는 검색 엔진에 더 많이 노출될 수 있도록 페이지마다 SEO 미리보기를 수정하고, GA를 연결해서 기본 제공인 조회수 외에도 많은 방문자 데이터를 분석할 수 있어요.

![메타 데이터(링크 제목+설명) 수정](https://upload.cafenono.com/image/slashpageHome/20240710/160006_jaj7SDwGspEDSNzYma?q=75&s=1280x180&t=outside&f=webp)

![애널리틱스 (기간별 조회수)](https://upload.cafenono.com/image/slashpageHome/20240710/115044_9KnvcxCSyT3sCZJ7LI?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20251231/165033_X7TDIReP6mj3IopbXx?q=80&s=1280x180&t=outside&f=webp)

## 메타 데이터 수정 + 애널리틱스

누구나 모든 페이지, 채널 글의 링크 미리보기를 수정할 수 있어요. GA를 연동하지 않고도 심화된 방문자 분석 데이터를 확인 가능해요. (베타테스터라면 GA도 연동할 수 있도록 지원하고 있어요.)

![링크 미리보기(링크 제목+설명) 수정](https://upload.cafenono.com/image/slashpagePost/20251231/172005_FN0UpdMeEK7hz85m76?q=80&s=1280x180&t=outside&f=webp)

![애널리틱스 (조회수, 고유 방문자수, 사이트 평균 체류시간, 구독자수, 인기 페이지 및 콘텐츠, 국가별 조회수, 유입 경로, 버튼 클릭수)](https://upload.cafenono.com/image/slashpagePost/20250722/162255_YYNlOrIWdiA2CnwoEI?q=80&s=1280x180&t=outside&f=webp)

---

## 노션에는 없고 슬래시페이지만 있는 다른 기능도 살펴보세요

[사이트에 팝업 배너, 상단 띠배너 추가하기](https://slashpage.com/slashpage-kr/pop-ups)

[시선을 집중시키는 애니메이션 적용하기](https://slashpage.com/slashpage-kr/animate-to-impress)

[AI 크롤링 봇이 내 글에 방문한 기록 확인하기](https://slashpage.com/slashpage-kr/crawler-bot)

## 노션 페이지 그대로 옮겨올 수 있는데, 한 번 해보실래요? 😉

슬래시페이지 로그인 후 대시보드에서 `가져오기(Import)` 를 클릭하고, 노션을 선택해 주세요.

![Image](https://upload.cafenono.com/image/slashpageHome/20240711/141351_UaAeWRY0WGoRK88UkD?q=75&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpageHome/20240711/142014_nlhbO4UoNEpHBBRUYI?q=75&s=1280x180&t=outside&f=webp)

[대시보드 바로가기](https://slashpage.com)

[노션 불러오는 방법 자세히 보기](https://slashpage.com/slashpage-help-center/import-notion)

> 불러오는 과정에 문제가 생겼거나, 궁금한 점이 있다면 **[슬래시페이지 공식 문의 채널](https://slashpage.com/slashpage-kr/feedback)**에 글을 남겨주세요!

빠르게 확인 후 도와드리도록 할게요. :)

For the site tree, see the [root Markdown](https://slashpage.com/slashpage-kr.md).
