양식 블록 및 필드 이해

예상 9 읽은 시간(분)
|
업데이트 2024년 12월 16일 오전 10:13 EST
학습 내용

학습 내용

가입 양식에서 양식 편집기의 다양한 콘텐츠 블록(예: 요소 및 입력란)을 사용하여 가입 양식의 모양과 구독자로부터 수집하는 정보 유형을 사용자 지정하는 방법을 알아보세요. 

블록 추가 탭 정보

블록 추가 탭 정보

가입 양식 편집기에서 블록 추가 탭을 클릭하여 양식에 추가할 수 있는 다양한 콘텐츠 블록을 확인합니다. 

블록 카테고리에는 두 가지가 있습니다:

  1. 요소
  2. 입력 필드

블록을 양식 미리 보기로 끌어서 놓으면 왼쪽 사이드바에 편집 옵션이 나타납니다. 여기에서 텍스트와 스타일을 포함한 블록의 세부 정보 텍스트를 조정할 수 있습니다. 이 편집 메뉴 하단에서 블록의 가시성 설정을 구성하여 모든 디바이스에 표시할지, 데스크톱에만 표시할지, 모바일에만 표시할지를 제어할 수도 있습니다. 양식의 동적 블록에 대해 자세히 알아보세요.
모든 장치에 표시되도록 구성된 표시 여부 설정을 보여주는 양식의 텍스트 필드 편집 메뉴입니다.

모바일 전용 가입 양식을 구축하는 경우 기본 사항: 모바일 양식 디자인을 참조하세요. 

양식에 콘텐츠 블록을 추가할 때의 모범 사례

양식에 콘텐츠 블록을 추가할 때의 모범 사례

양식에 여러 블록과 필드를 포함하여 사이트 방문자에게 여러 정보(예: 생일, 이메일 주소, 전화번호 등)를 요청하는 경우 다단계 양식을 사용하세요. 다단계 양식을 사용하면 한 번에 너무 많은 필드로 방문자를 압도하지 않고도 방문자에 대해 자세히 알아보고 여러 채널에서 방문자의 동의를 수집할 수 있습니다.

양식에 이메일과 전화번호를 모두 요청하려면 리스트 성장과 규정 준수를 위해 이 두 필드를 서로 다른 두 단계에 포함하는 것이 가장 좋습니다.

양식 요소

양식 요소

가입 양식 요소는 텍스트, 버튼, 이미지, 쿠폰 등 양식에 콘텐츠를 추가합니다. 이러한 블록은 방문자에게 가입 양식의 목적을 알리고 방문자가 양식과 상호 작용할 수 있도록 합니다. 

양식 편집기의 블록 추가 탭에 있는 요소 메뉴의 옵션입니다.

텍스트 블록

텍스트 블록

텍스트 블록을 사용하면 양식에 제목, 지침 또는 기타 표시 텍스트와 같은 텍스트 콘텐츠를 삽입할 수 있습니다. Klaviyo의 양식 편집기는 UTF 인코딩 표준을 사용하므로 라틴 문자, 이모티콘, 이중 바이트 문자 등을 지원합니다. 또한 이미지 URL 입력 옵션을 사용하여 인라인 이미지를 추가할 수도 있습니다. 

버튼 블록

버튼 블록

버튼 블록을 사용하면 양식을 제출한 사람들에 대한 정보를 수집하고 클라비요에 저장할 수 있습니다. 버튼을 통해 뷰어가 양식을 닫거나 제출할 수 있고, 웹사이트의 다른 페이지로 이동하거나 SMS 메시지를 구독할 수 있습니다.

버튼에 대해 다음 작업 중 하나를 선택합니다: 


