가입 양식으로 시작하기

학습 내용 

학습 내용 

Klaviyo에서 가입 양식을 만들고 맞춤 설정하여 웹사이트에 게시, 쇼핑객의 참여를 유도하여 이메일과 전화번호를 수집하고 오래 지속되는 고객 관계를 구축하는 방법을 알아보십시오.

몇 가지 핵심 원칙을 따르면 단 몇 분 만에 전환율이 높은 멋진 가입 양식을 웹사이트에 게시할 수 있습니다.

1. 웹사이트에서 Klaviyo 가입 양식이 활성화되어 있는지 확인합니다. 아래의 시작하기 전에 섹션에서 이를 확인할 수 있습니다.
2. 양식의 목표를 브레인스토밍하십시오.
3. 양식을 만들고 목표에 맞게 디자인을 맞춤 설정하십시오.
4. 양식이 원하는 대상에게 표시되도록 타겟팅 설정을 적용합니다.

시작하기 전에

시작하기 전에

가입 양식 모범 사례 

가입 양식 모범 사례 

어떤 가입 양식을 만들어 게시해야 할지 잘 모르시나요? 잠재 고객을 늘리고 사이트 방문자를 유료 고객으로 전환하는 데 도움이 되는 기본 양식에 대해 이 권장 사항을 고려하십시오.

• 구매자가 페이지를 종료할 때 트리거되는 팝업 양식을 사이트에 게시합니다.
  • 이 가이드에 설명된 지침에 따라 양식을 작성하고 디자인한 후에는 양식 타겟팅하기 섹션을 보고 이 양식이 Klaviyo를 모르는 방문자에게만 표시되도록 트리거하는 방법에 대한 지침을 참조하십시오. 
    

    이 양식에서 이메일과 SMS 동의를 모두 수집하려는 경우 목록 성장을 위한 모범 사례이므로 다단계 양식을 사용하여 이 정보를 별도의 단계로 수집합니다. 양식의 성공 단계에 쿠폰 블록을 추가하여 프로모션 할인을 제공하면 방문자가 옵트인하도록 인센티브를 제공하고 구매를 유도하는 데 도움이 될 수 있습니다.

가입 양식의 목표 설정

가입 양식의 목표 설정

가입 양식 작성을 시작하기 전에 목표를 먼저 고려합니다. 양식을 사용하면 잠재 고객과 연결하고, 잠재 고객에 대해 자세히 알아보고, 이메일 구독자를 SMS 구독자로 전환하는 등의 작업을 수행할 수 있습니다. 사이트를 방문했지만 구독하지 않은 사람들의 연락처 정보를 수집하는 간단한 팝업이 좋은 시작점이 될 수 있습니다. 

다음의 세 가지 원칙을 따르면 성공적인 가입 양식을 디자인하는 데 도움이 됩니다.

• 스타일을 단순하게 유지
  하나의 양식에 너무 많은 내용을 담으면 양식의 주요 목표가 산만해지고 사이트 방문자가 "예"라고 답하기가 더 어려워집니다. 방문자가 양식을 이해하고 작성하는 것이 최대한 쉬워지도록 단순하게 유지하십시오.
• 전체 경험을 위한 디자인
  완벽한 색상이나 레이아웃을 찾다 보면 길을 잃기 쉽습니다. 성공적인 가입 양식은 첫인상 그 이상의 의미를 갖습니다. 다음 양식을 디자인할 때는 구독자가 양식을 접하기 전, 접하는 동안, 접한 후의 구독자 경험을 고려하십시오.
