🐙 EmailOctopus: 구독폼을 블로그·워드프레스에 삽입하는 3가지 방법 (2편)

지난번 EmailOctopus를 통해 무료로 이메일 마케팅을 시작하는 방법에 대해 알아보셨죠? 이번에는 여러분의 블로그나 워드프레스에 EmailOctopus 구독폼을 효과적으로 삽입하는 3가지 방법을 자세히 알려드릴게요. 독자들이 여러분의 콘텐츠를 읽다가 쉽게 뉴스레터를 구독할 수 있도록 만들어주는 중요한 과정이니 잘 따라와 주세요!

EmailOctopus: 구독폼을 블로그·워드프레스에 삽입하는 3가지 방법 (2편)

1. 인라인(In-line) 폼: 포스팅 중간에 자연스럽게 녹여내기

인라인 폼은 가장 일반적이고 자연스러운 구독폼 삽입 방식입니다. 독자가 블로그 포스팅을 읽는 도중 특정 섹션에 구독폼이 나타나도록 할 수 있어, 콘텐츠에 흥미를 느끼는 순간 바로 구독을 유도할 수 있습니다.

워드프레스 삽입 방법:

  1. EmailOctopus에서 인라인 폼 생성: EmailOctopus 대시보드에서 'Forms' 메뉴로 이동한 후, 'New Form'을 클릭하고 'Embedded form' 또는 'In-line form'을 선택합니다.
  2. 디자인 및 설정: 폼의 디자인(색상, 텍스트 등)을 원하는 대로 커스터마이징하고, 구독 후 메시지 등을 설정합니다.
  3. 코드 복사: 설정이 완료되면 EmailOctopus에서 제공하는 임베드 코드(Embed code)를 복사합니다. 일반적으로 <script> 태그를 포함한 HTML 코드입니다.
  4. 워드프레스 에디터에 삽입:
  • 블록 에디터(구텐베르크): 워드프레스 포스팅 편집 화면에서 구독폼을 넣고 싶은 위치에 커서를 둔 후 '+' 버튼을 클릭하고 '사용자 정의 HTML' 블록을 검색하여 추가합니다. 여기에 복사한 EmailOctopus 코드를 붙여넣습니다.
  • 클래식 에디터: 텍스트 모드(HTML 편집 모드)로 전환한 후 원하는 위치에 코드를 붙여넣습니다.
      5. 미리보기 및 발행: 포스팅을 미리보기하여 구독폼이 제대로 나타나는지 확인한 후 발행합니다.

2. 팝업(Popup) 폼: 독자의 시선을 사로잡는 강력한 유도

팝업 폼은 특정 행동(페이지 진입, 스크롤, 페이지 이탈 시도 등)을 했을 때 자동으로 나타나는 구독폼입니다. 시각적으로 강력하여 구독 전환율을 높이는 데 효과적이지만, 너무 자주 나타나거나 방해가 되지 않도록 적절한 설정이 중요합니다.

