블로거팁닷컴


블로그에 이메일 연락폼을 달아보자, Kontactr

우리나라의 경우는 홈페이지와 다르게 블로그에 이메일로 연락할수 있는 연락폼을 보기가 힘듭니다. 기술적인 문제인지 아니면 따로 손이 가는 작업이어야 하는건지는 정확히 모르겠으나 실제로 CONTACT FORM 대신 이메일주소가 적혀있는 아이콘을 사용한다던지 아니면 이멜주소를 직접 타이핑 해 놓는 방식이 대부분이더군요. 오늘 소개해 드릴 Kontactr는 메일을 통한 Contact Form 뿐 아니라 버튼 이미지까지 순식간에 만들어주는 고마운 웹사이트입니다. 이미지와 함께 설치법을 소개해 놓았으니 필요하신 분은 가셔서 적용해 보시면 되겠어요.


☞ Kontactr 로 접속합니다. http://kontactr.com/ Sign Up 버튼이 보이시죠? 클릭합니다.

사용자 삽입 이미지


☞ 개인정보 입력창이 나옵니다. 로그인과 패스워드는 꼭 기억해 두셔야 합니다. 로그인 할때 필요하거든요. 입력을 마치면 Submit 버튼을 누르고 다음 단계로 진행합니다.
사용자 삽입 이미지

☞ 내 이메일 계정으로 계정 활성화 메일을 보냈다고 합니다. 가서 확인해 볼게요.
사용자 삽입 이미지

☞ 등록 승인 메일이 도착했네요. 파란색 링크를 클릭하면 계정이 활성화 된다고 합니다. 클릭합니다.
사용자 삽입 이미지

☞ 계정 활성화 성공 메시지가 나오고 링크를 눌러서 로그인하라고 합니다. Click here 부분을 클릭합니다.
사용자 삽입 이미지

☞ 유저네임과 패스워드를 입력하고 로그인 버튼을 눌러 로그인합니다.
사용자 삽입 이미지

☞ 빨간색으로 체크해 놓은 부분에 있는 코드를 알맞은 곳에 넣어주면 됩니다. 예를 들어 티스토리 포스트에 삽입할 경우는 HTML 모드로 전환하고 입력, 저장하면 완료됩니다. 아래쪽에 보면 연락 버튼도 제공합니다.
사용자 삽입 이미지
사용자 삽입 이미지

☞ 방금 전 생성된 코드를 바탕으로 작성해 본 연락폼입니다. 임의로 저에게 연락을 취해 봤습니다. 메일이 왔는지 확인해 보아요.
사용자 삽입 이미지

☞ 제 메일함을 확인해 봤더니 메일이 정상적으로 도착했네요. 유용하게 쓰세요. :D
사용자 삽입 이미지
포스팅이 유익 하셨다면 블로거팁 닷컴을 구독하세요->