• 올바른 데이터 수집
  대부분의 가입 양식은 이메일 주소나 전화번호를 요구하지만, 데이터가 더 많으면 구독자와 강력한 관계를 구축하는 데 도움이 될 수 있습니다. 가입 양식을 사용하여 공지 사항이나 오퍼로 특정 대상 그룹을 타겟팅할 수도 있습니다. 일반적으로 언제 더 많은 정보를 요청해야 하는지, 무엇을 요청해야 하는지 알면 구독자가 자신에 대해 더 많이 알려주는 것이 더 쉬워집니다. 
  • 다단계 양식은 신규 구독자로부터 정보를 수집하는 데 가장 적합하지만, 단일 단계 양식(예: 전화번호만 묻는 양식)은 채널간 잠재고객 확보에 효과적입니다.

양식의 목표를 정했으면 Klaviyo의 왼쪽 탐색에서 가입 양식을 선택하여 작성을 시작합니다.

기본 가입 양식 작성

기본 가입 양식 작성

이 가이드에서는 각 단계에 대한 개요를 설명합니다. 양식을 만들고, 디자인하고, 타겟팅한 후에는 몇 번의 클릭만으로 웹사이트에 게시할 수 있습니다. 

새 가입 양식을 작성할 때는 다음과 같은 두 가지 옵션이 있습니다.

• Klaviyo의 양식 라이브러리에서 양식 템플릿을 기반으로 구축합니다. 
• 새 가입 양식을 작성합니다.

양식 라이브러리에서 양식 구축

양식 라이브러리에서 양식 구축

양식 라이브러리에 있는 양식은 모범 사례를 염두에 두고 설계되었습니다. 양식 유형 또는 목표별로 옵션을 필터링하여 적합한 템플릿을 찾은 다음, 브랜드에 맞게 기본 디자인을 쉽게 편집할 수 있습니다. 

1. Klaviyo의 기본 탐색에서 Sign-up forms(가입 양식)를 선택합니다.
2. 오른쪽 상단에서 양식 만들기를 선택합니다.
3. 사전 구축된 양식 템플릿 라이브러리를 찾아봅니다. 상단의 유형 및 카테고리 드롭다운을 사용하여 양식 유형, 목표 또는 모두에 따라 템플릿을 필터링할 수도 있습니다.
   
4. 양식 템플릿을 선택합니다.
5. 표시되는 미리 보기 모달에서 다음을 수행합니다.
   • 양식 이름 지정
   • 양식을 제출할 목록을 선택합니다(이 목록은 이 양식을 작성한 쇼핑객이 수집할 목록입니다).
     

     이메일과 전화번호를 수집하는 다단계 양식을 사용하는 경우 2개의 서로 다른 목록을 선택할 수 있습니다. 아직 SMS 구독자 목록이 없는 경우 SMS subscribers (SMS 구독자)를 선택하면 자동으로 목록이 만들어집니다. 

     
6. Create Form(양식 만들기)를 선택하면 브랜드에 맞게 콘텐츠와 디자인을 편집할 수 있는 양식 편집기로 들어갑니다.
   

새 가입 양식 작성

새 가입 양식 작성

빈 양식 템플릿으로 시작하여 맞춤 설정하려면 새 가입 양식을 만듭니다.

1. 가입 양식 > 양식 만들기로 이동합니다.
2. 오른쪽 상단에서 새 양식 만들기를 클릭합니다.
   
3. 세부 정보 모달이 나타나면 다음을 선택합니다.
   • 가입 양식의 이름
   • 새 구독자가 추가할 목록
     

     원하는 경우 나중에 편집기에서 양식의 제출 버튼을 클릭하고 다른 목록을 선택하여 양식이 제출할 목록을 변경할 수 있다는 점을 참고하십시오.

   • 사용하려는 가입 양식 유형
   • 데이터 보호 필드 활성화 옵션
     
4. Save and design(저장 및 디자인)을 클릭하여 양식의 콘텐츠와 디자인을 사용자 지정할 수 있는 양식 편집기로 들어갑니다. 

양식 디자인

양식 디자인

양식을 만든 후에는 양식 편집기의 Styles(스타일) 섹션과 Add blocks(블록 추가) 섹션을 사용하여 양식의 디자인과 콘텐츠를 맞춤 설정할 수 있습니다. 

