%3B%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)
mailto 활용해서 노션 클릭용 이메일 링크 만들기
노션을 활용하다보면 포트폴리오 작업 또는 다양한 공간에 공개하는 홈페이지 등을 만들때가 있습니다. 이런 경우 연락처를 기재하게 되는데 대부분 이메일을 입력하게되죠? 이 경우 문자형태로 작성해도 검색자는 복사하고 붙여넣기를 통해 메일을 보낼 수 있지만? 엑셀이나 PPT 처럼 하이퍼링크 형태로 기재한다면 이메일을 보내고 싶은 상대방이 조금 편하지 않을까요?
오늘은 mailto를 활용해서 이메일 작성하기 바로가기 링크를 만들어보겠습니다.
1. 이메일 기재할 노션 페이지로 이동
예시로 보여드리는 페이지는 노션으로 포트폴리오 실습 템플릿을 수정하고 있던 페이지 입니다. 여러분도 이메일 바로가기를 하고 싶은 노션 페이지를 열어보세요.
아래 이미지 처럼 이메일 주소를 넣었지만 텍스트 형태로 클릭을 할 수 없고 이메일을 보내기 위해서는 복사해서 붙여넣기 작업을 하거나 직접 이메일로 가서 받은 사람 주소를 입력해야 합니다.
2. 텍스트로 표시된 이메일 주소 드래드
텍스트로 표시된 이메일 주소를 마우스로 드래그하면 위쪽에 메뉴바가 생깁니다.
이미 링크가 들어가있는 경우 수정이 필요하다면 "편집"을 클릭하면 되고 그렇지 않다면 "
링크" 를 선택해 줍니다.
링크" 를 선택해 줍니다.3. mailto: 활용하기
링크를 입력하는 공간에 "mailto:" 를 입력 후 뒤쪽에 본인의 이메일 주소를 입력합니다. 모두 입력 후 아래의 URL에 대한 링크를 클릭하거나 엔터를 치면 끝납니다.
즉, mailto:본인이메일주소 를 입력해주면 됩니다. 윈도우라면 아웃룩 또는 노트북 기본 메일툴로 연결이 되고 맥이라면 메일 앱으로 자동연결이 되어 메일 쓰기 상태가 됩니다.
이메일 기재 시 메일쓰기로 바로 연결 어렵지 않죠? 노션이 아닌 다른 웹사이트에서도 활용할 수 있으니 참고해주세요.
여기서 잠깐
mailto가 PC에서 아무리 클릭해도 연결이 안된다면?
모바일에서는 크롬이거나 다른 이메일 프로그램으로 선택하는 화면이 나오는데? PC에서는 자꾸 연결하면 빈 화면만 나와서 깜짝 놀래셨죠?
클릭하면 바로 지메일 또는 네이버 메일로 쓰기로 연결할 수 있게 알려드리겠습니다. 천천히 따라와주세요.
1. mailto 클릭 시 구글 지메일로 바로 연결하기
사용하는 클롬에서 지메일을 클릭해주세요. url 상단을 확인하면 아래 이미지에서 보이는 아이콘을 발견할 수 있습니다.
클릭하면 아마 무시라고 되어있을 텐대요. 이 부분을 허용에 체크를 하고 완료를 누르면 됩니다.
만약 이 부분을 찾지 못하겠다면? 크롬 설정에서 확인할 수 있습니다.
크롬 화면의 우측 끝에 점 세개를 누르면 “설정” 메뉴가 있습니다. 이 부분을 선택한 후 설정 화면이 나오면 “개인 정보 보호 및 보안” 을 클릭해주세요.
클릭 후 아래쪽에 “사이트 설정”을 선택합니다.
화면을 스크롤하면 중간에 “추가권한” 이라는 메뉴가 보입니다. 우측에 있는 화살표를 내려보세요.
“프로토콜 핸들러” 라는 메뉴가 보입니다. 삼각형 모양을 클릭해주세요.
프로토콜을 처리하도록 허용되지 않음에 지메일이 있습니다. x 표시로 지워줍니다.
그리고 다시 지메일로 돌아갑니다. 보이지 않았던 핸들러 아이콘을 확인할 수 있습니다.
이제 허용을 클릭 후 완료를 눌러줍니다. mailto: 를 입력 후 메일을 진행할 경우 크롬에서 진행할 경우 지메일로 바로 이동하게 됩니다.
결국 노션에 지메일 링크를 mailto: 를 활용해서 입력했지만 반응이 없다면 이 부분을 먼저 찾아서 수정하면 됩니다.
2. mailto 클릭 시 네이버 메일로 바로 연결하기
네이버 메일로 바로가기는 링크만 바꿔주면 되기 때문에 어렵지 않게 진행할 수 있습니다.
https://mail.naver.com/write/popup?srvid=note&to=네이버id@naver.com
위에 있는 링크를 복사해서 네이버 id 부분에 본인의 네이버 id를 입력 후 복사해서 사용하면 됩니다.
링크를 클릭하면 바로 가기가 진행됩니다. 
