학습 내용

팝업 또는 플라이아웃 가입 양식에 티저를 추가하는 방법을 알아보세요. 티저는 방문자가 클릭해서 원하는 대로 양식을 닫고 다시 열 수 있는 작은 위젯이에요.

티저는 팝업, 플라이아웃 양식 및 전체 페이지 양식에 사용할 수 있어요. 임베드된 양식에는 티저를 사용할 수 없습니다.

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

양식에 티저를 추가하려면 가입 양식 탭으로 이동한 다음, 기존 양식을 열거나 새 양식을 만들어요. 양식 편집기에서 (+) 티저를 클릭해 주세요.

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가지 티저 모양 중 하나를 선택해 주세요:

  • 사각형
    탭 스타일 티저에는 사각형 도형을 사용해 주세요.

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

사이트의 어느 쪽이든, 또는 모서리 어디든 티저를 배치할 수 있어요. 티저의 크기는 다양한 기기에 맞게 최적화되어 있어요. 데스크톱 및 모바일 미리 보기를 확인해 티저 배치가 사이트의 다른 팝업 또는 티저 스타일 요소와 충돌하지 않는지 확인해 주세요.

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초 뒤에 표시되며, 양식이 현재 열려 있거나 방문자가 기본 전환 작업을 완료한 경우가 아니라면 계속 표시돼요.

Klaviyo 계정에서 충돌 방지 설정을 사용 설정한 경우, 동일한 세션에서 다른 양식을 표시하는 것으로 간주되므로 사이트에 양식 티저가 표시되지 않습니다. 충돌 설정에서 시간 지연을 조정해 티저가 표시되도록 할 수 있어요. 예를 들어, 충돌 방지 설정이 5분 후 다음 양식을 표시하도록 설정되어 있다면 티저는 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일 후에 다시 표시됩니다.

폼 티저 및 기본 전환 작업

티저가 다단계 가입 양식에 추가되고 가입 양식이 닫힌 후 표시되도록 설정되면, 방문자가 가입 양식의 기본 전환 작업을 완료할 때까지 표시돼요.

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

기본 전환 단계(즉, 다단계 양식의 이메일 단계)가 제출되면, 두 번째 단계(즉, SMS 단계)를 거부하더라도 티저가 자동으로 사라지지 않습니다. 대신 페이지를 새로고침하거나 새 페이지로 이동해야 폼 티저가 더 이상 표시되지 않아요.

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

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

티저 삭제

양식의 티저를 삭제하려면 티저 버튼의 점 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시간 사용 가능

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