양식 블록 및 필드 이해하기
학습 내용
가입 양식에서 양식 편집기(예: 요소 및 입력란)의 다양한 콘텐츠 블록을 사용해 모양과 구독자에게서 수집하는 정보 유형을 맞춤 설정하는 방법을 알아보세요.
블록 추가 탭 정보
가입 양식 편집기에서 블록 추가 탭을 클릭해 양식에 추가할 수 있는 다양한 콘텐츠 블록을 확인해 보세요.
블록 카테고리는 2가지가 있어요:
- 요소
- 입력란
블록을 폼 미리보기로 드래그 앤 드롭하면 왼쪽 사이드바에 편집 옵션이 표시돼요. 여기에서 텍스트와 스타일링을 포함해 블록의 세부 정보 텍스트를 조정할 수 있어요. 이 편집 메뉴 하단에서 블록의 가시성 설정도 구성해, 모든 디바이스, 데스크톱만 또는 모바일만에 표시할지 제어할 수 있어요. 폼의 동적 블록에 대해 자세히 알아보세요.
모바일 전용 가입 양식을 만들고 있다면 기본 사항: 모바일 양식 디자인을 확인해 보세요.
양식에 콘텐츠 블록을 추가할 때의 모범 사례
양식에서 사이트 방문자에게 여러 가지 정보(예: 생일, 이메일 주소, 전화번호 등)를 요청하기 위해 여러 블록과 필드를 포함할 계획이라면, 다단계 양식을 사용하세요. 다단계 양식은 방문자에 대해 더 많은 정보를 파악하고, 한 번에 너무 많은 필드를 보여 주어 부담을 주지 않으면서 여러 채널에서 동의를 수집하는 데 도움이 될 수 있어요.
양식에서 이메일과 전화번호를 모두 요청하려는 경우, 리스트 성장 및 규정 준수를 위해 2개의 서로 다른 단계에 이러한 필드를 포함하는 것이 모범 사례입니다.
양식 요소
가입 양식 요소는 텍스트, 버튼, 이미지, 쿠폰 등 양식에 콘텐츠를 추가해요. 이 블록은 방문자에게 가입 양식의 목적을 알리고, 방문자가 양식과 상호작용할 수 있도록 해요.
텍스트 블록
텍스트 블록을 사용하면 양식에 제목, 안내, 기타 표시 텍스트와 같은 텍스트 콘텐츠를 삽입할 수 있어요. Klaviyo의 양식 편집기는 UTF-encoding 표준을 사용하므로 라틴 문자, 이모티콘, 더블 바이트 문자 등을 지원해요. 또한 이미지 URL 입력 옵션을 사용해 인라인 이미지를 추가할 수 있어요.
버튼 블록
버튼 블록을 사용하면 양식을 제출한 사용자에 대한 정보를 Klaviyo에서 수집하고 저장할 수 있어요. 버튼을 사용하면 시청자가 양식을 닫거나 제출할 수 있고, 웹사이트의 다른 페이지로 이동하도록 안내하거나, SMS 메시징을 구독하다하도록 할 수 있어요.
버튼에 대해 다음 작업 중 1개를 선택하세요.
- 양식 닫기
양식이 닫히며 데이터가 Klaviyo에 제출되지 않아요. - 양식 제출
방문자가 완료한 모든 양식 필드는 Klaviyo로 전송되며, 양식은 제출 후 필드에서 선택한 옵션(다음 단계 표시, URL로 이동, 또는 양식 닫기)에 따라 진행돼요. - URL로 이동 (다른 페이지로 리디렉션)
방문자는 제공한 URL로 리디렉션되며, 모든 양식 필드의 데이터는 Klaviyo로 제출되지 않아요. 대상 URL을 입력할 때는 https://를 포함한 전체 URL을 사용해 주세요(예: https://help.klaviyo.com/hc/en-us 사용). help.klaviyo.com/hc/en-us)가 아니라요).
URL로 이동 작업은 URL이 완전하지 않으면 작동하지 않습니다.
- SMS로 구독하기
이 옵션은 모바일 전용 양식 또는 모든 기기를 대상으로 하는 양식의 SMS 옵트인 단계 모바일 보기에서 구성할 수 있어요. 방문자가 몇 번만 탭하면 SMS를 구독할 수 있게 해 줘요(탭 투 텍스트). 방문자가 SMS로 구독하기 버튼을 클릭하면 문자 메시지 앱이 열리고, 구독 신청을 위해 보낼 수 있는 미리 입력된 메시지가 표시돼요.- 구독 키워드 드롭다운에서 키워드를 선택해 주세요. 이 키워드는 누군가 대상 번호로 문자로 보내야 계정의 SMS 구독 목록에 추가되며, 계정 수준에서 구성돼요.
- 메시지 앱에 표시될 옵트인 메시지를 설정해 주세요. 기본적으로 “<organization_name>을(를) 구독하려면 이 문자를 보내세요!”로 표시되지만, 메시지 콘텐츠를 맞춤 설정할 수 있어요. 이 필드는 GSM-7 문자 최대 160자(메시지 1개)까지만 허용돼요. 이모지 등 특수 문자는 유효하지 않아요.
- 여러 지역에서 운영하고 발신 번호가 2개 이상인 경우 발송 지역 아래에서 적절한 번호를 선택하세요.
가입 양식이 제출하는 리스트 변경
버튼 설정에서 양식이 제출할 목록(즉, 새 구독자가 수집되는 목록)을 변경할 수 있어요. 양식의 제출 목록을 변경하려면:
- 양식 편집기 내에서 버튼을 클릭해 주세요.
- 왼쪽에 표시되는 메뉴에서 제출할 목록
아래의 새 목록을 선택하세요.
- 편집 사이드바에서 뒤로를 클릭하세요.
- 가입 양식의 콘텐츠가 만족스러우면 게시를 클릭하세요.양식이 이미 게시되어 있더라도, 새 구독자가 새로 선택한 목록으로 수집되도록 변경 사항을 게시해야 합니다.
숨겨진 필드 제출
숨겨진 필드는 Klaviyo에서 구독자 프로필에 추가되는 추가 속성이에요. 이를 통해 양식과 상호작용하는 방문자를 추적할 수 있어요. 기본적으로 모든 양식에는 숨겨진 필드로 $source 속성이 있으며, 이를 통해 리스트에 추가된 방식이 식별돼요.
이 옵션은 작업이 양식 제출로 설정된 버튼에서만 사용할 수 있어요.
$source 속성과 기타 속성 이름을 맞춤설정할 수 있어요. 양식의 다른 입력과 마찬가지로, 누군가의 프로필에 이미 존재하는 속성에 대한 숨겨진 필드를 추가하면 양식을 제출할 때 새 값으로 덮어쓰기됩니다. 예를 들어, 양식에서 컬렉션 선호도를 수집하고 고객이 이전에 남성 컬렉션에 관심이 있다고 선택했다고 가정해 볼게요. 이 양식에 여성 컬렉션 관심에 대한 숨겨진 필드가 있으면 버튼을 클릭할 때 선호도 속성이 덮어쓰기됩니다(즉, 남성에서 여성으로).
새 숨겨진 속성을 추가하려면 속성 추가를 선택하세요.
이미지 블록
이미지 블록을 사용하면 양식에 이미지(예: 로고)를 추가할 수 있어요. 이 블록을 사용하여 브랜드의 형태와 분위기에 맞게 이미지를 추가할 수 있어요.
JPEG, PNG, GIF 파일은 모두 업로드할 수 있어요. 웹에서 보는 모든 이미지와 마찬가지로 파일 크기가 클수록 로드 시간이 느려져요. 최적의 성능을 위해 파일 크기는 50~100KB를 목표로 해 주세요.
또한 양식 편집기의 스타일 탭에서 배경 이미지 또는 측면 이미지 를 추가할 수도 있어요.
쿠폰 블록
사이트 방문자가 가입 양식을 제출하도록 유도하려면 쿠폰 블록을 추가하고, 포함된 쿠폰을 사용해 사이트에서 구매하도록 하세요.
양식에 정적 쿠폰 코드 또는 고유 쿠폰 코드를 추가할 수 있어요. Klaviyo 모범 사례에서는 쇼핑객이 코드를 받기 위해 웹사이트를 떠날 필요가 없도록 성공 단계에서 이러한 코드를 표시하는 것을 권장해요. 설정에 대한 자세한 내용은 가입 양식에 쿠폰 코드를 추가하는 방법 가이드를 읽어보세요.
SMS 공개 차단
SMS 규정 준수를 유지하는 데 도움이 되도록 SMS 수신 동의 버튼 위에 SMS 고지 문구를 배치해야 해요. SMS 고지 문구에 대해 자세히 알아보세요.
카운트다운 타이머
카운트다운 타이머는 가입 양식에 긴박감을 더할 수 있으며, 특별 프로모션이나 연휴 메시지와 함께 사용되는 경우가 많아요. 양식에 카운트다운 타이머 추가하기에 대해 자세히 알아보세요.
가입 카운터 블록
가입 양식 카운터 블록을 추가해 양식에 실시간 제출 횟수(예: "지난 1시간 동안 500명이 이 딜에 가입했어요!")를 표시하면 전환을 높이고 리스트 성장을 가속화할 수 있어요. 이 블록은 소셜 프루프를 사용해 긴박감을 만들고 사이트 방문자가 구독하도록 유도해요.
가입 카운터 블록을 양식에 추가하면 다음 설정을 구성할 수 있어요:
- 표시 설정
가입 수를 계산하는 방법을 결정합니다. 구독자가 다음과 같은 양식의 성공 단계에 도달해야 한다는 점에 유의하세요.- 지난 30일 동안의 가입
- 지난 7일 동안의 가입
- 지난 24시간 동안의 가입
- 지난 1시간 동안의 가입
- __회 제출 후 표시
블록이 표시되기 위해 필요한 최소 제출 횟수를 설정하세요.
최소 제출 수를 초과할 때까지 사이트 방문자에게 블록이 숨겨져요. 최소 제출 수가 충족되면(예: 200회 제출), 블록이 양식에 표시돼요.
기본 텍스트는 선택한 디스플레이 설정을 반영해요. 이 텍스트는 구성할 수 있지만, 실시간 가입 수를 표시하므로 {{ form_submit_count }} 태그는 삭제하지 마세요.
입력란
입력란을 사용하면 사이트 방문자의 이메일 주소, 이름, 생일 등의 정보를 수집할 수 있어요.
모든 입력란은 프로필 속성과 연결되어야 하며, 이 프로필 속성은 각 구독자가 제출하는 데이터를 저장하는 데 사용돼요. 양식에 입력란을 추가할 때 프로필 속성 드롭다운에서 기존 속성을 선택하거나, 새 속성 이름을 입력한 다음 옵션 생성.을 클릭해 새로 만들 수 있어요.
별도로 지정하지 않는 한, 이러한 필드의 입력값은 각 개인의 프로필 페이지에 저장됩니다.
연동(예: Shopify 태그)을 통해 동기화된 Klaviyo의 사용자 지정 프로필 속성은 다음에 연동이 동기화될 때 덮어쓰게 되므로 업데이트하지 않는 것을 권장합니다.
이메일 입력란
이메일 입력란을 통해 방문자가 이메일 주소를 입력하고 양식에 연결된 리스트를 구독할 수 있어요. 양식에는 이메일 입력란을 1개만 추가할 수 있으며, 성공 메시지가 아니라 양식 단계 중 하나에 표시되어야 해요.
전화번호 필드
전화번호 필드를 추가하면 기본적으로 프로모션 SMS 동의를 수집하게 되므로 모든 SMS 메시지를 전송할 수 있습니다. 이 블록은 제출된 전화번호가 허용되는 번호 형식으로 저장되도록 유효성을 검사해요. 아직 설정하지 않았다면, SMS 동의를 수집하려는 경우 SMS를 활성화 하고 SMS 동의를 수집하는 모든 곳에 포함할 수 있도록 고지 문구를 설정 하세요.
필요한 경우 양식에서 수집하는 SMS 동의 유형을 조정할 수 있어요. 다만 고지 문구가 동의 유형과 일치하고, 구독자가 어떤 내용에 동의하는지 이해할 수 있도록 전송할 메시지 유형의 예시를 포함해야 해요.
또한 SMS 동의를 수집할 때 동적 블록을 사용 하여 쇼핑객이 최적의 옵트인 방법을 확인할 수 있도록 할 수 있어요.
텍스트 입력란
텍스트 입력란은(는) 날짜나 이메일 주소처럼 특정 형식을 따를 필요가 없는 정보를 수집할 때, 그리고 미리 설정된 옵션 목록을 제공하는 것이 적절하지 않을 때 사용돼요. 세분화 및 플로우 필터는 대소문자와 철자에 민감하다는 점에 유의하세요. 이 데이터를 세분화 또는 필터링에 사용할 계획이라면 다른 필드 유형도 고려해 보세요.
입력란의 일반적인 사용 사례는 구독자의 이름을 수집하는 것입니다. 이름 입력란을 추가하려면 레이블 또는 플레이스홀더 텍스트에 “이름”을 사용하고, 프로필 속성으로 이름을 선택해 주세요.
라디오 버튼
라디오 버튼은 미리 설정된 옵션 목록을 제공하며, 구독자는 그중 1개만 선택할 수 있어요. 성별이나 연령대 같은 정보를 수집하는 데 유용해요.
프로필 속성 필드에는 이 속성에 사용할 이름을 입력해 주세요. 예를 들어, 양식에서 방문자에게 커피와 차 중 무엇을 선호하는지 묻는 경우 “음료 선택”과 같은 맞춤 프로필 속성을 사용해 주세요.
속성 옵션 섹션의 레이블 열을 사용해 구독자가 선택할 수 있는 옵션을 추가하세요. 그런 다음 값 열에 해당 값을 추가하세요. 이 값은 양식을 작성하는 모든 사람의 프로필에 저장되므로 나중에 참조하기 쉬운 답변의 약식 버전을 사용하는 것이 좋아요.
옵션 레이블이 “Tea drinker”와 “Coffee drinker”라면, 값은 각각 “tea”와 “coffee”일 수 있어요.
구독자가 라디오 버튼 질문에 답하면, 해당 응답은 문자열 데이터 유형으로 저장돼요.
다중 확인란
다중 체크박스는 여러 옵션 목록을 제공하며, 구독자는 원하는 만큼 옵션을 선택할 수 있어요. 다중 체크박스는 선호 정보, 관심 분야, 인구통계 정보 및 구독자가 1개 이상의 옵션을 선택할 수 있어야 하는 모든 질문을 수집하는 데 유용합니다.
라디오 버튼 필드와 마찬가지로, 다중 체크박스 필드에는 프로필 속성, 레이블 세트, 값 세트가 필요해요.
구독자가 다중 체크박스 질문에 답하면, 선택한 옵션 수와 관계없이 답변이 데이터 유형 목록으로 저장돼요.
날짜 필드
날짜 필드는 구독자가 날짜 값을 입력할 수 있는 가장 좋은 방법이며, 이후 세분화에 사용하거나 날짜 기반 플로우를 트리거하는 데 사용할 수 있어요.
예를 들어, 구독자의 생일을 수집해 생일에 플로우를 통해 쿠폰 코드를 보낼 수 있어요. 이 경우 날짜 필드를 추가하고 해당 프로필 속성을 birthday로 설정하면 돼요. 고객에 대한 날짜 정보를 수집하려는 경우 날짜 블록을 사용하면 날짜가 올바르게 형식 지정되도록 할 수 있어요.
양식에서 날짜 입력 방식(예: DD/MM/YYYY)을 사용자 지정할 수 있지만, 날짜는 개인 프로필에 기본값인 MM/DD/YYYY 형식으로 계속 저장돼요. 날짜 형식 메뉴에서 연도가 포함되지 않은 옵션(예: MM DD)을 선택하면 기본 연도가 각 구독자 프로필에 자동으로 포함돼요. 날짜 필드를 통해 제출된 날짜는 date 데이터 유형을 사용해 저장돼요.
드롭다운 필드
드롭다운은 라디오 버튼과 비슷하게, 구독자가 미리 설정된 목록에서 1개의 옵션을 선택할 수 있어요. 이 옵션은 양식에서 공간을 절약하는 데도 도움이 돼요. 옵션이 4개를 초과하는 경우 라디오 버튼 대신 드롭다운을 사용하는 것을 고려해 보세요. 라디오 버튼과 다중 체크박스처럼, 드롭다운 필드에는 프로필 속성, 일련의 레이블, 일련의 값이 필요합니다.
연령 제한
연령 제한 차단을 사용하면 미국, 영국, 호주에서 주류 관련 브랜드가 SMS를 사용할 수 있습니다. 가입 양식에 연령 제한 차단 블록을 추가하고 SMS 사용을 시작하려면 먼저 계정에서 연령 제한을 활성화해야 해요. Klaviyo로 주류 연령 제한을 설정하는 방법에 관해 자세히 알아보세요.
요소 또는 입력란 삭제
가입 양식에서 요소나 입력란을 삭제하려면:
- 편집기 내 양식 미리보기에서 삭제하려는 블록 위에 마우스를 올려놓으세요.
- 표시되는 휴지통 아이콘을 선택해 주세요.
- 블록 삭제 모달에서 블록 삭제를 선택하세요. 블록은 삭제한 후에는 복구할 수 없다는 점에 유의하세요.
다음 단계
1개의 양식에 데스크톱 보기와 모바일 보기를 각각 다르게 구성하려면, 양식에서 동적 블록을 사용하는 방법에 대한 가이드를 확인해 주세요.
가입 양식에 블록과 필드를 추가했다면 브랜드에 맞게 스타일을 지정하는 방법을 알아보세요. 팝업, 플라이아웃 또는 전체 페이지 양식을 게시할 준비가 되면 게시를 클릭해 사이트에서 라이브로 설정하세요. 임베드 양식을 만들 경우 게시하려면 양식의 임베드 코드를 사이트에 추가 하세요.
추가 자료
- Getting started with sign-up forms
Learn how to create and customize sign-up forms in Klaviyo to publish on your website so you can engage shoppers, collect emails and phone numbers, and build long-lasting customer relationships.
- Basics: mobile form design
Learn the 6 basic principles of designing sign-up forms for mobile devices.
- How to use dynamic blocks in forms
Learn about dynamic blocks, and how you can use them in sign-up forms to create distinct views and experiences for shoppers on desktop and mobile devices. Any block in your form can be made dynamic by adjusting its visibility settings.