학습 내용
스퀘어 온라인 사이트에 Klaviyo 임베드 양식을 추가하는 방법을 알아보려면 Klaviyo 에서 양식을 만든 다음 해당 임베드 코드를 사이트의 파일에 표시할 위치(예: 바닥글)에 붙여넣어야 합니다.
시작하기 전 안내 사항시작하기 전 안내 사항
Klaviyo 에 임베드 양식을 만들기 전에 Klaviyo 을 Square와 통합하고 온사이트 트래킹을 설정하여 가입 양식 기능을 활성화했는지 확인하세요. Square와 연동할 때 온사이트 자바스크립트 자동 추가 설정을 Klaviyo 체크했다면 모든 설정이 완료된 것입니다.
그렇지 않다면:
- Klaviyo 에서 왼쪽 아래 모서리에 있는 조직 이름을 선택한 다음 연동을 선택합니다.
- 사각형을 클릭합니다.
- 클라비요 온사이트 자바스크립트 자동 추가 설정을 확인하세요.
- 저장을 클릭합니다.
양식의 임베드 코드를 사이트에 추가합니다.
먼저 Klaviyo 에서 임베드 양식을 생성하고 게시합니다. 이 섹션에서는 데이터를 올바르게 표시하고 동기화할 수 있도록 양식의 임베드 코드를 스퀘어 온라인 사이트에 붙여넣는 다음 단계에 대해 설명합니다.
- 스퀘어 온라인 대시보드로 이동합니다.
- 웹사이트 > 사이트 편집을 클릭합니다.
- 양식을 삽입할 페이지로 이동합니다.
- 섹션 추가 > 코드 삽입을 선택한 다음 추가를 클릭합니다.
- 다음 스크립트를 복사하여 코드 상자에 붙여넣습니다:
<스크립트 유형="텍스트/자바스크립트" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script> - 방금 붙여넣은 코드에서 PUBLIC_API_KEY를 클라비요 퍼블릭 API 키로 바꿉니다.
- 공개 API 키를 찾으려면 에서 설정 > API 키로 Klaviyo이동합니다. "계정 ID라고도 하는 6자 코드입니다."
- Klaviyo 으로 이동하여 양식 편집기 내의 타겟팅 및 행동 탭에서 양식의 임베드 코드를 복사합니다.
- 스퀘어에서 5단계에서 다른 스크립트를 붙여넣은 위치 아래의 코드 상자에 임베드 코드를 붙여넣습니다.
- 완료를 선택합니다.
- 게시를 선택하여 변경 사항을 저장합니다.
임베드 코드를 붙여넣고 스퀘어에 변경 사항을 저장했으면 웹사이트로 돌아가서 페이지를 새로 고칩니다. 퍼가기 양식이 사이트에 표시되고 양식에 연결된 Klaviyo 리스트에 바로 새 구독자를 추가할 수 있습니다.
양식이 표시되지 않으면 양식 임베드 문제 해결을 참조하세요.
Square 연동 연결을 해제하기로 결정한 경우, 스퀘어 온라인 사이트 편집기에서 이 임베드 코드를 수동으로 제거하여 양식을 제거해야 합니다.
다음 단계다음 단계
다음으로, 환영 이메일 시리즈를 만들어 새 구독자에게 즉각적인 인상을 남기세요.
추가 리소스