Unbounce 시작하기

학습 내용

랜딩 페이지를 사용하여 고객사를 기본 이메일 목록에 추가하고 환영 이메일 시리즈 프로세스를 트리거하는 등의 작업을 수행할 수 있도록 Unbounce와 Klaviyo를 연동하는 방법을 알아보세요. Unbounce 랜딩 페이지를 통해 연락처를 수집한 다음 환영 이메일 시리즈 및 기타 개인화된 메시지를 자동으로 보낼 수 있어요. Klaviyo의 Unbounce 연동을 활성화하려면 Klaviyo와 Unbounce 모두 내부에서 단계를 수행해야 합니다.

목차

1. Unbounce에서 양식 필드 확인
2. Klaviyo에서 연동 활성화
3. Unbounce 웹후크 설정
4. Klaviyo에서 Unbounce 데이터 보기
5. Klaviyo에서 Unbounce 데이터 사용하기
6. 문제 해결

Unbounce에서 양식 필드 확인

웹후크를 통해 Klaviyo로 데이터를 가져오려면 Unbounce 페이지에 email에 매핑된 필드가 포함된 양식이 있어야 해요. 웹후크를 연결하기 전에 아래에 설명된 단계를 따라 양식 필드가 올바르게 설정되어 있는지 확인할 수 있어요.

Unbounce는 페이지를 만드는 방법이 두 가지 있어요. 기본 빌더와 Smart Builder예요. 어느 경우든 양식 필드를 확인하는 방법은 비슷해요. 아래의 두 양식 중 어느 쪽에 대해서든 자세한 내용은 Unbounce의 양식 설정 문서를 참고해 주세요.

Standard 빌더

1. Unbounce에서 확인할 페이지를 선택한 다음, 페이지 하단에서 편집을 클릭해 주세요.
   

2. 페이지 편집기에서 양식을 클릭한 다음 양식 필드 편집을 클릭해 주세요.
   

3. 이메일 * 상자를 클릭해 필드 설정을 여세요. 그런 다음 필드 이름 및 ID 상자가 email로 설정되어 있는지 확인해 주세요. 이 텍스트를 편집해야 하는 경우 필드 레이블에서 자동 생성을 선택 해제한 다음 수정해 주세요.
   

4. 필드 이름을 확인했으면 완료를 클릭하세요.
5. 폼을 변경한 경우 저장을 클릭한 다음, 상단 메뉴 표시줄에서 다시 게시를 클릭해 업데이트를 적용해 주세요.

스마트 빌더

1. Unbounce에서 편집하려는 페이지로 이동한 다음, 페이지 하단에서 편집을 클릭해 주세요.
   

2. 양식에서 Email 텍스트 상자 드롭다운을 클릭한 다음 필드 편집을 선택해 주세요.
   

3. Edit Field 메뉴에서 Field Name/ID 상자가 email로 설정되어 있는지 확인해 주세요.
   

4. 필드 이름을 확인했으면 제출을 클릭해 주세요.
5. 양식에 변경 사항을 적용했다면 저장을 클릭한 다음, 상단 메뉴 바에서 게시를 클릭해 업데이트를 적용해 주세요.

Klaviyo에서 연동 활성화

1. Klaviyo에서 연동 탭을 선택합니다.
2. 앱 살펴보기를 클릭하고 Unbounce를 검색한 다음 카드를 클릭하세요.
3. 그런 다음 설치를 클릭합니다.
4. Unbounce에 연결을 클릭하세요.
   

5. Unbounce 리드를 특정 Klaviyo 리스트로 동기화하려면 Klaviyo 리스트에 리드 추가 옆의 체크박스를 선택해 주세요. 드롭다운에서 초기 리드를 동기화할 리스트를 선택해 주세요.
   

6. Webhook Setup 아래에서 웹후크 URL과 헤더 이름을 복사하세요. 시크릿을 생성하고, 그것도 복사해 두세요. 이 값은 다음 섹션에서 Unbounce에서 Klaviyo로 보내는 웹후크를 만들 때 사용돼요.
7. 설정 완료를 클릭해 주세요.

Unbounce 웹후크 설정

1. Unbounce로 이동해 주세요. Unbounce의 모든 페이지 페이지에서 Klaviyo 웹후크를 추가할 페이지를 선택해 주세요.
   

2. 연동 탭을 클릭한 다음 웹후크 > 웹후크 추가를 선택하세요.

3. 양식 데이터를 POST할 URL 선택 아래의 첫 번째 텍스트 상자에 Klaviyo의 URL을 붙여넣어 주세요.

4. URL 아래에 기본값이라고 표시된 설정이 있어요. 해당 설정은 변경하지 마세요. 기본값이어야 해요.
5. Custom Headers 메뉴를 열고 사용자 지정 헤더 추가를 클릭해 주세요. Klaviyo의 헤더를 “Header(s)” 필드에 붙여넣어 주세요. 그런 다음 Klaviyo에서 생성된 비밀 키를 “Value” 필드에 붙여넣어 주세요.

