학습 내용

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

목차

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

Unbounce에서 양식 필드 확인

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

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

Standard 빌더

  1. Unbounce에서 확인할 페이지를 선택한 다음, 페이지 하단에서 편집을 클릭해 주세요.
Page named first variant in Unbounce with Edit with dark blue background
Page named first variant in Unbounce with Edit with dark blue background
  1. 페이지 편집기에서 양식을 클릭한 다음 양식 필드 편집을 클릭해 주세요.
Form editor with form with fields First Name, Last Name, Email, and Industry
Form editor with form with fields First Name, Last Name, Email, and Industry
  1. 이메일 * 상자를 클릭해 필드 설정을 여세요. 그런 다음 필드 이름 및 ID 상자가 email로 설정되어 있는지 확인해 주세요. 이 텍스트를 편집해야 하는 경우 필드 레이블에서 자동 생성을 선택 해제한 다음 수정해 주세요.
Design your form page in Unbounce with Field Name and ID box set to email
Design your form page in Unbounce with Field Name and ID box set to email
  1. 필드 이름을 확인했으면 완료를 클릭하세요.
  2. 폼을 변경한 경우 저장을 클릭한 다음, 상단 메뉴 표시줄에서 다시 게시를 클릭해 업데이트를 적용해 주세요.

스마트 빌더

  1. Unbounce에서 편집하려는 페이지로 이동한 다음, 페이지 하단에서 편집을 클릭해 주세요.
Page named first variant in Unbounce with Edit with dark blue background
Page named first variant in Unbounce with Edit with dark blue background
  1. 양식에서 Email 텍스트 상자 드롭다운을 클릭한 다음 필드 편집을 선택해 주세요.
Form with email textbox dropdown open and Edit field highlighted in dark blue
Form with email textbox dropdown open and Edit field highlighted in dark blue
  1. Edit Field 메뉴에서 Field Name/ID 상자가 email로 설정되어 있는지 확인해 주세요.
Edit Field menu with Field Name/ID set to email
Edit Field menu with Field Name/ID set to email
  1. 필드 이름을 확인했으면 제출을 클릭해 주세요.
  2. 양식에 변경 사항을 적용했다면 저장을 클릭한 다음, 상단 메뉴 바에서 게시를 클릭해 업데이트를 적용해 주세요.

Klaviyo에서 연동 활성화

  1. Klaviyo에서 연동 탭을 선택합니다.
  2. 앱 살펴보기를 클릭하고 Unbounce를 검색한 다음 카드를 클릭하세요.
  3. 그런 다음 설치를 클릭합니다.
  4. Unbounce에 연결을 클릭하세요.
  1. 특정 Klaviyo 리스트에 새 리드를 추가하려면 Klaviyo 리스트에 새 Unbounce 리드 추가 옆의 체크박스를 선택해 주세요. 리스트 선택 드롭다운에서 리스트를 선택해 주세요. 리드를 리스트에 추가해도 마케팅 메시지를 구독하게 되지는 않아요.
Unbounce를 Klaviyo와 통합하기 위한 설정 페이지로, URL, Header, Value에 대한 웹후크 구성 필드가 표시되며, 리드를 특정 이메일 리스트에 추가하는 섹션도 함께 제공돼요.
  1. 웹후크 설정에서 URL 및 Header 값을 복사해 주세요. 이 값은 Unbounce에서 웹후크를 구성하는 데 사용해요.
  2. 비밀 생성을 클릭하세요. 완료를 클릭하기 전에 비밀을 복사하여 안전한 곳에 보관하세요. 전체 비밀을 다시 볼 수 없습니다. 이 비밀을 Unbounce에서 웹후크의 값으로 사용하세요.
  3. 설정 완료를 클릭해 주세요.

Unbounce 웹후크 설정

  1. Unbounce로 이동해 주세요. Unbounce의 모든 페이지 페이지에서 Klaviyo 웹후크를 추가할 페이지를 선택해 주세요.
