# 웹 콘텐츠 템플릿 갤러리
웹 콘텐츠 템플릿 갤러리에는 푸시 수신 동의 요청, 혜택, 리드 수집, 동의 게이트, 설문조사 등 사용 사례별로 분류된 미리 만들어진 팝업이 있습니다. 각 템플릿에는 완성된 문구와, 레이아웃에 이미지가 있는 경우 이미지가 함께 제공됩니다. 템플릿을 하나 선택한 다음 [에디터](/ko/product/content/web-popup-content/web-content/#build-the-content)에서 텍스트와 이미지를 직접 만든 것으로 바꿉니다.
웹 콘텐츠 템플릿 갤러리를 열려면 **콘텐츠 → 웹 콘텐츠**로 이동하여 **만들기**를 클릭하고 **웹 콘텐츠** 유형을 선택합니다. 오른쪽 상단의 드롭다운을 사용하여 카테고리별로 갤러리를 필터링하거나 **모든 템플릿**으로 둡니다. 각 카테고리에는 템플릿 수가 표시되며, 아래 템플릿도 같은 카테고리별로 정리되어 있습니다.
아래 각 카테고리에는 권장 대상과 타이밍도 있습니다. 템플릿 자체에는 타겟팅이 없으므로 이는 설정이 아니라 권장 사항입니다. 콘텐츠를 볼 대상과 시점은 [웹 캠페인](/ko/product/messaging-channels/web-popups/create-web-popups-campaigns/#define-audience)에서 선택합니다.
템플릿으로 만든 콘텐츠를 저장하기 전에:
- 템플릿 이미지를 직접 준비한 이미지로 바꿉니다. 배경 이미지가 있는 템플릿에는 어두운 플레이스홀더 이미지가 포함되어 있습니다.
- 페이지를 열어야 하는 각 버튼에 링크를 설정합니다. 팝업을 닫거나 페이지를 전환하지 않는 템플릿 버튼에는 링크가 없습니다.
- **Topic picker** 또는 **Rating** 블록이 있는 템플릿은 태그나 이벤트를 선택하기 전까지 아무것도 기록하지 않습니다. [주제 선택기](/ko/product/content/web-popup-content/blocks/#topic-picker) 및 [평점](/ko/product/content/web-popup-content/blocks/#rating)을 참조하세요.
- **Countdown** 블록이 있는 템플릿에는 일주일 후 자정으로 설정된 플레이스홀더 마감일이 포함되어 있습니다. 블록 설정에서 **Deadline**을 직접 설정하세요. [카운트다운](/ko/product/content/web-popup-content/blocks/#countdown)을 참조하세요.
그런 다음 콘텐츠를 저장하고 웹 캠페인에 첨부합니다. [콘텐츠 저장하기](/ko/product/content/web-popup-content/web-content/#save-the-content)를 참조하세요.
웹 콘텐츠 템플릿 갤러리에는 웹 양식 템플릿이 없습니다. 이메일이나 방문자의 답변을 수집하려면 대신 [웹 양식](/ko/product/content/web-popup-content/web-forms/)을 만드세요.
## 빈 레이아웃
사용 사례에 맞는 템플릿이 없을 때 플레이스홀더 콘텐츠가 있는 레이아웃에서 시작합니다.
- **모달(세일):** 헤드라인, 텍스트, 버튼 하나, 각주가 있는 가운데 정렬 카드.
- **모달(이미지 배경):** 어두운 플레이스홀더 배경 이미지 위에 텍스트가 있는 가운데 정렬 카드.
- **모달(세일) + 이미지(오른쪽):** 왼쪽에 텍스트, 오른쪽에 이미지가 있는 카드.
- **모달(세일) + 이미지(왼쪽):** 이미지가 왼쪽에 있는 같은 카드.
- **모달(세일) + 이미지(상단):** 텍스트 위에 이미지가 있는 카드.
- **제품 둘러보기(다중 페이지):** 세 개의 제품 페이지로, 각 페이지에 이미지, 구매 버튼, 다음 페이지로 이동하는 **Next product** 버튼이 있습니다. [여러 페이지](/ko/product/content/web-popup-content/multi-page/)를 참조하세요.
- **하단 바:** 페이지 하단의 전체 너비 바로, 왼쪽에 텍스트, 오른쪽에 버튼이 있습니다.
- **사이드 패널(전체 높이):** 창의 한쪽 측면을 따라 전체 높이를 차지하는 패널.
## 푸시 수신 동의
방문자에게 브라우저 푸시 알림을 켜도록 요청합니다.
**권장 대상:** 아직 푸시 알림을 구독하지 않은 방문자, 또는 **Notifications are off**의 경우 이전에 알림을 차단한 방문자.
**권장 타이밍:** 사이트가 열리는 즉시가 아니라 방문자가 어느 정도 콘텐츠를 본 후(예: 두 번째 페이지 조회 시).
- **Breaking news alerts:** 중요한 뉴스에 대해서만 알림을 보내겠다고 약속하며, **Allow notifications** 버튼이 있습니다.
- **Two-step consent:** 먼저 관심 여부를 묻고, 두 번째 페이지에서 브라우저 프롬프트를 설명합니다.
- **Minimal opt-in bar:** **Turn on** 및 **Later** 버튼이 있는 눈에 띄지 않는 하단 바.
- **Notifications are off:** 알림을 차단한 방문자에게 브라우저에서 알림을 다시 허용하는 방법을 알려줍니다.
- **Product updates:** 새로운 기능에 대한 짧은 소식을 제공하는 하단 바.
## 뉴스 및 미디어
독자를 기사로 다시 불러오거나 구독자로 전환합니다.
**권장 대상:** 재방문 독자, 특정 섹션의 독자, 또는 아직 구독자가 아닌 독자.
**권장 타이밍:** 독자가 다 읽지 않은 기사로 돌아오거나, 구독자 전용 콘텐츠에 도달하거나, 기사를 다 읽었을 때.
- **Continue reading:** 중간까지 읽은 기사로 독자를 다시 초대합니다.
- **Subscriber-only story:** 구독자 전용 기사임을 알리고 구독 요금제로 안내합니다.
- **Weekly digest:** 주간 편집자 추천을 제공하는 하단 바.
- **Special report:** 어두운 플레이스홀더 배경 이미지 위에 텍스트를 배치하여 장문 기사를 홍보합니다.
## 프로모션 및 혜택
할인, 보너스 또는 마감 기한으로 구매를 유도합니다.
**권장 대상:** 환영 혜택의 경우 첫 방문자, 장바구니에 상품이 있는 쇼핑객, 또는 다시 활성화하려는 플레이어와 쇼핑객.
**권장 타이밍:** 환영 혜택은 진입 시, 재고 및 배송 메시지는 상품 및 장바구니 페이지에서, 기간 한정 혜택은 세일 기간 동안.
- **Welcome discount:** 첫 주문 할인을 제공하는 사이드 패널.
- **Back in stock:** 품절된 상품이 재입고되면 쇼핑객에게 알려주겠다고 제안합니다.
- **Free shipping threshold:** 쇼핑객에게 무료 배송까지 얼마 남지 않았음을 알려주는 하단 바.
- **Promo code:** 결제 시 사용할 코드를 표시합니다.
- **In-game bonus:** 어두운 플레이스홀더 배경 이미지 위에 텍스트를 배치하여 무료 스타터 팩을 제공합니다.
- **Welcome bonus:** 어두운 플레이스홀더 배경 이미지 위에 이용 약관 각주와 함께 첫 입금 보너스를 제공합니다.
- **Flash sale countdown:** 실시간 [Countdown](/ko/product/content/web-popup-content/blocks/#countdown) 블록이 있는 플래시 세일 혜택.
## 게임 및 마켓플레이스
플레이어와 구매자를 온보딩하고, 새 아이템 출시와 경기를 알립니다.
**권장 대상:** 신규 플레이어 또는 구매자, 특정 팀이나 게임의 팬, 또는 특정 아이템을 팔로우하는 사용자.
**권장 타이밍:** 온보딩은 첫 방문 시, 알림은 아이템 출시나 경기 전.
- **Welcome quest (3 steps):** 각 페이지에 이미지가 있는 3페이지 온보딩.
- **Item drop:** 새로 출시된 아이템을 이미지와 함께 알립니다.
- **Match alerts:** 경기 시작, 팀 득점, 경기 종료 시 알림을 제공합니다.
- **Drop countdown:** [Countdown](/ko/product/content/web-popup-content/blocks/#countdown) 블록으로 기간 한정 아이템 출시까지 카운트다운합니다.
## 금융 및 트레이딩
대상 고객이 기대하는 면책 조항과 함께 시장 알림과 애널리스트 콘텐츠를 제공합니다.
**권장 대상:** 등록된 트레이더, 특정 상품을 팔로우하는 사용자, 또는 아직 알림을 켜지 않은 방문자.
**권장 타이밍:** 방문자가 상품이나 시장 페이지를 보는 동안, 또는 거래 세션 전.
- **Price alert:** 상품이 특정 가격 수준을 넘으면 알림을 제공합니다.
- **Trading signals:** 애널리스트의 일일 노트를 제공합니다.
- **Opt-in with risk disclaimer:** 각주에 위험 경고가 있는 알림 수신 동의.
- **Market open reminder:** 각 세션 전에 리마인더를 제공하는 하단 바.
## 리드 생성
이벤트, 보고서, 데모 또는 짧은 질문으로 방문자를 리드로 전환합니다.
**권장 대상:** 아직 고객이 아닌 방문자, 또는 특정 주제에 대한 콘텐츠를 읽는 방문자.
**권장 타이밍:** 방문자가 페이지를 읽었거나 기사의 대부분을 스크롤한 후.
- **Webinar registration:** 방문자를 라이브 웨비나에 초대합니다.
- **Report download:** 무료 보고서를 제공합니다.
- **Book a demo:** 시연을 제안하며, 주요 내용만 원하는 방문자를 위한 두 번째 버튼이 있습니다.
- **One-question survey:** **Yes** 및 **No** 버튼으로 방문자가 원하는 것을 찾았는지 묻습니다.
- **Pick your topics:** [Topic picker](/ko/product/content/web-popup-content/blocks/#topic-picker) 블록으로 방문자가 주제를 선택하게 합니다.
## 동의 및 게이트
방문자가 계속 진행하기 전에 동의나 선택을 요청합니다.
**권장 대상:** 쿠키 동의와 연령 확인은 모든 방문자, 지역 전환은 다른 지역의 방문자, 앱 안내는 모바일 방문자.
**권장 타이밍:** 첫 페이지 조회 시.
- **Cookie consent:** **Got it** 버튼이 있는 쿠키 관련 하단 바.
- **Age gate (18+):** 방문자에게 법적 연령임을 확인하도록 요청합니다.
- **Region / language:** 방문자의 지역 사이트로 전환하도록 제안합니다.
- **Get the app:** 웹 방문자에게 앱 설치를 권유합니다.
## 피드백 및 설문조사
[Rating](/ko/product/content/web-popup-content/blocks/#rating) 블록으로 점수나 피드백을 수집합니다.
**권장 대상:** 활성 사용자, 또는 구매나 다른 주요 작업을 방금 완료한 고객.
**권장 타이밍:** 주요 작업 직후, 또는 방문자가 사이트를 한동안 사용한 후.
- **NPS survey:** 0–10 척도로 추천 가능성을 묻습니다.
- **Rate your experience:** **Send rating** 버튼이 있는 별 5개 평점.
- **Rating, then topics:** 첫 페이지에 별점, 두 번째 페이지에 **Topic picker**가 있습니다.