본문 바로가기
프론트엔드/웹 기능 구현

[ 웹 기능 구현 ] 백엔드 없이 HTML 문의 양식에서 이메일 보내는 방법 1

by CODESIGN 2022. 2. 28.

 

포트폴리오를 만들다 보면 연락처 부분이 필요하게 됩니다.

 

이때 백엔드 없이 HTML안에서 만든 form으로 당신에게 이메일을 보낼 수 있는 두 가지 방법이 있습니다.

 

1. FormSubmit을 사용하기

2. Get form을 사용하기

 

https://formsubmit.co/

 

FormSubmit | Easy to use form backend - form endpoints for your HTML forms

FormSubmit is a form backend, API and email service for HTML forms. It sends your site's form submission directly into your inbox without a need for any backend code or SMTP setup.

formsubmit.co

 

 

STEP 1


위 링크로 들어가셔서 form 태그를 복사해 주세요.

 

 

 

STEP 2


복사 한 태그를 원하는 위치에 넣어 주세요.

그리고 your@email.com을 본인이 연락을 받고 싶은 이메일로 바꿔주세요.

 

 

html에서는 이렇게 보입니다.

추가로 css를 설정해 줘도 됩니다.

 

 

 

STEP 3


처음에는 Activation을 해줘야 합니다.

 

테스트로 이름과 이메일을 적어 보내보세요.

이메일이 날아오는데 Activation을 하라고 합니다.

 

 

 

 

STEP 4


 

본인 이메일에 "Action Required: Activate FormSubmit on.."으로 온 이메일에서  "Activate Form" 버튼을 눌러주세요.

 

 

 

 

 

 

 

댓글