가입 양식 스타일 지정

가입 양식 스타일 지정

양식 편집기에서 Styles(스타일) 섹션을 선택합니다. 여기에서 다음 항목을 편집할 수 있습니다.

• 양식 유형
  • 팝업
    브라우저 창 중앙에 나타납니다. 팝업은 시선을 사로잡고 전환율이 높지만 방문자의 경험을 방해할 수 있습니다. 
  • 플라이아웃
    페이지 가장자리에서 "플라이아웃"으로 이동합니다. 플라이아웃은 여전히 눈에 띄지만 일반적으로 방문자가 양식과 상호 작용할 필요 없이 계속 탐색할 수 있도록 합니다.
  • 전체 페이지
    브라우저 창 전체에 표시하여 쇼핑객의 시선을 사로잡을 수 있습니다. 이러한 양식은 쉽게 간과할 수 없기 때문에 전환율이 높지만, 쇼핑객이 양식을 닫으려면 양식과 상호 작용해야 하므로 더 방해가 됩니다. 사이트에 지정된 옵트인 페이지를 표시하려면 전체 페이지 양식을 랜딩 페이지로 사용하는 것이 좋습니다. 
  • 임베드 양식
    바닥글과 같은 사이트의 특정 페이지나 섹션에 임베드합니다. 임베드는 구독 의도를 가지고 사이트를 방문하는 방문자에게 유용하고 쉽게 찾을 수 있습니다. 다른 팝업을 게시할 때 바닥글에 임베드 양식을 추가하여 사이트에서 목록 성장 기회를 최적화합니다. 바닥글 임베드 양식을 배치할 때 옵트인 양을 늘리기 위해 이메일 동의만 요청하는 것이 좋습니다. 
  • 배너 양식
    배너는 웹페이지의 상단 또는 하단에 가로 막대로 표시되어 웹사이트 디자인과 미묘하게 통합됩니다. 팝업이나 전체 페이지 양식에 비해 방해가 적고, 검색 환경을 방해하지 않으면서도 지속적인 가시성을 제공합니다. 배너를 페이지와 함께 스크롤되도록 설정하거나 고정된 상태로 유지하여 더 사용자 친화적이고 모바일에 최적화된 옵션으로 만들 수 있습니다. 배너 양식을 사용하면 다음 중 선택할 수 있습니다. 
    • 이메일 입력 필드와 같은 콘텐츠 블록과 입력 필드를 배너 양식에 직접 추가합니다.
    • 사용자가 배너를 클릭하면 다른 라이브 양식이 열리도록 배너를 구성합니다. 이렇게 하려면 배너의 Action(작업)에서 Open another form(다른 양식 열기) 버튼을 설정한 다음 쇼핑객이 배너를 클릭할 때 표시할 양식을 선택합니다. 임베드된 양식에서는 이 기능을 사용할 수 없습니다.
      
• 양식 크기
• 이미지 콘텐츠
• 배경색
• 양식, 텍스트, 입력 필드 스타일 

가입 양식에 블록 추가

가입 양식에 블록 추가

가입 양식에 추가하는 콘텐츠 블록의 유형은 설정한 목표와 사이트 방문자로부터 수집하려는 정보에 따라 결정됩니다. 가입 양식에 콘텐츠를 추가하거나 편집하려면 양식 편집기에서 Add Blocks(블록 추가)탭을 선택합니다. 

드래그 앤 드롭하여 양식에 추가할 수 있는 다양한 콘텐츠 블록이 있습니다. 이는 다음을 포함합니다.

요소:

• 텍스트 블록
• 버튼 블록
• 이미지 블록
• 쿠폰 블록
• SMS 공개 언어 블록
• 카운트다운 타이머 블록
• 가입 카운터 블록

입력 필드:

• 이메일 입력
• 전화번호 입력
• 라디오 버튼
• 다중 확인란
• 날짜 입력
• 드롭다운
• 연령 제한, 주류 관련 브랜드에서 SMS를 사용하려는 경우