Unbounce 플랫폼의 "모든 페이지" 대시보드 스크린샷으로, 게시된 "웹후크용 테스트 페이지"와 업로드, 리드 다운로드 또는 새 페이지 생성 옵션을 보여줍니다.
  1. 연동 탭을 클릭한 다음 웹후크 > 웹후크 추가를 선택하세요.
웹후크가 구성되지 않았고 “웹후크 추가” 버튼이 있는 웹후크 연동 페이지를 보여주는 사용자 인터페이스.
  1. 양식 데이터를 POST할 URL 선택 아래의 첫 번째 텍스트 상자에 Klaviyo의 URL을 붙여넣어 주세요.
URL, 사용자 지정 헤더, 매핑 필드와 변경 사항 저장 및 취소 버튼을 표시하는 웹후크 모달 창을 추가하세요.
  1. URL 아래에 기본값이라고 표시된 설정이 있어요. 해당 설정은 변경하지 마세요. 기본값이어야 해요.
  2. Custom Headers 메뉴를 열고 사용자 지정 헤더 추가를 클릭해 주세요. Klaviyo의 헤더를 “Header(s)” 필드에 붙여넣어 주세요. 그런 다음 Klaviyo에서 생성된 비밀 키를 “Value” 필드에 붙여넣어 주세요.
  1. Unbounce Form Data에서 이메일 필드를 email에 매핑해 주세요. Klaviyo는 email_address 및 your_email도 허용해요. 이 필드 이름은 대/소문자를 구분하며 소문자여야 해요. 지원되는 필드에 유효한 이메일 주소가 없는 제출은 무시돼요.
  2. 모든 필드를 확인했으면 변경 사항 저장을 클릭해 주세요.
  3. Unbounce에서 웹후크가 업데이트되었는지 확인한 후 완료를 클릭해 주세요. 아래 설명대로 양식 제출을 테스트해 Klaviyo에서 이를 수신하는지 확인해 주세요.
Add a webhook success message with large green check and Done with dark blue background
Add a webhook success message with large green check and Done with dark blue background

Klaviyo에서 Unbounce 데이터 보기

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

Klaviyo는 옆에 Unbounce 아이콘이 표시되는 Filled Out Form 지표를 통해 리드를 동기화해요. Klaviyo로 제대로 동기화되고 있는지 확인하려면 애널리틱스 > 지표로 이동한 다음, Unbounce로 필터링해 주세요. 현재 Klaviyo는 Unbounce와 1개의 지표를 동기화해요: Filled Out Form. Filled Out Form 을(를) 선택해 이 지표에 해당하는 데이터를 확인해 보세요.

활동 피드 탭을 클릭하고, 테스트 제출에 대한 양식 작성 완료 이벤트가 있는지 확인해 주세요. 이 이벤트는 신규 또는 기존 프로필에 속할 수 있어요. 보이면, 양식 제출이 동기화되고 있는 거예요.

Filled out Form metric activity feed in Klaviyo showing an event from profile named Bill Klaviyo
Filled out Form metric activity feed in Klaviyo showing an event from profile named Bill Klaviyo

Klaviyo는 지원되는 필드에 유효한 이메일 주소가 없는 제출은 무시해요. 방문자가 주소 없이 양식을 제출할 수 없도록 Unbounce에서 이메일 필드를 필수로 설정해 주세요.

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

  • 페이지 ID
    양식이 제출된 Unbounce 페이지의 고유 ID입니다
  • 페이지 이름
    Unbounce에서 페이지의 이름이에요
  • 페이지 같은 이메일의 다른 버전
    Unbounce에서 사용하는 페이지의 같은 이메일의 다른 버전으로, Unbounce의 Smart Traffic에서 사용돼요.

Klaviyo에서 Unbounce 데이터 사용하기

