블로거팁닷컴


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

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


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

사용자 삽입 이미지


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

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

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

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

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

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

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

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


댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. BlogIcon 맥퓨처

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

     ×  +
  3. BlogIcon Zet

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

     ×
  4. BlogIcon bluebear

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

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

     ×  +
  5. BlogIcon Zet

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

     ×
  6. BlogIcon COoz

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

     ×  +
  7. BlogIcon Zet

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

     ×
  8. 불온

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

     ×  +
  9. BlogIcon 임종태-엘체

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

     ×  +
  10. BlogIcon Demoon

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

     ×  +
  11. BlogIcon Kimc

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

     ×  +
  12. BlogIcon 개질주

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

    좋은팁 감사드립니다 ^^

     ×  +
  13. BlogIcon 개질주

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

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

     ×  +
  14. BlogIcon 월풍

    글 잘 읽고 갑니다.

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

     ×  +