contact us 쉽게 구현하기 (feat.Emailjs)

대부분의 사이트가 들어가보면 contact us(고객문의) 기능이 있어서 한번 만들어봐야지라고 생각하고 이것저것 찾아봤다.

 

php 작업.. 지금은 시간싸움인데 공부하고 구현하기에는 어렵다고 생각.. pass

백단에서 메일전송.. 난 프론트엔드 개발자를 하고 싶은데 백단 작업은 그만하고 싶다는 생각.. pass

 

그러다가 퓨어 js로 간단하게 구현가능한 방법을 찾았다.

바로 Emailjs !!

https://www.emailjs.com/

Send email directly from your code | EmailJS

사이트에 들어가서 docs만 간단하게 읽어봐도 작성이 된다.

회원가입하고 로그인하면 Email Templates라는 창이 있는데 여기에서 내가 보낼 양식을 만들 수 있다.

보낼 양식을 정하고 나면 Playground 클릭! 

이후 뜨는 창에 작성된 코드를 이용하면 간단하게 고객문의 메일보내기 기능 구현 완료!

작업중인 프로젝트인데 '이메일 보내기'를 누르면 해당 메시지와 이름, 답장받을 이메일이 나의 이메일로 전송된다.

이 양식과 보낼 내용에 대한 변수 설정은 위에서 설명한 Email Templates 창에 있다는 점 참고.