Shopify 사이트에 임베드 양식을 추가하는 방법

예상 3 읽은 시간(분)

업데이트 2024년 12월 19일 오전 9:03 EST

사이트에 임베드 양식을 추가하는 방법을 알아보세요.Klaviyo Shopify Klaviyo 에서 양식을 만든 다음 바닥글과 같이 표시할 위치에 사이트의 파일에 임베드 코드를 붙여넣으면 됩니다.

이미 Shopify 가입 양식을 사용 중이신가요? 통합할 때 Shopify 구독자를 Klaviyo 에 동기화하도록 선택한 경우 새 구독자는 자동으로 동기화됩니다.

Klaviyo 에서 임베드 양식을 만들기 전에 Shopify과 통합하고 가입 양식 기능("온사이트 트래킹"이라고도 함)을 활성화해야 합니다. Shopify 스토어의 경우 가입 양식이 제대로 표시되고 데이터를 동기화하려면 앱 임베드가 활성화되어 있어야 합니다.

앱 임베드가 활성화되었는지 확인합니다:

Shopify 통합 설정 페이지로 이동합니다.
온사이트 트래킹 섹션으로 스크롤합니다.
- 스토어에 Klaviyo 앱 임베드가 활성화되었다는 Shopify 녹색 배너가 표시되면 설정이 완료된 것입니다. 이 글의 다음 섹션을 계속 진행하여 사이트에 임베드 양식을 추가하세요.
- 노란색 배너가 표시되면 Klaviyo 앱 임베드가 꺼져 있는 것입니다 . 켜고 나서 Shopify 테마 편집기에서 '저장'을 선택하여 변경 사항을 적용합니다.
  - 이 글을 계속 진행하기 전에 의 앱 임베드 활성화 Klaviyo Shopify 가이드( )를 참조하세요.

이 문서의 예제에서는 Shopify 2.0 테마를 사용합니다. 테마가 다를 수 있으며 일부 파일 이름이나 코드 조각의 위치에 영향을 줄 수 있습니다.

사이트에 임베드 양식 추가

먼저 Klaviyo에서 임베드 양식을 생성하고 게시합니다. 완료했으면 다음 단계에 따라 양식을 표시할 Shopify 사이트의 페이지에 양식의 임베드 코드를 붙여넣습니다.

아직 임베드 코드를 복사하지 않았다면 임베드 양식의 임베드 코드를 복사하세요. 편집기에서 양식을 열고 타겟팅 & 동작 섹션을 클릭하여 양식의 임베드 코드에 액세스할 수 있습니다.
Shopify 대시보드로 이동합니다.
온라인 스토어 > 테마를 선택합니다.
사용자 지정을 클릭합니다.
상단 메뉴 모음에서 양식을 추가할 페이지 템플릿(예: 홈페이지 또는 비밀번호 페이지)을 선택합니다.
앱의 왼쪽 메뉴에서 섹션 추가 > 앱 > Klaviyo 임베디드 양식을 선택합니다.
- 이 양식을 특정 페이지에만 표시하려면 템플릿 섹션에서 이 작업을 수행하세요.
- 웹사이트의 모든 페이지에서 양식을 유지하려면 바닥글 섹션에서 이 작업을 수행합니다. 사이트 바닥글에 임베드 양식을 넣는 것도 리스트 성장/발전을 위한 Klaviyo 모범 사례입니다.
왼쪽 메뉴에서 새로 생성된 Klaviyo 임베디드 양식 섹션을 클릭합니다.
Klaviyo 에서 복사한 임베드 코드를 지정된 텍스트 상자에 붙여넣습니다.
저장을 클릭하여 페이지 템플릿에 임베드 양식을 추가합니다. 임베드 양식은 저장할 때까지 미리 보기에 표시되지 않는다는 점에 유의하세요.
선택 사항입니다: 저장 후 메뉴 내에서 Klaviyo 임베드된 양식 앱을 클릭하고 드래그하여 앱을 재정렬할 수 있습니다.