학습 내용

팝업, 플라이아웃 또는 전체 페이지 가입 양식에 티저를 추가하는 방법을 알아보세요. 티저는 방문자가 클릭해서 양식을 열거나, 닫았던 양식을 다시 열 수 있는 작은 위젯이에요.

티저는 팝업, 플라이아웃, 전체 페이지 양식에 사용할 수 있어요. 삽입된 양식이나 배너에서는 티저를 사용할 수 없어요.

팝업, 플라이아웃 또는 전체 페이지 가입 양식에 티저를 추가하기

  1. 웹사이트 > 가입 양식으로 이동합니다.
  2. 기존 양식의 경우 편집을 클릭하거나 새로 생성하세요.
  3. 양식 편집기에서 (+) 티저를 클릭해 주세요.
The + Teaser button being selected from the menu bar within the form editor.
The + Teaser button being selected from the menu bar within the form editor.

티저 스타일을 선택하세요

스타일에서 3가지 티저 모양 중 1가지를 선택해 주세요:

  • 사각형
    탭 스타일 티저에는 사각형 도형을 사용해 주세요.
  • 원
    버블 스타일 티저에는 원형 도형을 사용해 주세요.
  • 모서리
    사이트의 모서리에 넣는 티저에는 모서리 도형을 사용해 주세요.

레이아웃에서 사이트의 측면 또는 모서리에 티저를 배치해 주세요. 모서리 티저는 모서리에만 배치할 수 있어요. 티저 크기는 다양한 기기에 맞게 최적화되어 있어요. 티저의 위치가 사이트의 다른 팝업 또는 티저 스타일 요소와 충돌하지 않는지 확인할 수 있도록 데스크톱 및 모바일 미리보기를 꼭 확인해 주세요.

The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.
The Styles section for the form editor for an example sign-up form showing the teaser set to Rectangle in the bottom right corner and size Medium.

레이아웃에서 크기 드롭다운에서 작게, 중간, 크게 또는 사용자 지정을 선택해 주세요. 사용자 지정을 선택하면 픽셀 단위로 너비를 입력해 주세요.

모바일에서는 페이지 상단이나 하단에 배치된 직사각형 티저가 여백을 고려하면서 사용 가능한 너비에 맞게 확장돼요. 이 자동 너비 조정은 왼쪽이나 오른쪽에 배치된 직사각형 티저에는 적용되지 않아요. 크기와 위치를 선택할 때 모바일 미리보기를 확인해 주세요.

티저 콘텐츠 편집

텍스트에서 티저의 텍스트와 텍스트 스타일을 추가하거나 편집하세요. 최소한 티저에는 양식의 혜택이 무엇인지 암시해야 해요. 최대한 효과를 내기 위해 티저는 짧게 유지하세요. 다음 티저 텍스트 예시를 참고해 보세요:

  • 15% 할인
  • 기프트 사용
  • 🎁
  • 경품 추첨 참여
  • 무료 배송 ➡️

티저 텍스트에서 특정 혜택을 언급하는 경우, 양식의 성공 메시지에서 해당 혜택을 제공하거나 환영 이메일 시리즈를 사용해 구독자에게 해당 혜택을 제공해 주세요.

배경색, 그림자 효과, 배경 이미지, 블록 여백을 사용해 티저의 디자인을 편집할 수도 있어요. 사각형 티저의 경우 모서리 반경도 조정할 수 있어요.

The Content, Background, and Block Styles section for an example form teaser in the form editor.
The Content, Background, and Block Styles section for an example form teaser in the form editor.

티저 동작 설정