워드프레스 삽입 방법:

  1. EmailOctopus에서 팝업 폼 생성: EmailOctopus 대시보드에서 'Forms' 메뉴로 이동한 후, 'New Form'을 클릭하고 'Popup form'을 선택합니다.
  2. 디자인 및 트리거 설정: 팝업의 디자인뿐만 아니라 언제 팝업이 나타날지를 설정하는 것이 핵심입니다.

  • Time on page (페이지 머문 시간): 특정 시간(예: 10초)이 지나면 팝업이 나타나도록 설정합니다.
  • Scroll depth (스크롤 깊이): 사용자가 페이지를 일정 비율(예: 50%) 스크롤했을 때 나타나도록 합니다.
  • Exit intent (이탈 의도): 사용자가 페이지를 닫으려 할 때(마우스 커서가 브라우저 상단으로 이동할 때) 나타나도록 합니다.

  1. 코드 복사: 설정이 완료되면 EmailOctopus에서 제공하는 임베드 코드를 복사합니다. 이 코드는 보통 웹사이트의 <body> 태그 바로 앞에 삽입해야 합니다.
  2. 워드프레스 웹사이트에 삽입:

    • 테마 편집기: 워드프레스 관리자 페이지에서 '외모' > '테마 편집기'로 이동한 후 footer.php 파일을 찾아 </body> 태그 바로 위에 코드를 붙여넣는 방법입니다. (주의: 테마 업데이트 시 코드가 사라질 수 있으므로, 자식 테마를 사용하거나 플러그인을 활용하는 것을 권장합니다.)
    • 플러그인 사용: 'Insert Headers and Footers'와 같은 플러그인을 사용하면 테마 파일을 직접 수정하지 않고도 헤더나 푸터에 코드를 쉽게 삽입할 수 있습니다. 플러그인 설치 후, 해당 플러그인 설정 페이지에서 푸터 섹션에 코드를 붙여넣습니다.

  1. 테스트: 웹사이트에 접속하여 설정한 트리거에 따라 팝업이 제대로 나타나는지 확인합니다.

3. 고정(Sticky) 바 또는 플로팅(Floating) 폼: 항상 보이는 구독 유도

고정 바 또는 플로팅 폼은 사용자가 스크롤을 해도 화면의 특정 위치(주로 상단 또는 하단)에 계속 고정되어 보이는 구독폼입니다. 항상 노출되므로 구독 기회를 놓치지 않게 해줍니다.

워드프레스 삽입 방법:

  1. EmailOctopus에서 플로팅 바/고정 폼 생성: EmailOctopus에서 해당 기능을 제공하는지 확인하고, 제공한다면 'Forms' 메뉴에서 'Floating bar' 또는 유사한 옵션을 선택합니다. (EmailOctopus가 이 기능을 직접적으로 제공하지 않는 경우, 웹사이트 커스터마이징이 필요할 수 있습니다.)
  2. 디자인 및 위치 설정: 바의 디자인, 텍스트, 그리고 화면의 어느 위치에 고정될지(상단, 하단, 좌측, 우측) 설정합니다.
  3. 코드 복사: EmailOctopus에서 제공하는 임베드 코드를 복사합니다.

  4. 워드프레스 웹사이트에 삽입: 팝업 폼과 마찬가지로, 웹사이트의 <body> 태그 바로 앞에 코드를 삽입하는 것이 일반적입니다.

    • 테마 편집기 또는 플러그인 활용: 'Insert Headers and Footers'와 같은 플러그인을 사용하여 푸터 섹션에 코드를 붙여넣거나, footer.php 파일을 직접 수정하여 코드를 삽입합니다.
    5. 테스트: 웹사이트에 접속하여 스크롤을 해도 구독폼이 해당 위치에 고정되어 있는지 확인합니다.

💡 추가 팁: 최적의 구독폼 위치 찾기

  • 포스팅 끝: 글을 다 읽은 독자들은 내용에 만족했기에 구독할 가능성이 높습니다.
  • 사이드바: 블로그의 모든 페이지에서 구독폼을 노출할 수 있는 일반적인 위치입니다.
  • About Us 페이지: 여러분에 대해 더 알고 싶은 방문자들이 구독할 수 있도록 합니다.
  • 팝업 타이밍 조절: 너무 빨리 팝업이 뜨면 독자를 불편하게 할 수 있으니, 페이지 진입 후 10~20초 후 또는 스크롤 50% 지점 등 적절한 타이밍을 테스트해보세요.

EmailOctopus를 활용하여 이메일 구독폼을 블로그나 워드프레스에 삽입하는 방법을 알아보았습니다. 이 세 가지 방법을 잘 활용하여 여러분의 뉴스레터 구독자를 늘려나가시길 바랍니다! 다음 편에서는 자동화 뉴스레터 시리즈 만들기 실전 튜토리얼로 찾아오겠습니다.