버튼 메뉴의 버튼 클릭 동작 드롭다운에는 양식 닫기, 양식 제출, URL로 이동, SMS를 통한 구독 등의 동작 옵션이 표시됩니다.

  • 양식 닫기
    양식이 닫히고 데이터가 클라비요에 제출되지 않습니다.  
  • 양식 제출
    방문자가 작성한 모든 양식 필드가 클라비요로 전송되며, 제출 후 필드에서 선택한 옵션(다음 단계 표시, URL로 이동 또는 양식 닫기 중 하나)에 따라 양식이 진행됩니다. 
  • URL로 이동 (다른 페이지로 리디렉션)
    방문자는 제공한 URL로 리디렉션되며, 양식 필드의 데이터는 클라비요에 제출되지 않습니다. 대상 URL을 입력할 때는 https://(예: https://help.klaviyo.com/hc/ko-kr)를 포함한 전체 URL을 사용하세요. 대신 help.klaviyo.com/hc/en-us)로 이동합니다.

    불완전한 URL에서는 URL로 이동 동작이 작동하지 않습니다.

  • SMS를 통한 구독
    이 옵션은 모바일 전용 양식에서 구성하거나 모든 장치를 대상으로 하는 양식의 경우 SMS 옵트인 단계의 모바일 보기에서 구성할 수 있습니다. 방문자는 몇 번의 탭(탭 투 텍스트)만으로 SMS를 구독할 수 있습니다. 방문자가 SMS를 통한 구독 버튼을 클릭하면 문자 메시지 앱에 구독을 위해 보낼 수 있는 미리 입력된 메시지가 표시됩니다.
    • 구독 키워드 드롭다운에서 키워드를 선택합니다. 계정의 SMS 수신 목록에 추가되기 위해 상대방이 수신자 번호로 문자를 보내야 하는 단어로, 계정 수준에서 구성됩니다.
    • 메시징 앱에 표시될 옵트인 메시지를 설정합니다. 기본적으로 " <organization_name>!"에 가입하려면 이 텍스트를 보내세요."라고 표시되지만 메시지 내용을 사용자 지정할 수 있습니다. 이 필드에는 최대 160자의 GSM-7 문자(메시지 1개)만 입력할 수 있습니다. 이모티콘을 포함한 특수 문자는 유효하지 않습니다.
    • 여러 지역에서 활동하며 발신 번호가 2개 이상인 경우 발신 지역 아래에서 적절한 번호를 선택합니다.
      버튼 클릭 동작이 SMS를 통한 구독으로 설정되어 있을 때 표시되는 SMS 설정 메뉴입니다.

가입 양식이 제출하는 목록 변경하기

버튼의 설정에서 양식이 제출하는 목록(새 구독자가 수집하는 목록을 의미)을 변경할 수 있습니다. 양식의 제출 목록을 변경하려면 다음과 같이 하세요: 

  1. 양식 편집기 내의 버튼을 클릭합니다. 
  2. 왼쪽에 표시되는 메뉴에서 제출할 목록 아래에서 새 목록을 선택합니다.
    버튼 메뉴의 제출할 목록 드롭다운에서 양식을 제출할 목록을 선택할 수 있습니다.
  3. 편집 사이드바에서 뒤로하기를 클릭합니다.
  4. 양식의 콘텐츠가 만족스러우면 게시를 클릭 합니다.양식이 이미 게시되어 있더라도 새 구독자가 새로 선택한 목록으로 모일 수 있도록 변경 사항을 게시해야 합니다.

숨겨진 필드 제출

숨겨진 필드는 클라비요에서 구독자의 프로필에 추가되는 추가 속성입니다. 이를 통해 양식과 상호 작용하는 방문자를 추적할 수 있습니다. 기본적으로 모든 양식에는 목록에 추가된 방식을 식별하는 $source 속성이 숨겨진 필드로 있습니다. 

이 옵션은 작업이 양식 제출로 설정된 버튼에만 사용할 수 있습니다.

소스 속성 및 기타 속성 이름을 사용자 지정할 수 있습니다. 양식의 다른 입력 항목과 마찬가지로, 다른 사람의 프로필에 이미 존재하는 속성에 대해 숨겨진 필드를 추가하면 양식을 제출할 때 새 값으로 덮어쓰게 됩니다. 예를 들어, 컬렉션 선호도를 수집하는 양식에서 고객이 이전에 남성 컬렉션에 관심이 있다고 선택했다고 가정해 보겠습니다. 이 양식에 여성 컬렉션에 대한 관심사 필드가 숨겨진 경우 버튼을 클릭하면 기본 설정 속성이 덮어쓰기됩니다(예: 남성 컬렉션에서 여성 컬렉션으로). 

새 숨겨진 속성을 추가하려면 속성 추가를 선택합니다.

버튼 클릭 동작이 양식 제출로 설정되어 있을 때 표시되는 숨겨진 필드 제출 옵션입니다.

이미지 블록

이미지 블록

이미지 블록을 사용하면 양식에 이미지(예: 로고)를 추가할 수 있습니다. 이 블록을 사용하여 브랜드의 룩앤필에 맞는 이미지를 추가할 수 있습니다. 

