Square Online 사이트에 Klaviyo 임베드 폼을 추가하는 방법

학습 내용

Klaviyo 임베드 양식을 Square Online 사이트에 추가하는 방법을 알아보세요. 이를 위해 Klaviyo에서 양식을 만든 다음, 표시하려는 위치(예: 바닥글)의 사이트 파일에 임베드 코드를 붙여넣어야 해요.

시작하기 전에 알아야 할 것

Klaviyo에서 임베드 가입 양식을 만들기 전에 Klaviyo를 Square와 통합하고, 가입 양식 기능을 활성화할 수 있도록 온사이트 트래킹을 설정했는지 확인해 주세요. Square와 통합 할 때 Klaviyo 온사이트 JavaScript 자동 추가 설정을 선택했다면, 준비가 완료된 거예요.

그렇지 않은 경우:

1. Klaviyo에서 연동 탭을 선택합니다.
2. Square를 클릭하세요.
3. Klaviyo 온사이트 자바스크립트 자동 추가 설정을 확인해 주세요.
4. 저장을 클릭합니다.

사이트에 양식 임베드 코드를 추가하세요.

먼저 Klaviyo에서 임베드 양식을 만들고 게시합니다. 이 섹션에서는 양식의 임베드 코드를 Square Online 사이트에 붙여넣음으로써 데이터가 올바르게 표시되고 동기화되도록 하는 다음 단계를 다룹니다.

1. Square Online 대시보드로 이동해 주세요.
2. 웹사이트 > 사이트 편집을 클릭하세요.
3. 양식을 임베드하려는 페이지를 여세요.
4. 섹션 추가 > 코드 삽입을 선택한 다음 추가를 클릭해 주세요.
5. 다음 스크립트를 복사해 코드 상자에 붙여넣으세요:
   

<script type="text/javascript" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>

1. 방금 붙여넣은 코드에서 PUBLIC_API_KEY를 Klaviyo 공개 API 키로 바꿔 주세요.
   • 공개 API 키를 찾으려면 Klaviyo에서 설정 > API 키로 이동하세요. 이는 6자 코드로, “계정 ID”라고도 합니다.
2. Klaviyo로 돌아가 양식 편집기 내 타겟팅 및 동작 탭에서 양식의 임베드 코드를 복사하세요.
   

3. Square에서는 5단계에서 다른 스크립트를 붙여넣은 위치 아래에 있는 Code 상자에 임베드 코드를 붙여넣어 주세요.
4. 완료를 선택해 주세요.
5. 게시를 선택해 변경 사항을 저장하세요.

Square에 임베드 코드를 붙여넣고 변경 사항을 저장했다면, 웹사이트로 돌아가 페이지를 새로고침해 주세요. 임베드 양식이 사이트에 표시되고, 양식에 연결된 Klaviyo 목록에 새 구독자가 바로 추가돼요.

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

다음 단계

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