디스플레이 설정에서 다음 옵션 중 1개를 선택해 티저가 표시되는 시점을 정하세요:

  • 양식이 닫힌 후 표시
    양식이 닫힌 후 표시되도록 설정된 티저는 방문자가 티저를 닫더라도 양식을 다시 열 수 있게 해 주지만, 양식이 팝업으로 뜨기 전에는 표시되지 않아요. 방문자가 티저를 닫지 않는 한, 티저는 양식의 타겟팅 설정을 충족하는 페이지에서 계속 표시될 수 있어요. 기본 전환 작업 후 향후 표시를 중단하려면 아래의 "양식 티저 및 기본 전환 작업"에 설명된 빈도 설정을 사용해 주세요.
  • 양식 표시 전에 표시
    양식을 표시하기 전에 표시되도록 설정된 티저는 페이지가 로드된 후 2초 뒤에 표시돼요. 방문자가 이를 클릭할 때까지, 또는 양식의 표시 조건이 충족될 때까지(예: 시간 지연 또는 스크롤 비율) 표시돼요.

양식이 페이지 로드 시 즉시 표시되도록 설정되어 있거나 2초 미만으로 대기한 후 표시되도록 설정되어 있으면 티저가 건너뛰어져요.

  • 양식이 표시되기 전 및 양식이 닫힌 후에 표시
    이 설정을 사용한 티저는 페이지가 로드된 후 2초 뒤에 표시되며, 양식이 현재 열려 있거나 방문자가 티저를 닫지 않는 한 계속 표시돼요. 양식의 빈도 설정은 아래에 설명된 대로, 기본 전환 작업 이후에 다시 표시될지 여부를 결정해요.

충돌 방지 설정은 티저의 초기 표시 방식에 영향을 줄 수 있어요. 다른 양식이 이미 표시된 경우, 세션당 양식을 1개만 허용하는 설정으로 인해 다른 양식의 티저가 표시되지 않을 수 있고, 시간 지연은 표시 시점을 늦출 수 있어요. 예를 들어 5분 지연을 설정하면 해당 간격이 지난 뒤에야 다음 양식의 티저가 표시되도록 미룰 수 있어요. 방문자가 방금 닫은 양식의 티저는 충돌 지연을 기다리지 않고 표시될 수 있어요.

위의 규칙 외에도, 티저는 양식의 타겟팅 및 표시 동작 섹션에 있는 양식의 타겟팅 설정을 충족하는 방문자 에게만 표시돼요. 예를 들어, 양식을 표시하기 전에 표시되도록 설정된 티저는 양식의 타겟팅 설정(예: 리스트/세그먼트 멤버십, 위치, URL)을 충족하는 방문자에게만 표시돼요. 해당 양식의 나머지 트리거(예: 이탈 의도, 스크롤 길이, 시간 지연)가 충족되면 티저가 닫히고 양식이 표시돼요.

The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.
The Behavior section of the Teaser menu with the Show teaser setting set to after the form is closed, and the Show Close Button toggle on.

티저에 닫기 버튼을 추가하세요

양식 콘텐츠에 관심이 없는 경우 쇼핑객이 티저를 닫을 수 있도록 양식 티저에 닫기 버튼(X 버튼)을 추가할 수 있습니다.

기본적으로 티저에는 닫기 아이콘이 포함되지 않아요. 추가하려면 닫기 아이콘 옆의 더하기(+) 아이콘을 클릭해 주세요.

쇼핑객이 X를 클릭해 티저를 닫으면, 연결된 가입 양식과 동일한 표시 빈도 규칙이 적용된다는 점에 유의해 주세요. 예를 들어, 쇼핑객이 양식과 해당 티저를 모두 닫았고 해당 양식이 누군가 닫은 후 5일 뒤에 다시 표시되도록 설정되어 있다면, 양식과 해당 티저 모두 동작 설정을 따르며 5일 후에 다시 표시돼요.

폼 티저 및 기본 전환 작업