JPEG, PNG, GIF 파일은 모두 허용됩니다. 웹에서 보는 모든 이미지와 마찬가지로 파일 크기가 클수록 로드 시간이 느려집니다. 최적의 성능을 위해 파일 크기는 50~100KB를 목표로 합니다.

양식 편집기의 스타일 탭에서 배경 이미지 또는 측면 이미지를 추가할 수도 있습니다. 

쿠폰 블록

쿠폰 블록

쿠폰 블록을 추가하여 사이트 방문자가 가입 양식을 제출하고 포함된 쿠폰을 사용하여 사이트에서 구매하도록 장려하세요.

양식에 정적 또는 고유 쿠폰 코드를 추가할 수 있습니다. 클라비요 모범 사례에서는 성공 단계에서 이러한 코드를 표시하도록 권장하므로 쇼핑객이 코드를 받기 위해 웹사이트를 떠날 필요가 없습니다. 설정에 대한 자세한 내용은 가입 양식에 쿠폰 코드 추가하기 가이드를 참조하세요.

SMS 공개 차단

SMS 공개 차단

SMS 공개 문구는 SMS 수신 동의 버튼 위에 배치해야 SMS 규정 준수를 유지할 수 있습니다. SMS 공개 언어에 대해 자세히 알아보세요.

카운트다운 타이머

카운트다운 타이머

카운트다운 타이머는 가입 양식에 긴박감을 더할 수 있으며, 특별 프로모션이나 휴일 메시지와 함께 사용하는 경우가 많습니다. 양식에 카운트다운 타이머를 추가하는 방법에 대해 자세히 알아보세요.

가입 카운터 블록

가입 카운터 블록

양식에 가입 양식 카운터 블록을 추가하여 실시간 제출 수(예: "지난 한 시간 동안 500명이 이 거래에 가입했습니다!")를 표시하여 전환율을 높이고 리스트 성장을 가속화할 수 있습니다. 이 블록은 소셜 증명을 사용하여 긴급성을 조성하고 사이트 방문자의 구독을 유도합니다.

예시 웹사이트의 실시간 가입 수를 표시하는 가입 카운터 블록이 있는 가입 양식입니다.

양식에 가입 카운터 블록을 추가할 때 다음 설정을 구성할 수 있습니다:

  • 표시 설정
    가입 수를 계산하는 방법을 결정합니다. 구독자가 다음과 같은 양식의 성공 단계에 도달해야 한다는 점에 유의하세요.
    • 지난 30일 동안의 가입
    • 지난 7일 동안의 가입
    • 지난 24시간 동안의 가입
    • 지난 한 시간 동안의 가입
  • 제출 후 표시
    블록이 표시되는 데 필요한 최소 제출 횟수를 결정합니다.

    최소 제출 횟수가 초과될 때까지 사이트 방문자에게 블록이 숨겨집니다. 최소 제출 횟수가 충족되면(예: 제출 횟수 200회) 양식에 블록이 표시됩니다.

    양식 편집기 내의 가입 카운터 블록 메뉴에는 20회 제출 후 지난 30일 동안의 가입을 표시하도록 설정된 양식 예시가 표시됩니다.

기본 텍스트는 선택한 표시 설정을 반영합니다. 이 텍스트는 구성할 수 있지만 {{ form_submit_count }} 태그는 실시간 가입 수를 표시하므로 삭제하지 마세요.

입력 필드

입력 필드

입력 필드를 통해 사이트 방문자의 이메일 주소, 이름, 생일 등의 정보를 수집할 수 있습니다. 

양식 편집기의 블록 추가 탭에서 가입 양식에 추가할 수 있는 입력 필드 옵션입니다.

모든 입력 필드는 각 구독자가 제출하는 데이터를 저장하는 데 사용되는 프로필 속성에 연결되어야 합니다. 양식에 입력 필드를 추가할 때 프로필 속성 드롭다운에서 기존 속성을 선택하거나 새 속성 이름을 입력하고 옵션 생성을클릭하여 새 속성을 만듭니다.

프로필 속성 드롭다운에서 추가 입력 필드와 함께 사용할 속성을 선택하거나 만들 수 있습니다.

별도로 지정하지 않는 한, 이러한 필드의 입력 내용은 각 개인의 프로필 페이지에 저장됩니다. 

통합을 통해 동기화된 사용자 지정 프로필 속성(예:Klaviyo Shopify 태그)은 다음에 통합을 동기화할 때 덮어쓰게 되므로 에서 업데이트하지 않는 것이 좋습니다.

