오늘은 MailChimp와 워드프레스를 연동하여 웹사이트에 이메일 구독 기능을 추가하는 방법에 대해 알아볼게요! 요즘 많은 사이트들이 뉴스레터로 구독자를 모으고 있잖아요? 그럼 지금부터 함께 시작해보아요!
MailChimp에서 구독자 목록과 구독 폼 만들기
구독자 목록 만들기
먼저, MailChimp에 로그인한 후 "리스트(Lists)" 메뉴를 클릭해 새로운 구독자 목록을 만들어볼까요? 여기에 리스트 이름과 기본 발송자 정보를 입력한 다음, "저장(Save)" 버튼을 클릭하면 준비 완료! 이제 이 목록으로 구독자들을 관리할 수 있어요.
구독 폼 만들기
이제 리스트를 사용해 구독 폼을 만들어볼 거예요. 구독자 목록 메뉴에서 "Signup forms"를 클릭하고 원하는 폼 유형을 선택합니다. 보통 사람들이 많이 사용하는 "Embedded forms" 유형을 추천드려요. 생성된 코드를 웹사이트의 적절한 위치에 붙여 넣으면 폼이 완성됩니다!
워드프레스에서 WPForms와 MailChimp 연동하기
WPForms 플러그인 설치와 설정
WPForms 플러그인 설치
워드프레스 대시보드에서 WPForms라는 플러그인을 찾아 설치하고 활성화합니다. 그 다음, "WPForms » Addons"로 가서 MailChimp 애드온을 설치해 주세요. 이렇게 하면 WPForms와 MailChimp를 연동할 수 있게 돼요.
구독 양식 만들기
"WPForms » Add New"로 이동하여 새로운 폼을 만드세요. "Newsletter Signup Form" 템플릿을 선택하면 이름과 이메일 주소 필드를 손쉽게 추가할 수 있답니다.
MailChimp와 연동하기
다음 단계에서는 "Marketing » MailChimp"로 이동해 "Add New Connection"을 클릭하세요. 여기서 MailChimp API 키를 입력해야 하는데, API 키는 MailChimp의 "Your Profile » Extras » API Keys"에서 찾을 수 있어요!
구독 폼을 사이트에 추가하기
구독 폼을 만들었으니, 이제 사이트에 추가해볼까요? 블로그 포스트, 페이지, 또는 사이드바 위젯에 폼을 쉽게 추가할 수 있어요. 글이나 페이지 편집 화면에서 "Add Form" 버튼을 클릭하면 된답니다.
구독 팝업창 추가하기
MailChimp의 구독 팝업창 사용
팝업창 선택
MailChimp에서 팝업을 설정하는 방법을 알아볼까요? "리스트(Lists)"로 이동하여 "Signup forms" 메뉴에서 "Subscriber pop-up"을 선택합니다. 팝업 창은 시선에 확 띄게 할 수 있어서 아주 유용해요.
팝업창 디자인
팝업 창을 디자인하는 것은 어렵지 않아요. 색상이나 텍스트, 이미지를 마음대로 설정할 수 있답니다. 다 꾸며졌으면 "Generate Code"를 클릭해 코드를 생성하세요.
코드를 워드프레스에 추가
코드를 워드프레스에 추가하는 방법은 여러 가지가 있어요. 테마 템플릿 파일에 삽입하거나, Insert Headers and Footers 플러그인을 사용해서 추가할 수 있습니다. 사용자 정의 HTML 위젯도 사용할 수 있답니다.
모바일 구독 팝업창 처리
모바일에서는 팝업창이 배너 형태로 표시될 수 있는데, CSS를 통해 스타일을 조정할 수 있어요. 모바일 환경에 맞춰서 구독 폼을 화면 상단이나 하단에 표시할 수도 있고요, 필요에 따라 아예 표시되지 않도록 만들어볼 수 있습니다.
이렇게 MailChimp과 WPForms를 활용하여 워드프레스 사이트에 이메일 구독 기능을 추가하는 방법을 알아봤어요! 간단한 절차로 구독자와의 소통을 더 강화할 수 있답니다. 지금 바로 시작해보세요!