양식에 입력 필드를 추가할 때 Placeholder text(개체 틀 텍스트)를 추가하여 방문자에게 찾고 있는 정보에 대한 유용한 힌트를 제공합니다. 입력 필드를 Required(필수)로 표시하면 해당 Required text(필수 텍스트)와 Invalid text(유효하지 않은 텍스트)도 완전히 맞춤 설정할 수 있으므로 가입 양식의 다른 텍스트와 함께 원하는 언어로 번역할 수 있습니다. 

구매자에게 여러 정보(예: 이메일, 전화번호, 생일 등)를 요청하려는 경우 상단 메뉴 표시줄에서 + 단계를 클릭하고, 추가할 단계 유형을 지정하여 다단계 양식을 생성합니다. 다단계 양식을 사용하면 가입 양식에 페이지를 추가할 수 있으므로, 방문자가 1단계에서 너무 많은 필드를 입력하느라 부담을 느끼지 않아도 됩니다. 이메일과 전화번호를 수집할 때는 다단계 양식을 사용하는 것이 리스트 성장과 규정 준수 유지를 위해서도 가장 좋습니다. 또한, SMS 동의를 수집하는 곳마다 고지 언어가 포함되어야 합니다.

데스크톱 보기와 모바일 보기를 구분하기 위한 동적 블록 구성

가입 양식이 모든 디바이스(데스크톱 및 모바일)에 표시되도록 설정되어 있고 사용자가 어떤 디바이스에서 검색하는지에 따라 다르게 보이도록 할 때 두 개의 다른 양식을 만들 필요가 없습니다. 동적 블록이 일부 디바이스에서는 표시되지만 다른 디바이스에서는 표시되지 않도록 구성할 수 있습니다. 이를 통해 위에 나열된 블록을 양식에 추가하고 블록이 표시되는 디바이스를 지정하여 데스크톱 쇼핑객과 모바일 쇼핑객을 구분할 수 있는 모양을 만들 수 있습니다.

동적 블록을 사용하여 디바이스 유형별로 양식을 맞춤 설정하는 방법에 대한 자세한 내용은 양식에서 동적 블록 사용가이드를 참조하십시오.

양식 티저 추가

양식 티저 추가

팝업, 플라이아웃 또는 전체 페이지 가입 양식에 티저를 추가하여 양식을 닫은 방문자가 원할 경우 다시 열 수 있도록 합니다.

메뉴 표시줄에서 티저를 클릭하여 양식에 대한 티저를 만듭니다. 여기에서 티저의 스타일과 동작을 구성하여 양식과 일치하도록 설정할 수 있습니다. 양식 티저에 대해 자세히 알아보십시오.

양식의 성공 메시지 맞춤 설정

양식의 성공 메시지 맞춤 설정

양식의 주요 단계 디자인을 완료한 후 상단 메뉴 모음에서 Success(성공)을 클릭하여 양식의 성공 메시지를 보고 편집합니다. 이 Success(성공) 페이지는 제출 버튼의 동작이 제출 시 Close form(양식 닫기) 또는 Go to a URL(URL로 이동)으로 설정되어 있지 않은 한 양식을 성공적으로 완료한 모든 사용자에게 표시됩니다. 따라서 양식의 디자인 및 브랜딩과 일치해야 합니다. 

양식 타겟팅

양식 타겟팅

양식 편집기에서 동작 및 타겟팅 탭을 선택하여 양식이 사이트에 표시되는 시기와 표시 대상을 구성할 수 있습니다. 가입 양식의 목표에 따라 다음 설정을 조정할 수 있습니다.

• 디스플레이 타이밍
• 디스플레이 빈도
• 양식이 표시될 기기(모바일 및/또는 데스크톱)
• 해제 설정
• 타겟팅 설정
  • 방문자의 위치, 디바이스 유형, 목록 멤버십, URL, UTM 매개변수, 카트 콘텐츠 등을 기반으로 양식을 타겟팅할 수 있습니다. 