이메일 입력 필드

이메일 입력 필드

이메일 입력 필드에서 방문자는 이메일 주소를 입력하고 양식에 연결된 목록에 가입할 수 있습니다. 양식에는 이메일 입력이 1개만 가능하며, 성공 메시지가 아닌 양식의 단계 중 하나에 표시되어야 합니다.

전화번호 필드

전화번호 필드

전화번호 필드를 추가하면 기본적으로 프로모션 SMS 동의를 수집하여 모든 SMS 메시지를 보낼 수 있습니다. 이 블록은 제출된 전화번호의 유효성을 검사하여 허용되는 번호 형식으로 저장되었는지 확인합니다. 아직 활성화하지 않았다면 SMS SMS 동의를 수집할 SMS 경우 동의를 활성화하고, 동의를 수집하는 모든 곳에 공개 언어를 설정하세요.

필요한 경우 양식에서 수집하는 SMS 동의 유형을 조정할 수 있지만, 공개 언어가 동의 유형과 일치하고 구독자가 동의하는 내용을 이해할 수 있도록 전송할 메시지 유형에 대한 예시를 포함해야 합니다.

또한 SMS 동의를 수집할 때 동적 차단을 사용하여 쇼핑객에게 최적의 옵트인 방법을 표시할 수 있습니다.

텍스트 입력 필드

텍스트 입력 필드

텍스트 입력 필드는 날짜나 이메일 주소와 같이 특정 형식을 따를 필요가 없는 정보를 수집하거나 미리 설정된 옵션 목록을 제공하는 것이 적절하지 않은 경우에 사용됩니다. 세분화 및 흐름 필터링은 대소문자 및 철자를 구분합니다. 이 데이터를 세분화 또는 필터링에 사용하려는 경우 다른 필드 유형을 고려하세요. 

텍스트 입력 필드의 일반적인 사용 사례는 구독자의 이름을 수집하는 것입니다. 이름 필드를 추가하려면 레이블 또는 자리 표시자 텍스트로 '이름'을 사용하고 프로필 속성으로 이름을 선택합니다. 

양식 편집기에서 ��가입 양식에 텍스트 입력 필드를 추가할 때 표시되는 텍스트 입력 메뉴입니다.

라디오 버튼

라디오 버튼

라디오 버튼은 미리 설정된 옵션 목록을 제공하며, 구독자는 이 중 1개만 선택할 수 있습니다. 성별이나 연령대 등의 정보를 수집하는 데 유용합니다.

음료 선택 프로필 속성을 수집하는 라디오 버튼 예시를 보여주는 양식 편집기의 라디오 버튼 메뉴입니다.

프로필 속성 필드에는 이 속성에 사용할 이름을 입력해야 합니다. 예를 들어 양식에서 방문자에게 커피 또는 차 선호 여부를 묻는 경우 '음료 선택'과 같은 사용자 지정 프로필 속성을 사용합니다. 

속성 옵션 섹션의 레이블 열을 사용하여 구독자가 선택할 수 있는 옵션을 추가합니다. 그런 다음 열에 해당 값을 추가합니다. 이러한 값은 양식을 작성하는 모든 사람의 프로필에 저장되므로 참조하기 쉬운 속기 버전의 답변을 사용하는 것이 좋습니다. 

옵션 레이블이 '차 마시는 사람'과 '커피 마시는 사람'인 경우 값은 각각 '차'와 '커피'가 될 수 있습니다. 

구독자가 라디오 버튼 질문에 답변하면 해당 답변은 문자열 데이터 유형으로 저장됩니다. 

다중 확인란

다중 확인란

다중 확인란은 옵션 목록을 제공하며, 구독자는 원하는 만큼 옵션을 선택할 수 있습니다. 다중 확인란은 선호 정보, 관심 분야, 인구 통계 정보 및 구독자가 2개 이상의 옵션을 선택할 수 있어야 하는 모든 질문을 수집하는 데 유용합니다.

양식 편집기의 멀티 체크박스 메뉴에서 베이킹 기본 설정 프로필 속성을 수집하는 멀티 체크박스 예시를 보여줍니다.

라디오 버튼 필드와 마찬가지로 멀티 체크박스 필드에는 프로필 속성, 레이블 세트 및 값 세트가 필요합니다. 

구독자가 다중 확인란 질문에 답하면 선택한 옵션의 수에 관계없이 답변이 목록 데이터 유형으로 저장됩니다. 

