단골 고객 확보의 첫걸음! 블로그 푸터에 '이메일 구독 폼' 만드는 법

 

독자와의 연결고리! 세련된 이메일 구독 위젯 설치 가이드

좋은 글을 쓰고 나서 독자가 다시 찾아와주길 기다리기만 하시나요? 이제 푸터에 뉴스레터 구독 폼을 만들어 보세요. 정기적인 이메일 발송은 블로그 재방문율을 높이는 가장 강력한 무기가 됩니다.

1단계: 구독 폼 전용 CSS 설정하기

📍 위치: [테마] → [맞춤설정] → [고급] → [CSS 추가]

아래 코드를 복사해서 붙여넣으세요. 깔끔하고 현대적인 입력창과 버튼 스타일을 만들어줍니다.

/* 구독 폼 컨테이너 */ .subscribe-footer { background-color: #f9f9f9; padding: 40px 20px; text-align: center; border-radius: 15px; margin: 30px auto; max-width: 600px; } .subscribe-title { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .subscribe-text { font-size: 14px; color: #666; margin-bottom: 20px; } /* 입력창 및 버튼 레이아웃 */ .subscribe-form { display: flex; justify-content: center; gap: 10px; } .subscribe-input { padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; width: 60%; font-size: 14px; } .subscribe-btn { padding: 12px 25px; background-color: #4285f4; color: white; border: none; border-radius: 5px; cursor: pointer; font-weight: bold; transition: 0.3s; } .subscribe-btn:hover { background-color: #357ae8; } /* 모바일 대응 */ @media (max-width: 480px) { .subscribe-form { flex-direction: column; } .subscribe-input { width: 100%; } }

2단계: 구독 폼 HTML 삽입하기

[레이아웃] 메뉴에서 [가젯 추가] → [HTML/JavaScript]를 선택한 뒤 아래 코드를 본문(Content)에 넣으세요.

<div class="subscribe-footer"> <div class="subscribe-title">✉️ 뉴스레터 구독하기</div> <div class="subscribe-text">최신 IT 정보와 수익화 노하우를 메일로 보내드립니다.</div> <form action="내_메일서비스_구독_주소" method="post" target="_blank" class="subscribe-form"> <input type="email" name="email" class="subscribe-input" placeholder="이메일 주소를 입력하세요" required /> <button type="submit" class="subscribe-btn">구독 신청</button> </form> </div>

💡 메일 리스트 관리 서비스 추천
블로그스팟은 자체 메일 수집 기능을 제공하지 않으므로, 아래와 같은 무료 서비스를 연동해야 합니다.
1. Mailchimp (메일침프): 가장 유명하며, 무료 플랜에서도 강력한 기능을 제공합니다.
2. MailerLite (메일러라이트): 초보자가 쓰기에 가장 직관적이고 깔끔합니다.
3. Stibee (스티비): 한국 서비스로, 한글 폰트 지원과 UI가 매우 뛰어납니다.

⚠️ 주의사항
- 개인정보 보호: 이메일 수집 시 '개인정보 수집 및 이용 동의' 문구를 작게라도 넣어주는 것이 법적 분쟁을 예방하는 길입니다.
- 스팸 차단: 구독 신청 시 '로봇이 아닙니다(reCAPTCHA)' 설정을 켜두어야 무분별한 스팸 메일 등록을 막을 수 있습니다.

이제 여러분만의 뉴스레터로 팬덤을 구축해 보세요!