Home » » 이메일 자동화 도구(+Mailerlite 구독 폼 만드는 과정 (Embedded Form 생성))

이메일 자동화 도구(+Mailerlite 구독 폼 만드는 과정 (Embedded Form 생성))

By 

✍️이메일 자동화 도구(Mailerlite, ConvertKit)를 활용한 구독자 기반 수익화 전략

 Mailerlite 구독 폼 만드는 과정 (Embedded Form 생성)

이 가이드는 Mailerlite 웹 인터페이스를 기준으로 설명합니다.
실제 레이아웃은 버전이나 요금제에 따라 약간 다를 수 있습니다. 

Mailerlite 구독 폼 만드는 과정 (Embedded Form 생성)

1. Mailerlite 로그인 & 대시보드 진입

  • Mailerlite 계정으로 로그인

  • 좌측 메뉴에서 Forms 탭 선택

2. Embedded forms 메뉴 선택

  • Forms 메뉴 하위에 여러 옵션 있는데, Embedded forms 또는 Embedded 항목 선택

  • 이 옵션은 “웹사이트에 삽입할 수 있는 코드 기반 폼”을 만드는 기능입니다.

3. 새 폼 생성 (Create embedded form)

  • “Create embedded form” 또는 “Create Form” 버튼 클릭

  • 폼 이름 입력: 예) newsletter_signup

  • 리스트(Subscriber List) 선택: 이 폼을 통해 구독자가 저장될 리스트 선택

  • 태그 또는 그룹 연결: 예) newsletter-subscriber 태그 자동 부여

4. 폼 디자인 및 필드 구성

  • 기본 필드들: 이메일, 이름

  • 필요 시 추가 필드: 예) 관심사, 지역 등

  • 체크박스 필드: GDPR 동의, 뉴스레터 수신 동의 등

  • 필드 레이블 및 placeholder 설정

  • 버튼 텍스트: 예) “구독하기”, “지금 받기” 등

  • 스타일 설정: 배경색, 글꼴, 버튼 색상 등

  • 반응형 디자인 옵션: 모바일/데스크탑 대응 여부

5. 설정 완료 및 코드 복사

  • 디자인 및 필드 확인 후 “Save & get code” 또는 “Embed” 버튼 클릭

  • 복제 가능한 코드(HTML + JavaScript)가 제공됨

  • 보통 <script> 태그 또는 <div> 태그 형태의 코드 조합

  • 예시 코드 형태:

    <div id="mlb2-abcde"></div>
<script>
  var ml_webform_abcde = ml_webform_abcde || {
    uuid: "xyz123",
    lid: "7890",
    form: { settings: { ... } }
  };
</script>
<script src="https://static.mailerlite.com/webforms/selector.js"></script>

6. 폼 코드 웹사이트 삽입

  • 복사한 코드를 블로그, 웹사이트, 노션 등에 삽입

  • 삽입 위치 예:

    • 블로그 포스트 하단

    • 사이드바 위젯

    • 팝업

    • Notion 페이지 (HTML 지원 시)

  • 삽입 후 실제 폼이 사이트에 표시되는지 확인 (미리보기나 실제 접속 확인)

✅ 완료되면 다음 스텝으로 넘어가기

이제 폼이 정상적으로 표시되고, 구독자가 입력할 수 있는 상태가 되었으면,
다음 단계는 이 폼에 응답한 구독자를 대상으로 자동화 워크플로우를 구성하는 것입니다.
즉, "누가 폼에 입력했을 때 어떤 이메일 흐름이 자동으로 발송될 것인가"를 설계하고 실행하는 단계가 됩니다.

진실한 소식, 소리하나를 담다 - 참소리: ganatoday!
그린아프로

감사합니다. 가나투데이였습니다. #ganatoday #가나 투데이

Share:  Facebook Twitter Google+