날짜 필드

날짜 필드

날짜 필드는 구독자가 날짜 값을 입력할 수 있는 가장 좋은 방법이며, 이를 통해 세분화에 사용하거나 날짜 기반 흐름을 트리거할 수 있습니다.

가입 양식에 날짜 입력 필드를 추가할 때 표시되는 날짜 메뉴입니다.

예를 들어, 구독자의 생일을 수집하여 생일에 플로우를 통해 쿠폰 코드를 보낼 수 있도록 할 수 있습니다. 이 경우 날짜 필드를 추가하고 해당 프로필 속성을 생일로 설정합니다. 고객에 대한 날짜 정보를 수집하려는 경우 날짜 블록을 사용하여 날짜 형식이 올바르게 지정되었는지 확인하세요.

양식에 날짜를 입력하는 방식(예: DD/MM/YYYY)을 사용자 지정할 수 있지만, 날짜는 여전히 개인 프로필에 기본 MM/DD/YYYY 형식으로 저장됩니다. 날짜 형식 메뉴에서 연도를 포함하지 않는 옵션(예: MM DD)을 선택하면 각 구독자의 프로필에 기본 연도가 자동으로 포함됩니다. 날짜 필드를 통해 제출된 날짜는 날짜 데이터 유형을 사용하여 저장됩니다. 

드롭다운 필드

드롭다운 필드

드롭다운은 구독자가 미리 설정된 목록에서 하나의 옵션을 선택할 수 있다는 점에서 라디오 버튼과 유사합니다. 이 옵션은 양식의 공간을 절약하는 데도 도움이 됩니다. 옵션이 4개 이상인 경우 라디오 버튼 대신 드롭다운을 사용하는 것이 좋습니다. 라디오 버튼 및 다중 확인란과 마찬가지로 드롭다운 필드에도 프로필 속성, 레이블 세트 및 값 세트가 필요합니다. 

펫 유형 프로필 속성을 수집하는 드롭다운 입력 필드 메뉴 예시를 보여주는 드롭다운 입력 메뉴입니다.

나이 게이트

나이 게이트

연령 제한 차단은 미국, 영국 및 호주에서 주류 관련 브랜드가 SMS를 사용하는 것을 허용할 수 있습니다. 가입 양식에 연령 차단을 추가하고 SMS 사용을 시작하려면 계정에서 연령 차단을 사용하도록 설정해야 합니다. 클라비요로 연령별 주류에 대해 자세히 알아보세요.

요소 또는 입력란 삭제

요소 또는 입력란 삭제

가입 양식에서 요소 또는 입력란을 삭제하려면 다음과 같이 하세요:

  1. 편집기 내 양식 미리 보기에서 삭제하려는 블록 위로 마우스를 가져갑니다.
  2. 표시되는 휴지통 아이콘을 선택합니다.
    예제 양식 미리 보기에서 텍스트 블록 위로 마우스를 가져가면 휴지통 아이콘이 표시됩니다.
  3. 블록 삭제 모달에서 블록 삭제를 선택합니다. 블록을 삭제한 후에는 복구할 수 없다는 점에 유의하세요.
다음 단계

다음 단계

하나의 양식이 데스크톱 보기와 모바일 보기를 구분하도록 구성하려면 양식에서 동적 블록 사용에 대한 가이드를 참조하세요.

가입 양식에 블록과 필드를 추가한 후에는 브랜드에 맞게 스타일을 지정하는 방법을 알아보세요. 팝업, 플라이아웃 또는 전체 페이지 양식을 게시할 준비가 되면 게시를 클릭하여 사이트에 게시할 수 있습니다. 임베드 양식을 작성하는 경우 양식의 임베드 코드를 사이트에 추가하여 게시합니다.

추가 리소스

추가 리소스

가입 양식으로 시작하기

기본: 모바일 양식 디자인

양식에서 동적 블록을 사용하는 방법

코스: 가입 양식을 사용하여 효과적인 고객 확보 전략 만들기 

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

Klaviyo에서 자세히 살펴보기

커뮤니티
동료, 파트너, Klaviyo 전문가와 연결되어 영감을 받고 인사이트를 공유하며, 모든 궁금한 사항에 대해 답을 얻으세요.
라이브 교육
Klaviyo 전문가와 함께하는 라이브 세션에 참여하여 모범 사례, 주요 기능 설정 방법 등에 대해 알아보세요.
지원

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

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

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