6. Unbounce Form Data에서 왼쪽의 Unbounce Field ID 아래에 있는 email 필드가 오른쪽의 email에 매핑되어 있는지 확인해 주세요. 이 항목이 your_email 같은 다른 값으로 매핑되어 있으면 Klaviyo에서 이 속성을 이메일 주소로 인식하지 못해 웹후크가 삭제돼요. 매핑은 대/소문자를 구분하며 email은 모두 소문자로 형식이 지정되어야 합니다.
7. 모든 필드를 확인했으면 변경 사항 저장을 클릭해 주세요.
8. 연동이 처리될 시간을 확보해 주세요. 연동이 성공하면 웹후크를 성공적으로 업데이트했습니다라는 다음 성공 메시지가 표시돼요. 설정을 마치려면 완료를 클릭해 주세요.

Klaviyo에서 Unbounce 데이터 보기

Klaviyo 웹후크를 추가한 후 연동을 확인하려면 Unbounce 페이지에서 새 리드를 생성해 주세요.

Klaviyo는 옆에 Unbounce 아이콘이 표시되는 Filled Out Form 지표를 통해 리드를 동기화해요. 이것이 Klaviyo에 올바르게 동기화되고 있는지 확인하려면 분석 > 지표로 이동한 다음 Unbounce로 필터링하세요. 현재 Klaviyo는 Unbounce와 1개의 지표를 동기화해요: Filled Out Form. Filled Out Form 을(를) 선택해 이 지표에 해당하는 데이터를 확인하세요.

활동 피드 아이콘을 클릭하면 Klaviyo 계정에서 이 리드에 대해 새로 생성된 프로필이 표시될 거예요. 이 메시지가 표시되면 이제 리드가 동기화되고 있는 거예요.

Klaviyo는 양식에서 이메일을 필수 입력란으로 설정한 경우에만 리드를 기록해요. 리드에 이메일 주소가 포함되지 않으면 Klaviyo는 이를 무시해요.

양식 작성 완료 지표에는 다음 메타데이터가 포함되어 있으며, 세그먼트와 플로우에서 사용할 수 있어요:

• 페이지 ID
  사용자가 작성한 양식의 고유 ID
• 페이지 이름
  Unbounce에서의 양식 이름
• 페이지 같은 이메일의 다른 버전
  Unbounce의 양식 같은 이메일의 다른 버전으로, Unbounce의 Smart Traffic에서 사용됩니다.

Klaviyo에서 Unbounce 데이터 사용하기

세그먼트 만들기

특정 폼의 특정 같은 이메일의 다른 버전에 응답한 고객에게 특정 이메일 캠페인을 보내고 싶다면, 페이지 같은 이메일의 다른 버전 데이터를 사용해 Klaviyo에서 세그먼트를 만들 수 있어요.

1. Klaviyo에서 잠재고객 -> 목록 및 세그먼트로 이동합니다.
2. 리스트/세그먼트 만들기를 클릭하고 세그먼트를 선택해 주세요.
3. 새 세그먼트에 적절한 이름을 지정하고 세그먼트에 다음 정의를 추가해 주세요:
   • 누군가가 리스트에 있거나 없을 때: Is로 설정
     Klaviyo에서 특정 리스트의 고객만 사용하려면 이 값을 설정해 주세요. 그렇지 않으면 다음 정의로 이동해 주세요.
   • 누군가가 한 일(또는 하지 않은 일): Unbounce의 Filled Out Form 지표로 설정하고, 확인할 기간을 선택해 주세요.
   • 필터 추가를 클릭하고 드롭다운에서 페이지 같은 이메일의 다른 버전 속성을 선택한 다음 같음(=) 상자에 페이지 같은 이메일의 다른 버전을 입력해 주세요.
     

4. 완료되면 세그먼트 만들기를 클릭해 주세요.

환영 이메일 플로우 만들기

Unbounce의 데이터를 사용해 양식에 이메일을 입력하면 트리거되는 환영 이메일 시리즈를 만들 수 있어요. 이 과정을 Klaviyo로 진행하면 리드가 이메일 리스트에 추가될 때 트리거되는 2~3개의 메시지로 구성된 환영 이메일 시리즈를 설정할 수 있다는 장점이 있어요. 자세한 내용은 환영 이메일 시리즈 생성 가이드를 확인해 주세요.

문제 해결

웹후크 설정에서 양식 필드가 채워지지 않아요

웹후크 설정에서 양식 필드가 표시되지 않으면, 양식 필드를 다시 동기화하기 위해 페이지를 다시 게시해야 할 수 있어요.

다시 게시하려면:

1. Unbounce에서 페이지를 클릭한 다음 편집 화면으로 이동해 주세요.
2. 페이지에서 아무 항목이나 하나를 선택해 약간 변경한 다음 저장을 클릭해 주세요.
3. 변경 사항을 되돌린 다음, 저장을 다시 클릭해 주세요.
4. 게시 (또는 사용 중인 빌더에 따라 다시 게시)를 클릭하세요.
5. Unbounce 계정의 웹후크 탭으로 돌아가서 설정을 다시 시도해 보세요. 이제 웹후크 설정에서 양식 필드가 채워진 것을 확인할 수 있을 거예요.
6. 이 문제가 지속되면 Unbounce 지원팀에 문의하세요.

결과

이제 Unbounce를 Klaviyo와 통합하고 동기화된 데이터를 검토했어요.