댓글을 달아 주세요

  1. BlogIcon 권대리

    블로그 자체 기능에 폼메일 기능도 하나정도 있으면 좋을텐데요~
    아쉽더군요~~

    음... 왜 죄다 저런 좋은 기능들은 국내서 쉽게 볼수없는걸까요? ㅡ.ㅡ"
    오늘도 좋은 팁하나 잘보고 가네요~
    활기찬하루 시작하세요!! ^^

     ×  +
  2. BlogIcon Zet

    저도 그게 궁금합니다.

     ×
  3. BlogIcon 러브체인

    저 같은 컴맹에겐..눈이 핑핑 돌아 가는 글인걸요..ㅋㅋ
    몇줄 따라 읽어 보다가..에잇.. 해버렸어요..ㅠ.ㅠ

     ×  +
  4. BlogIcon Zet

    그다지 어렵지 않은데 끝까지 시도해 보시징 ㅠㅠ

     ×
  5. BlogIcon 외로운까마귀

    오 이런거 원하고 있었는데 잘됐네요..
    하나 달아야겠네요..

     ×  +
  6. BlogIcon Zet

    넵 ^^

     ×
  7. BlogIcon 버그니?

    추가기능이 또 하나 생겼네요~

     ×  +
  8. BlogIcon Zet

    그렇군용! ^^

     ×
  9. BlogIcon 먹는 언니

    오~~ 이거 괜찮네여. 저도 써볼래요. 알려줘서 감사합니당~

     ×  +
  10. BlogIcon Zet

    유용하게 쓰였으면 좋겠습니다.

     ×
  11. BlogIcon na야

    오옷~~써볼까나 말까나..??ㅋ

     ×  +
  12. BlogIcon Zet

    그건 저도 모릅니다. Na야님만 알뿐~

     ×
  13. BlogIcon 알퐁손

    오호~ 좋은 기능을 하나 발견하셨군요 :)
    저도 지금 적용해 봐야 겠내요..

     ×  +
  14. BlogIcon Zet

    ㅎ.ㅎ 잘 사용하세요. ^^

     ×
  15. BlogIcon 뭉코

    좋아보여서 따라하다가 난관에 봉착했습니다.
    저기 저 이메일폼.. 만드는 거는 어디에 소스를 붙여야할지 난감하네요.
    도움 부탁드려도 될까요?
    현재는 그냥 이메일주소 이미지에 링크만 걸어둔 상태랍니다. ㅠㅠ

     ×  +
  16. BlogIcon 알퐁손

    안녕하세요 뭉코님:)
    저는 이렇게 적용하였습니다.
    우선 만들어진 코드를 글쓰기모드에서 HTML로 글을 작성했습니다.
    (여기까지는 Zet님이 알려주신 그대로...)
    그런 후에, 메뉴바에 'Sned Mail'메일 이라는 버튼을 만들어,
    버튼 링크주소를 해당 포스트 주소로 연결해 놓았습니다.
    그러면, 또하나의 기능(?) 메뉴가 만들어 진다고 할 수 있죠^^

     ×
  17. BlogIcon Zet

    알퐁손님 댓글 감사합니다. 뭉코님 화이링~★

     ×
  18. BlogIcon 재아

    좋네요~!~!.. 예전에는 이런 서비스가 많았었는데, 언제 기회가 되면 사용해봐야겠습니다.

     ×  +
  19. BlogIcon Zet

    넵. 이런 서비스 정말 좋아요.

     ×
  20. BlogIcon Naerro

    유용한 정보 감사 합니다.
    저도 블로그에 달았어요.^^

     ×  +
  21. BlogIcon Zet

    오호 링크를 연결해 놓으셨군요.
    굿 아이디어입니다. :)

     ×
  22. BlogIcon 불닭

    블로거간의 소통이 편리해지겟군요 ㅋ

     ×  +
  23. BlogIcon Zet

    네. 제 기능을 할지는 두고봐야겠습니다. ^^

     ×
  24. BlogIcon 장대비

    이거 좋은데요?
    HTML만 나오면 머리가 어질어질..;;
    전 아웃룩을 쓰는데 사실 저런게 더 간편하기는 하죠.
    알퐁손님께서 알려주신 팁대로 한번 해봐야겠습니다.

     ×  +
  25. BlogIcon Zet

    장대비님은 워낙 센스가 좋으시니까 기대가 되는군용!

     ×
  26. BlogIcon selic

    사용팁을 트랙백으로 보냅니다.

     ×  +
  27. BlogIcon Zet

    넵.

     ×
  28. BlogIcon CeeKay

    zet님 덕분에 스킨을 잠시 손 보고 설치(?)했습니다. 이메일이 올까요? ^^

     ×  +
  29. BlogIcon Zet

    저의 메일을 받으시렵니까? -_-;;

     ×
  30. BlogIcon 몽땅군

    음... 스팸메닐이 몽땅 날아오면 어쩌죠?:)
    저도 달아두면 누군가가 메일을 보내 줄까요...?.... 흐음.....

     ×  +
  31. BlogIcon Zet

    몽땅군님의 처자 몽땅양이 메일을 보내지 않을까요?

     ×
  32. BlogIcon 카이

    정말 좋은 정보네요. 저도 블로그 돌아다녀 보면 지메일 이쁘게 나와 있는 베너 보여서 달고 싶은데 방법을 몰라 못 달고 있었는데.. 유익한 글이었습니다.
    그런데 혹시 지메일 배너 다는 방법도 알고 계신가요?

     ×  +
  33. BlogIcon Zet

    http://bloggertip.com/entry/cool-gmail-icon-generator-siggy-maker

    여기를 참고해 주세요, ^^

     ×
  34. BlogIcon 맥퓨처

    저도 달아봤습니다.. :)
    거의 소통없는 조용한 블로그에 달았다는게 해결할 난제이긴 합니다만.. ㅎㅎ

     ×  +
  35. BlogIcon Zet

    앗 그렇군요. 댓글 감사해요. ^..^

     ×
  36. BlogIcon bluebear

    피로가 쌓이시지 않을까 걱정도 해봅니다.
    ^^ 공부만 하느라 늘 인사도 못드리고 가서
    미안한 마음 항상 가지고 있답니다.

    메일폼 만들다가 영 맘에 안들었는데 좋은 프로그램
    전해 주셔서 넙죽 가져다 씁니다.
    건강 잘 챙기시구요.

     ×  +
  37. BlogIcon Zet

    격려 말씀 감사합니다.
    잘 지내고 계시죠? ^..^

     ×
  38. BlogIcon COoz

    오.. 감사합니다. ^^*
    티스토리에서 플러그인을 좀 더 깔끔하게 해서
    만들어 준다면 좋겠네요..
    저도 지금 적용 해 보았습니다. 연락이 올까요? ㅋㅋ

     ×  +
  39. BlogIcon Zet

    연락이 올꺼에용! ^..^

     ×
  40. 불온

    좋은 정보 감사합니다...
    근데 문제가 있어요.
    제가 이글루스 사용자인데 일부 테그가 지원되지 않는 것 같습니다.
    테그를 포스팅하고 수정을 클릭해보면 일부 테그가 사라져있습니다.
    해결방법이 없을까요?

     ×  +
  41. BlogIcon 임종태-엘체

    정말 좋은 정보입니다.
    근데 저에겐 문제가 좀 생기는 군요.
    아웃룩을 사용중인데요.
    한글로 시범삼아 저에게 보낸 메일에서 한글이 다 깨져서 나오네요..

     ×  +
  42. BlogIcon Demoon

    네이버 오픈케스트를 보고 블로그를 알게 되었는데 정말 유용하고 좋은 정보가 많네요 ^^
    감사합니다! 책을 보거나 찾아서 배워야할 내용들이 여기에는 정말 많이 있네요 ^^ 건필하세요~

     ×  +
  43. BlogIcon Kimc

    이 글은 또 처음보네요~
    어서 바로 사용해봐야겠습니다
    포스트 항상 잘 보구 있어요~

     ×  +
  44. BlogIcon 개질주

    안녕하세요 몇번헤매다가 결국 성공했네요.

    좋은팁 감사드립니다 ^^

     ×  +
  45. BlogIcon 개질주

    아.........성공해서 메일은오는데

    메일이 씠긽썝씠떎 이렇게 와요 어떻게 해야할까요 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

     ×  +
  46. BlogIcon 월풍

    글 잘 읽고 갑니다.

    나중에 블로그에 이메일 폼 한번 달아봐야겠어요.^^

     ×  +