웹사이트에 양식 게시

웹사이트에 양식 게시

가입 양식을 작성하는 동안 편집기의 왼쪽 하단에 양식 알림이 표시되는 것을 볼 수 있습니다. Form alerts(양식 알림) 탭을 클릭하면 Add text to a button(버튼에 텍스트 추가)과 같은 확인된 문제 목록과 함께 각 문제를 해결할 수 있는 메시지가 표시됩니다. 알림을 해제하도록 선택하면 알림이 Dismissed alerts(해제된 알림) 섹션으로 이동하여 나중에 다시 볼 수 있습니다. 

양식을 공유할 준비가 되면 Publish(게시)를 클릭합니다. 양식에 해결되지 않은 오류가 있는 경우 Forms alerts(양식 알림) 탭에서 오류를 수정하라는 메시지가 표시됩니다. 모든 문제를 해결하고 Klaviyo와 사이트를 통합했다면(이 글의 시작하기 전에 섹션에서 언급했듯이) 양식을 게시하면 사이트에 양식이 게시됩니다.

가입 양식 테스트

가입 양식 테스트

가입 양식을 보고 테스트하려면 웹사이트로 이동합니다. 기존 Klaviyo 프로필에서 양식을 숨기도록 설정한 경우 시크릿 브라우저를 사용해 봅니다. 양식의 모든 타겟팅 기준을 충족하는지 확인합니다. 예를 들어 양식이 3초 후에 표시되도록 설정되어 있고 종료 의도가 표시되는 경우 페이지가 로드될 때까지 3초를 기다립니다. 그런 다음 커서를 탭의 '닫기' 버튼 쪽으로 빠르게 이동하거나 모바일에서는 빠르게 위로 스크롤하여 종료 의도를 표시합니다. 양식이 표시되려면 모든 기준(이 경우 시간 지연 및 종료 의도)이 충족되어야 합니다.

양식이 라이브로 설정된 후 시일이 지나면 사이트 방문자가 양식을 보고 작성할 수 있습니다. Form analytics(양식 분석)에서 양식의 결과를 확인합니다. 

양식을 위한 봇 보호

양식을 위한 봇 보호

Klaviyo는 이메일 주소, 전화번호 또는 특별 쿠폰 코드를 수집하는 가입 양식에 CAPTCHA를 포함한 봇 방지 조치를 자동으로 활성화합니다.

CAPTCHA는 양식 제출자가 봇이 아닌 사람인 것을 확인하기 위해 간단한 작업을 완료하도록 요구합니다. Klaviyo가 사용자의 IP 주소에서 의심스러운 행동이나 이전의 봇 활동을 감지하면 양식을 제출하기 전에 CAPTCHA를 풀라는 메시지가 표시됩니다. 봇과 유사한 의심스러운 활동을 보이는 사용자에게만 CAPTCHA가 표시됩니다.

다음 단계

다음 단계

가입 양식에 무료 배송 또는 주문 할인과 같은 가입 인센티브가 포함된 경우 신규 가입자는 해당 혜택을 즉시 사용할 수 있을 것을 기대합니다. 환영 플로우를 사용하여 제안을 전달하고 브랜드 인지도와 충성도를 쌓으십시오. 

환영 플로우는 가입 양식의 목록을 트리거로 사용해야 하며, 첫 번째 이메일은 바로 전송되어야 합니다. 며칠 후 쿠폰을 사용하도록 메시지나 알림을 추가할 수 있습니다. 

잠재 고객에게 가장 적합한 인센티브를 실험하고 파악하려면 가입 양식 오퍼를 A/B 테스트하는 것을 고려하십시오. 

추가 자료 

추가 자료 

• 코스: 전략적 가입 양식 작성
• 양식 응답을 보는 방법 

• 기본: 모바일 양식 디자인