다단계 양식의 티저가 양식이 닫힌 후 표시되도록 설정되어 있으면, 방문자는 이를 사용해 양식으로 돌아갈 수 있어요. 방문자가 기본 전환 작업을 완료한 후에도 양식과 티저가 다시 표시되지 않게 하려면 양식의 빈도 설정을 구성해 주세요. 자동으로 표시되는 양식의 경우:

  1. 타겟팅 및 디스플레이 동작을 열고 디스플레이 탭을 선택해 주세요.
  2. 빈도에서 양식이 제출되었거나 URL로 이동 버튼을 클릭한 경우 다시 표시하지 않습니다를 선택해 주세요.

이 설정을 선택하면 기본 전환 작업 후에는 이후 페이지 로드에서 폼과 티저가 더 이상 표시되지 않아요. 이 설정을 해제하면 작업을 완료하더라도 이후에 다시 표시되는 것을 막지 않아요. 기본 전환 작업은 폼에 따라 달라요:

  • 이메일 또는 SMS 구독 동작이 있는 양식의 경우, 이메일 또는 전화번호를 제출하면 기본 전환 동작으로 계산돼요.
  • 여러 단계에 걸쳐 이메일 및 SMS 필드가 모두 포함된 양식의 경우, 양식에서 먼저 표시되는 항목을 제출하면 기본 전환 작업으로 간주됩니다.

방문자가 기본 전환 단계를 제출한 후(예: 다단계 양식의 이메일 단계) 두 번째 단계를 거부하면(예: SMS 단계) 현재 페이지에서 티저가 계속 표시될 수 있어요. 위에서 빈도 설정을 선택하면, 방문자가 페이지를 새로고침하거나 새 페이지로 이동한 후에는 티저가 더 이상 표시되지 않아요.

  • 이메일 또는 SMS 구독 작업이 없는 양식(예: “URL로 이동” 작업이 있는 플래시 세일 팝업)의 경우, “URL로 이동” 버튼을 클릭하면 기본 전환 작업으로 계산돼요.

다단계 양식의 기본 전환 작업이 완료되지 않은 경우, 같은 페이지에서 양식의 티저를 클릭하면 마지막으로 완료하지 않은 단계에서 양식이 다시 열려요.

변경 사항을 게시하세요

  1. 데스크톱 및 모바일 미리보기에서 양식과 티저를 검토하고, 게시를 차단하는 모든 경고를 해결해 주세요.
  2. 양식 편집기에서 게시 또는 예약을 클릭해 주세요.
  3. 지금 게시 옵션을 선택한 다음 지금 게시를 클릭해 변경 사항을 라이브 양식에 적용해 주세요.

티저 삭제

티저를 삭제하면 해당 설정이 모두 제거됩니다. 나중에 같은 양식에 티저를 다시 추가하면 티저 기본값으로 초기화됩니다.

  1. 양식 편집기에서 티저 버튼의 점 3개를 클릭한 다음 삭제를 클릭해 주세요.
  2. 확인하려면 티저 삭제를 클릭하세요.
  3. 게시 또는 예약을 클릭하고 지금 게시 옵션을 선택한 다음, 지금 게시를 클릭해 라이브 폼에 제거 내용을 적용해 주세요.
The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.
The 3dots selected next to the Teaser button in the menu bar of the form editor showing the option to Delete.

추가 자료

이 도움말 문서가 유용했나요?
이 형식은 도움말 문서 피드백 용도로만 사용하세요. 지원 팀에 문의하는 방법.

Klaviyo에서 자세히 살펴보기

커뮤니티
동료, 파트너, Klaviyo 전문가와 연결되어 영감을 받고 인사이트를 공유하며, 모든 궁금한 사항에 대해 답을 얻으세요.
파트너
특정 작업을 도와주거나 지속적인 마케팅 관리를 위해 Klaviyo 인증 전문가를 고용하세요.
지원

계정을 통해 지원에 액세스하세요.

이메일 지원 (무료 체험 및 유료 계정) 연중무휴 24시간 사용 가능

채팅/가상 비서
사용 가능 여부는 위치 및 요금제 유형에 따라 다름