세그먼트 만들기

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

  1. Klaviyo에서 잠재고객 -> 목록 및 세그먼트로 이동합니다.
  2. 만들기를 클릭하고 세그먼트를 선택합니다.
  3. 세그먼트의 이름을 입력하세요. 사이드 패널에서 이름을 지정하는 경우 세그먼트 만들기를 클릭해 빌더로 계속 진행하세요. 다음 조건을 추가하세요:
    • 누군가가 목록에 있거나 목록에 없는 경우: is를 선택하고 목록을 선택해 주세요. 해당 목록의 프로필만 포함하려면 AND로 이 선택 조건을 추가해 주세요, 그렇지 않으면 건너뛰세요.
    • 누군가 수행한 작업(또는 수행하지 않은 작업): Unbounce의 Filled Out Form 지표를 선택하고 최소 한 번을 선택한 다음, 확인하려는 기간을 선택해 주세요.
    • 이벤트 조건 옆의 필터 추가 아이콘을 클릭해 주세요. 페이지 같은 이메일의 다른 버전을 선택하고, 같음 옆에 일치시키려는 같은 이메일의 다른 버전을 입력해 주세요.
    • 세그먼트를 특정 페이지로 제한하려면 Page ID에 대한 다른 이벤트 필터를 추가하고 같음 옆에 해당 페이지의 ID를 입력해 주세요. 이렇게 하면 같은 이메일의 다른 버전 값이 동일한 다른 페이지의 제출은 세그먼트에 포함되지 않아요.
Segment in segment builder in Klaviyo for someone who has filled out a form with page variant a
Segment in segment builder in Klaviyo for someone who has filled out a form with page variant a
  1. 완료되면 세그먼트 만들기를 클릭해 주세요.

환영 이메일 플로우 만들기

Unbounce 데이터를 사용하면 리드가 이메일 리스트에 추가될 때 트리거되는 2–3개의 메시지로 구성된 환영 이메일 시리즈를 설정할 수 있어요. Unbounce 연동 설정에서 선택한 것과 동일한 리스트를 사용해 주세요. 리드를 해당 리스트에 추가한다고 해서 마케팅을 구독하다 상태가 되는 것은 아니므로, 마케팅 이메일을 보내기 전에 동의를 받았는지 확인해 주세요. 자세한 내용은 환영 이메일 시리즈 만들기에 대한 가이드를 참고해 주세요.

문제 해결

양식 제출 내역이 Klaviyo에 표시되지 않아요

Unbounce 웹후크가 Klaviyo의 웹후크 설정 섹션에 있는 URL과 헤더를 사용하고 있는지, 그리고 값이 생성한 시크릿인지 확인해 주세요. 웹후크 URL 아래의 드롭다운은 기본값으로 설정해 두고, 위에서 설명한 이메일 매핑을 확인해 주세요. 양식을 다시 제출한 다음 Klaviyo에서 새 양식 작성 완료 이벤트를 찾아보세요.

새 비밀을 생성하면 현재 비밀이 즉시 무효화됩니다. 더 이상 시크릿이 없으면 Klaviyo에서 새 시크릿 생성을 클릭해 주세요. 새 시크릿을 복사해 안전하게 보관하고, 이전 시크릿을 사용하는 모든 Unbounce 웹후크의 값을 업데이트한 다음 Unbounce에서 변경 사항을 저장해 주세요. 이전 시크릿을 사용하는 제출은 동기화되지 않아요.

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

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

다시 게시하려면:

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

결과

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

추가 자료

  • 플로우 시작하기

    Klaviyo에서 자동화 또는 드립 캠페인이라고도 하는 플로우를 사용하여 Klaviyo 내에서 개인화되고 자동화된 고객 커뮤니케이션 방법을 알아보고, 첫 번째 플로우를 라이브로 설정하는 방법을 알아보세요.

  • 세그먼트 시작하기

    잠재고객을 이해하고 타겟 메시지를 보내는 강력한 도구인 Klaviyo의 세그먼트를 생성하고 사용하는 방법을 알아보세요.

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

Klaviyo에서 자세히 살펴보기

커뮤니티
동료, 파트너, Klaviyo 전문가와 연결되어 영감을 받고 인사이트를 공유하며, 모든 궁금한 사항에 대해 답을 얻으세요.
파트너
특정 작업을 도와주거나 지속적인 마케팅 관리를 위해 Klaviyo 인증 전문가를 고용하세요.
지원

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

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

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