본문 바로가기
Knowledge/- Service

나에게 보내는 연락 이메일 페이지 생성

by Yoojacha 2022. 8. 31.

google mail api를 사용함!

 

install 방법

https://github.com/dwyl/learn-to-send-email-via-google-script-html-no-server#how

 

GitHub - dwyl/learn-to-send-email-via-google-script-html-no-server: An Example of using an HTML form (e.g: "Contact Us" on a web

:email: An Example of using an HTML form (e.g: "Contact Us" on a website) to send Email without a Backend Server (using a Google Script) perfect for static websites that need to collect d...

github.com

 

한글 install 방법

https://kutar37.tistory.com/entry/%EC%A0%95%EC%A0%81-HTML-form%ED%83%9C%EA%B7%B8%EC%97%90%EC%84%9C-%EB%A9%94%EC%9D%BC%EB%B3%B4%EB%82%B4%EA%B8%B0-Google-Apps-Mail

 

정적 HTML form태그에서 메일보내기 : Google Apps Mail

html에서 mailto를 사용하면, 구현은 물론 간단합니다만 outlook과 같은 쓸데없는 프로그램을 실행해 사용자에게 불편을 초래합니다. 아래와 같이 서버 없는 순수 HTML과 자바스크립트로 메일보내기

kutar37.tistory.com

 

받을 이메일 설정 및 배포 페이지 모습 (한글 install 방법에는 배포 방식이 옛날이라 다름)

 

보내고 난 후 자동으로 스프레드 시트 업데이트 (아래 주소는 내 스프레드 시트)

https://docs.google.com/spreadsheets/d/1L7nJWkrAXt7YbsXxdG9GVFGnaVLvQzlpTb7Nw9cNiP0/edit#gid=0

 

Google Sheets: 로그인

이메일 또는 휴대전화

accounts.google.com

아래는 사본을 만들어야하는 스프레드 시트

 https://docs.google.com/spreadsheets/d/1Bn4m6iA_Xch1zzhNvo_6CoQWqOAgwwkOWJKC-phHx2Q/copy

 

Google Sheets: 로그인

이메일 또는 휴대전화

accounts.google.com

 

 

 

form 예시 css 적용 없을 때 모습

 

 

댓글