Shopify 사이트에 임베드 양식을 추가하는 방법
학습 내용
Shopify 사이트에 Klaviyo 임베드 양식을 추가하는 방법을 알아보세요. 이는 Klaviyo에서 양식을 만든 다음, 바닥글과 같이 표시할 위치의 사이트 파일에 해당 임베드 코드를 붙여넣는 과정으로 진행돼요.
이미 Shopify 가입 양식을 사용 중인가요? 연동할 때 Shopify 구독자를 Klaviyo에 동기화하도록 선택했다면, 새 구독자는 자동으로 동기화돼요.
시작하기 전에 알아야 할 것
Klaviyo에서 임베드 양식을 만들기 전에 Shopify와 통합 하고 가입 양식 기능(“온사이트 트래킹”이라고도 함)을 활성화해야 합니다. Shopify 스토어의 경우, 가입 양식이 표시되고 데이터가 올바르게 동기화되려면 앱 임베드를 활성화해야 합니다.
앱 임베드가 활성화되어 있는지 확인하려면:
- Shopify 연동 설정 페이지로 이동하세요.
- 온사이트 트래킹 섹션으로 스크롤합니다.
- Shopify 스토어에서 Klaviyo 앱 임베드가 활성화되었습니다라고 표시된 초록색 배너가 보이면, 설정이 완료된 거예요. 다음 섹션으로 이동해 사이트에 임베드 양식을 추가하세요.
- Shopify 스토어에서 Klaviyo 앱 임베드가 활성화되었습니다라고 표시된 초록색 배너가 보이면, 설정이 완료된 거예요. 다음 섹션으로 이동해 사이트에 임베드 양식을 추가하세요.
- 노란색 배너에 Klaviyo 앱 임베드가 꺼져 있습니다. 다시 켠 다음 Shopify 테마 편집기에서 ‘저장’을 선택하여 변경 사항을 적용하세요.
라고 표시되면- 이 글을 계속 진행하기 전에 Shopify용 Klaviyo 앱 임베드 활성화에 대한 가이드를 참고해 주세요.
- 이 글을 계속 진행하기 전에 Shopify용 Klaviyo 앱 임베드 활성화에 대한 가이드를 참고해 주세요.
이 문서의 예시는 Shopify 2.0 테마를 사용해요. 테마가 다를 수 있으며, 이로 인해 일부 파일 이름이나 코드 조각의 위치가 달라질 수 있어요.
사이트에 임베드 양식 추가하기
Shopify 감사 또는 주문 상태 페이지에 폼을 삽입하려고 하나요? Shopify는 더 이상 기본적으로 이 기능을 지원하지 않지만, Klaviyo의 SMS 앱 블록 기능을 사용해 Shopify 결제(Shopify Plus 전용), 감사 또는 주문 상태 페이지에서 SMS 수신 동의를 수집할 수 있어요.
- 임베드 양식을 만드세요.
- 양식 편집기에서 타겟팅 및 동작 > 표시를 선택해 주세요.
- Embed Code에서 아래와 같이 코드 내의 양식 ID를 복사하세요:
- 양식을 게시하세요.
- Shopify 대시보드로 이동해 주세요.
- 온라인 스토어 > 테마를 선택하세요.
- 사용자 정의를 클릭합니다.
- 상단 메뉴 바에서 양식을 추가할 페이지 템플릿을 선택하세요(예: 홈 페이지 또는 비밀번호 페이지).
- 왼쪽 메뉴에서 Apps 아래에 있는 Add section > Apps > Klaviyo Embedded Form을 선택하세요.
- 이 양식을 이 특정 페이지에만 표시하려면 템플릿 섹션에서 설정해 주세요.
- 이 양식을 이 특정 페이지에만 표시하려면 템플릿 섹션에서 설정해 주세요.
- 웹사이트의 모든 페이지에서 양식이 유지되게 하려면 Footer 섹션에서 이 작업을 수행하세요. 사이트 바닥글에 임베드 양식을 포함하는 것은 리스트 성장을 위한 Klaviyo 모범 사례이기도 해요.
- 왼쪽 메뉴에서 새로 생성된 Klaviyo Embedded Form 섹션을 클릭하세요.
- Klaviyo에서 복사한 양식 ID를 지정된 텍스트 상자에 붙여넣으세요.
- 저장을 클릭해 페이지 템플릿에 임베드 양식을 추가해 주세요. 저장한 후에야 미리보기에서 임베드 양식이 표시됩니다.
- 선택 사항: 저장한 후 메뉴에서 클릭한 다음 드래그하여 Klaviyo Embedded Form 앱의 순서를 변경할 수 있어요.
임베드 코드를 붙여넣고 Shopify에서 변경 사항을 저장한 다음, 웹사이트로 돌아가 페이지를 새로고침하세요. 사이트 방문자는 양식을 확인하고, 양식을 작성해 리스트에 가입할 수 있어요.
양식이 보이지 않으면 임베드 양식 문제 해결을 확인해 주세요.
다음 단계
다음으로, 신규 구독자에게 즉각적인 영향을 주기 위해 환영 이메일 시리즈 플로우를 생성하세요.
추가 자료
- How to manage your sign-up forms
Learn tips for managing your existing sign-up forms so you can ensure they are aesthetically pleasing and functional for customers interested in engaging with your brand.
- Getting started with Shopify
Learn how to integrate Klaviyo with Shopify in order to bring your customer profile and order data into Klaviyo and reach customers with targeted messaging. Additionally, enable Klaviyo onsite tracking and sign-up forms, and sync data from Klaviyo to Shopify.
- 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.