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 양식이 정상적으로 표시되고 작동하는지 확인하려면 웹사이트를 인코그니토 창에서 방문하세요.