Amped.io 양식 마이그레이션 가이드
학습 내용
Amped.io(현재 메일침프(Mailchimp)로 통합됨)의 양식을 Klaviyo 로 마이그레이션하는 방법을 알아보세요. 2025년 8월 15일부터 Amped.io는 Klaviyo 와 같은 제3자 연동을 더 이상 지원하지 않습니다. 이 가이드는 기존 양식의 핵심 요소를 식별하고 문서화하는 데 참고자료로 활용되어, Klaviyo에서 해당 양식을 쉽게 재구성할 수 있도록 도와줍니다.
시작하기 전에시작하기 전에
Klaviyo에서 양식을 다시 만들어야 하므로, Amped.io의 양식과 스타일을 스크린샷을 찍거나 다른 방법으로 문서화하여 참고자료로 보관하시기를 권장합니다. 이 과정을 메일침프(Mailchimp)에서 Klaviyo 로 마이그레이션하려는 각 양식에 대해 반복하고, 각 양식이 가질 수 있는 각 단계에 대해 수행합니다.
폼 요소폼 요소
Klaviyo에서 기존 양식을 정확히 재현하려면, 기존 양식의 모양과 설정을 상세히 문서화하십시오. 일반적으로, 다음 주요 요소와 그 스타일 설정을 반드시 문서화하거나 스크린샷으로 저장하십시오.
입력란입력란
폼의 모든 필드를 문서화하거나 스크린샷으로 캡처하십시오. 표준 이메일 필드도 포함됩니다. 이에는 전화번호, 생년월일, 고객으로부터 수집하는 기타 정보 등이 포함될 수 있습니다.
스크린샷을 반드시 찍어주세요:
-
필드 레이블
각 필드의 표시되는 라벨(예: "First Name," " Favorite Color," " Birthday"). -
필드 유형
각 필드의 유형을 확인하세요(예: 텍스트, 숫자, 날짜, 라디오 버튼, 체크박스, 드롭다운). -
태그 병합
각 필드와 연결된 메일침프(Mailchimp) 대상 필드. 다음은 Klaviyo에서 생성할 사용자 정의 속성을 식별하는 방법입니다. -
Platzhaltertext
사용자가 입력란에 텍스트를 입력하기 전에 표시되는 예시 또는 안내 텍스트.
메일침프(Mailchimp)에서 이 정보를 확인하려면 양식 편집기에서 해당 필드를 직접 클릭하시면 됩니다. 오른쪽에 입력란의 설정 옵션이 포함된 패널이 열립니다.
여기에서는 해당 필드와 관련된 데이터 정보 및 적용된 모든 스타일을 확인할 수 있습니다. 이 설정들을 스크린샷으로 찍거나 다른 방법으로 기록해 두세요. 이렇게 하면 Klaviyo에서 양식을 재구성할 때 참조할 수 있습니다.
양식 복사
또한 양식에 포함된 모든 텍스트 및 메시지(즉, 모든 콘텐츠)의 기록을 작성해야 합니다. 다음 사항을 반드시 문서화하십시오:
-
양식 제목
양식의 주요 제목 (예: "뉴스레터에 가입하세요," " 10% 할인% Off"). -
본문
구독의 가치를 설명하거나, 구독 시 받을 수 있는 내용, 또는 관련 안내 사항을 설명하는 모든 설명 텍스트. -
버튼 텍스트
버튼에 표시된 텍스트 (예: "구독하다," " Claim Your Offer," " Sign Me Up"). -
확인 메시지
사용자가 양식을 제출한 후 표시되는 메시지입니다.
-
공개 고지 사항
고객이 구독하는 서비스의 세부 사항과 귀사가 고객의 정보를 어떻게 사용할지에 대해 고객에게 알리는 양식 내의 모든 공개 언어.
메일침프(Mailchimp)에서 텍스트의 설정을 확인하려면 형식 편집기에서 해당 텍스트를 클릭하세요. 오른쪽에 패널이 열리며, 해당 패널에서 적용된 모든 스타일을 확인할 수 있습니다. 이 설정들을 스크린샷으로 찍거나 다른 방법으로 기록해 두세요. 이렇게 하면 Klaviyo에서 양식을 재구성할 때 참조할 수 있습니다.
버튼
버튼은 양식의 또 다른 핵심 요소입니다. 폼에 여러 단계가 있다면 몇 개의 버튼이 있을 수 있으니, 모든 버튼의 설정을 반드시 기록해 두세요. 다음 사항을 반드시 기록해 두세요:
-
디자인 및 스타일
버튼의 색상(예: 텍스트 색상, 배경 색상 등), 여백, 및 폰트. -
라벨 버튼에 표시되는 텍스트 (예: "Submit," " 회원가입," " Claim Your Discount," " Next").
-
버튼 동작
고객이 버튼을 클릭했을 때의 동작(예: 다음 단계로 이동, 제출, 리디렉션 등)
-
데이터 수집
고객으로부터 정보를 수집하는 버튼(예: 라디오 버튼)이 있는 경우, 해당 버튼이 관련된 대상 태그를 메일침프(Mailchimp)에 문서화하여 Klaviyo 에서 사용자 정의 속성으로 재현할 수 있도록 합니다. -
비활성화 상태
비활성화 상태일 때(예: 모든 필수 필드가 입력되기 전) 버튼은 어떻게 보이나요? 이에는 색상 변경 및 커서 스타일 변경이 포함됩니다.
메일침프(Mailchimp)에서 버튼의 설정을 확인하려면 양식 편집기에서 해당 버튼을 클릭하세요. 오른쪽에 버튼의 설정 옵션이 포함된 패널이 열립니다. 여기에서는 버튼의 동작에 대한 정보와 적용된 모든 스타일을 확인할 수 있습니다. 이 설정들을 스크린샷으로 찍거나 다른 방법으로 기록해 두세요. 이렇게 하면 Klaviyo에서 양식을 재구성할 때 참조할 수 있습니다.
티저
메일침프(Mailchimp)에서 티저 양식이 활성화되어 있다면, 해당 양식의 내용과 디자인을 문서화하여 Klaviyo 에서 재구성할 수 있도록 준비해 주세요. 스크린샷을 찍거나 기타 방법으로 기록하십시오:
-
티저 콘텐츠
티저 및 행동 촉구에 포함된 모든 텍스트 또는 이미지는.
-
티저 디자인 및 스타일링
티저가 화면에 표시되는 위치, 모양과 크기, 색상, 폰트 등 디자인 및 스타일링 세부 사항을 주의 깊게 확인하세요. -
티저 표시 및 동작
티저의 표시 및 동작 설정(트리거, 빈도, 가시성 설정 등)을 문서화합니다.
메일침프(Mailchimp) 양식 편집기에서 티저는 'Second-chance 요소'라고 불립니다. 티저의 설정을 확인하려면:
- 단계 패널에서 '후속 조치'를 클릭합니다.
- 2차 기회 컨테이너를 클릭하세요.
- 오른쪽 패널에서 티저 설정을 확인하고 기록하세요.
행동 및 기능
메일침프(Mailchimp) 양식의 시각적 요소를 기록한 후 다음 단계는 그 양식의 동작과 기능을 캡처하는 것입니다. 다음 설정을 메일침프(Mailchimp) 양식에 반드시 기록해 주세요:
-
표시 타이밍
폼이 표시되는 방법과 시점을 문서화합니다(예: 페이지 로드 시, 지연 후, 창 닫기 시, 스크롤 비율에 따라). -
표시 빈도
사용자에게 양식이 표시되는 빈도를 확인하세요 (예: 세션당 한 번 표시, 매번 표시). -
특수 상호작용 표시
특정 상호작용이나 트리거(예: 특정 조건이 충족될 때 발생하는 동작)를 포함합니다. -
타겟팅 규칙
-
URL
폼이 표시되어야 하는 페이지와 제외되어야 하는 페이지는 어디인가요? -
기기
폼은 어떤 기기에서 표시되어야 하나요(예: 모바일, 데스크톱, 또는 둘 다)? -
방문자 유형
이 양식은 신규 방문자나 기존 방문자의 프로필을 대상으로 해야 하나요? -
지리적 타겟팅
이 양식은 특정 지리적 위치에 타겟팅되어 있습니까? -
UTM 매개 변수
트리거는 특정 매개 변수( UTM )에 의해 발생하나요?
-
URL
메일침프(Mailchimp) 양식의 동작 및 기능 설정을 확인하려면:
- 메일침프(Mailchimp)의 양식 페이지에서 양식 옆에 있는 '편집'을 선택합니다.
- '어디에 표시할까요?'에서 사이트 설정 편집을 선택하세요 .
- '누가 이 내용을 볼 수 있나요?'에 대한 대상 설정 편집을 선택하세요 .
- " 언제 표시해야 하나요?"에 대한 편집 트리거를 선택하세요 .
- 각 항목에 대한 설정 내용을 문서로 작성하거나 스크린샷으로 캡처하세요.
자산
이미지와 로고이미지와 로고
메일침프(Mailchimp) 양식에 포함된 이미지 및 로고 중 Klaviyo 로 이동시키려는 모든 파일을 반드시 수출해 주세요.
메일침프(Mailchimp) 양식에서 이미지를 내보내려면:
- 메일침프(Mailchimp) 양식 편집기에서 이미지를 선택하세요.
- 오른쪽 사이드바의 다운로드 버튼을 클릭하세요.
글꼴
메일침프(Mailchimp) 양식 내 모든 텍스트 요소의 폰트를 반드시 기록해 두세요. 각 텍스트 요소(예: 제목, 버튼 라벨 등)는 각각 다른 폰트를 사용할 수 있습니다.
메일침프(Mailchimp) 양식에서 사용된 모든 폰트의 목록을 양식 빌더의 개요 페이지에서 확인할 수 있습니다.
특정 요소에 사용된 폰트를 확인하려면 해당 요소를 클릭하시면 됩니다. 사용된 스타일과 폰트는 오른쪽 패널에 표시됩니다.
색상
Klaviyo 양식에서 동일한 색상을 사용하려면, 메일침프(Mailchimp) 양식에서 각 색상의 16진수 코드를 복사하세요. 각 16진수 코드는 특정 색상을 나타내며, 이를 통해 Klaviyo에서 동일한 색상으로 양식을 재현할 수 있습니다.
메일침프(Mailchimp) 양식에서 사용된 모든 색상과 해당 16진수 코드를 양식 빌더의 개요 페이지에서 확인할 수 있습니다.
특정 요소에 사용된 색상을 확인하려면 해당 요소를 클릭하시면 됩니다. 사용된 스타일과 폰트는 오른쪽 패널에 표시됩니다.
Klaviyo에서 양식 만들기
위 단계들을 완료하고 메일침프(Mailchimp)에서 양식의 주요 구성 요소를 문서화한 후, Klaviyo 에서 양식을 재구성할 준비가 되면 아래 프로세스를 사용할 수 있습니다.
Klaviyo에서 양식을 재구성하세요.Klaviyo에서 양식을 재구성하세요.
Klaviyo 계정에서 양식을 재구성하려면,
- 가입 양식 탭으로 이동한 후 '가입 양식 만들기'를 클릭하세요.
-
폼 유형 선택
메일침프(Mailchimp) 양식과 일치하는 양식 유형을 선택하세요(예: 팝업, 플라이아웃, 전체 페이지, 또는 임베드). -
콘텐츠 추가 및 입력란
- 체크리스트에 있는 정보를 사용하여 텍스트 블록, 이미지 블록 및 입력란을 추가하세요.
- 맞춤 필드의 경우, 양식 편집기에서 직접 새로운 프로필 속성을 생성할 수 있습니다.
-
폼을 스타일링하세요
- 폼 편집기의 '스타일' 섹션에서 색상, 폰트, 레이아웃을 조정하여 브랜드와 원본 메일침프(Mailchimp) 폼과 일치하도록 설정하세요.
- 배경 이미지 및 측면 이미지를 추가할 수 있습니다.
- 관련 가이드: 가입 양식의 스타일 이해
타겟팅 및 행동 설정
Klaviyo에서 양식의 타겟팅 및 행동 설정을 구성하려면:
- 폼 빌더의 개요 페이지에서 '대상 및 행동' 버튼을 선택합니다.
-
표시 규칙 설정
타겟팅 & 행동 탭에서 양식이 표시되는 시점과 방법을 구성합니다.- 디스플레이 타이밍 설정 (예: 페이지 로드 시, 지연 후, 창 닫기 시, 스크롤 비율에 따라).
- 디스플레이 빈도를 설정합니다(예: 세션당 한 번 표시, 매번 표시).
-
대상 고객을 정의하세요
- 폼이 특정 페이지에만 표시되도록 하려면 대상 URL을 지정하세요.
- 장치를 지정하세요(예: 데스크톱, 모바일 또는 둘 다).
- 방문자 유형 설정 (예: 신규 또는 재방문자).
- 폼이 특정 지역의 고객을 대상으로 설정된 경우 지오타겟팅을 적용합니다.
- UTM 매개 변수를 사용하십시오. 양식이 특정 UTM 매개 변수에 의해 트리거될 경우.
다음 단계
Klaviyo 에서 메일침프(Mailchimp) 양식을 성공적으로 재구성한 후에는 원활한 전환을 위해 다음과 같은 추가 단계가 필요합니다.
-
트리거를 환영 이메일 흐름에 연결하세요
폼에 연결한 리스트에 의해 환영 이메일 플로우가 트리거되도록 확인하세요. -
쿠폰 설정
양식 성공 메시지에 쿠폰을 표시하거나 환영 이메일 내에 포함할 수 있습니다.
게시하고 교체하기
Klaviyo 에서 양식이 준비되면, 이를 게시할 준비를 하고 기존 메일침프(Mailchimp) 양식을 삭제할 수 있습니다.
-
Klaviyo 양식을 게시하세요
폼이 완료되면 '게시'를 클릭하세요.-
Klaviyo 임베드 코드를 설치하세요 (필요한 경우):
- 팝업, 플라이아웃 및 전체 페이지 양식을 사용하려면 Klaviyo 의 온사이트 추적(예: Klaviyo.js)이 필요합니다. 귀하의 사이트에 설치되었습니다.
- 내장형 양식을 사용하려면 제공된 내장 코드를 복사한 후 양식이 표시되도록 원하는 위치에 웹사이트의 HTML에 붙여넣어야 합니다.
-
Klaviyo 임베드 코드를 설치하세요 (필요한 경우):
-
메일침프(Mailchimp) 양식을 제거하세요
메일침프(Mailchimp) 계정에서 해당 양식을 비활성화하거나 제거하여 두 양식이 모두 표시되지 않도록 합니다. -
테스트
새로 추가된 Klaviyo 양식이 정상적으로 표시되고 작동하는지 확인하려면 웹사이트를 인코그니토 창에서 방문하세요.