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

학습 내용

Shopify 사이트에 Klaviyo 임베드 양식을 추가하는 방법을 알아보세요. 이 작업을 하려면 Klaviyo에서 양식을 만든 다음, Shopify 테마의 Klaviyo Embedded Form 앱 블록(예: 바닥글)에 해당 양식 ID를 추가하면 돼요.

시작하기 전에 알아야 할 것

Shopify 사이트에 임베드 양식을 추가하기 전에 Shopify와 통합 하고 테마에서 Klaviyo 앱 임베드를 활성화해야 가입 양식이 표시되고 제출을 수집할 수 있어요. 게시된 테마를 변경하면 새 테마에서 앱 임베드를 활성화해야 해요.

앱 임베드가 활성화되어 있는지 확인하려면:

1. Shopify 연동 설정 페이지로 이동하세요.
2. 온사이트 트래킹 섹션으로 스크롤합니다.
   • Shopify 스토어에서 Klaviyo 앱 임베드가 활성화되었습니다라고 표시된 초록색 배너가 보이면, 설정이 완료된 거예요. 다음 섹션으로 이동해 사이트에 임베드 양식을 추가하세요.
     

• 다음 메시지가 표시된 노란색 배너가 나타나면 아래 가이드를 따라 해주세요. Klaviyo 앱 임베드가 꺼져 있습니다. 다시 켠 다음 Shopify 테마 편집기에서 ‘저장’을 선택하여 변경 사항을 적용하세요.
  
  • 이 글을 계속 진행하기 전에 Shopify용 Klaviyo 앱 임베드 활성화에 대한 가이드를 참고해 주세요.
    

이 도움말의 예시는 Shopify 2.0 테마를 사용해요. 테마가 다를 수 있어요. 이로 인해 앱 블록을 사용할 수 있는 위치가 달라질 수 있어요. 아래 단계를 진행하려면 테마에서 앱 블록을 지원해야 해요. 호환성에 대한 자세한 내용은 Shopify의 앱 블록 안내를 확인해 주세요.

사이트에 임베드 양식 추가하기

Shopify 감사 또는 주문 상태 페이지에 폼을 삽입하려고 하나요? Shopify는 더 이상 기본적으로 이 기능을 지원하지 않지만, Klaviyo의 SMS 앱 블록 기능을 사용해 Shopify 결제(Shopify Plus 전용), 감사 또는 주문 상태 페이지에서 SMS 수신 동의를 수집할 수 있어요.

1. Klaviyo에서 임베드 양식을 만들고 사용자 정의하세요. 새 구독자가 가입해야 하는 리스트를 선택하세요.
2. 양식 편집기에서 타겟팅 & 행동 > 표시를 선택해 주세요.
3. 임베드 코드에서 코드 내의 양식 ID만 복사하세요. 예를 들어 <div class="klaviyo-form-ABC123"></div>에서 양식 ID는 ABC123이에요. 자신의 양식 ID를 사용하세요.
   

4. 게시 또는 예약을 클릭하고 지금 게시를 선택한 다음, 지금 게시를 클릭해 폼을 게시하세요. 게시하기 전에 차단 알림을 모두 해결하세요.
5. Shopify 대시보드로 이동해 주세요.
6. 온라인 스토어 > 테마를 선택하세요.
7. 게시된 테마 옆에 있는 테마 편집을 클릭해 주세요.
   

8. 상단 메뉴 바에서 양식을 추가할 페이지 템플릿을 선택하세요(예: 홈 페이지 또는 비밀번호 페이지).
   

9. 왼쪽 메뉴에서 다음 위치 중 하나에서 섹션 추가 > 앱 > Klaviyo Embedded Form을(를) 선택해 주세요:
   • 선택한 템플릿을 사용하는 페이지에 폼을 추가하려면 템플릿 섹션에서 설정해 주세요. 변경 사항은 해당 템플릿을 사용하는 모든 페이지에 적용돼요. 양식을 1페이지로 제한하려면, 별도의 템플릿을 만들고 해당 페이지에 할당해 주세요.
     

• 테마의 푸터를 사용하는 페이지 전반에 폼이 표시되도록 하려면 푸터 섹션에서 설정해 주세요. 또한 사이트의 푸터에 임베드 폼을 넣는 것은 리스트 성장을 위한 Klaviyo 모범 사례이기도 해요.
  

10. 왼쪽 메뉴에서 새로 생성된 Klaviyo Embedded Form 섹션을 클릭하세요.
11. Klaviyo에서 복사한 양식 ID를 지정된 텍스트 상자에 붙여넣으세요.
    

12. 저장을 클릭해 페이지 템플릿에 임베드 양식을 추가해 주세요. 저장한 후에야 미리보기에서 임베드 양식이 표시됩니다.
13. 선택사항: 저장한 후 메뉴에서 Klaviyo 임베디드 폼 앱을 클릭한 다음 드래그해 위치를 다시 정렬할 수 있어요. 옮긴 후 저장을 다시 클릭해 주세요.

Shopify에서 양식 ID를 붙여 넣고 변경 사항을 저장했으면 웹사이트로 돌아가 페이지를 새로고침해 주세요. 양식의 타겟팅 및 기기 설정 조건을 충족하는 방문자는 해당 양식을 보게 되며, 양식을 완료해 목록에 가입할 수 있어요.

양식이 보이지 않으면 임베드 양식 문제 해결을 확인해 주세요.

다음 단계

다음으로, 신규 구독자에게 즉각적인 영향을 주기 위해 환영 이메일 시리즈 플로우를 생성하세요.

추가 자료