Contact 폼, 설문지, 등록폼등을 손쉽게 만들기

 

웹사이트를 운영하는 분들이 아니더라도, 여러가지 이유로 “피드백 폼”이 필요할 경우가 있는데요, 간단히 이러한 폼들의 코드를 생성해 주는 사이트를 소개합니다. 예전에는 피드백 폼을 사용하려면, php 파일과 html파일을 따로 만들어서 연결해 줘야 했는데요, 지금은 이러한 폼을 제공해 주는 곳이 여러 곳 있을 뿐만 아니라 입맛에 맛게 골라서 간단히 사용할 수 있도록 되어 있답니다. 그 중 오늘 소개드릴 곳은 Jotfrom.com으로 월별 사용건수가 100건 이하는 무료로 코드를 제공 받을 수 있는데 무료버전으로 이용하더라도 별 불편함이 없습니다. 소규모 설문조사 또는 방문자가 아직 많지 않은 웹사이트를 운영하는 분들이 부담없이 사용하기에 좋을 것 같지요?

물론, 워드프레스나 줌라에서 자체 컨택폼이 제공되기도 하고, 또는 플러그인을 설치해서 사용할 수 있지만, 오늘은 Jotfrom의 보다 전문적이고 다양한 구성을 저와 함께 둘러보도록 하지요.  jotform.com을 열어 주세요.

http://jotform.com

form01

 

우측 상단의 “Sign up”버튼을 누르시고 완전 간단히 회원가입 해 줍니다. 가끔 광고성 메일이 날라오긴 하지만, 계정이 있어야 나중에 설문지/컨택폼 수정이 용이한 관계로 공짜고객 입장에서 감사히 사인업합니다.

form02

 

상단의 “From Templates”을 누르면 아래와 같은 카테고리가 펼쳐집니다.

form03

 

왼쪽의 툴들을 사용해서 직접 폼을 만들어도 되지만, 템플릿에 있는 폼들 중 맘에 드는 것을 골라서 그대로 사용하거나, 수정해서 사용이 가능합니다. 저는 일단, “contact forms”를 선택하고, 두번째 줄에 있는 편지봉투 디자인의 컨택폼을 넣기로 했습니다.

 

 

맘에드는 템플릿위에 마우스를 올리면 검게 변하면서 하단에 “use template” 버튼이 생성되는데, 이 버튼을 누르면 아래와 같은 편집화면으로 이동됩니다.

 

form04

 

스팸메일들에게 시달리지 않으려면 왼쪽 툴박스의 “Quick tools” 하부메뉴에 있는 “Captcha”를 심어주는 것이 좋은데요, Captcha를 클릭해서 끌어다(click and drag) 내 폼에 삽입하면 끝. 하지만, 캡차가 귀찮아서 컨택을 망설이는 유저들을 잡기 위해서 과감히 없애셔도 됩니다. 이때는 빨간 x를 누르시면 깔끔하게 사라집니다.

작업이 끝났으면, 좌측 상단의 디스크 아이콘을 눌러서 저장 해 줍니다.

form05

 

저장을 하고나면 다음과 같이 상단 툴바가 바뀌는데 이제 임베드 코드(embed code)를 얻기 위해서 파란색 지구모양 아이콘을 선택 해 줍니다.

form06

 

임베드 폼 마법사가 작동되었지요? 여기서 원하는 양식을 선택하면 되는데, 저는 주로 웹 페이지에 넣을땐 iFram을 선택하고, 동보메일로 클럽 회원에게 설문지를 돌릴때는 Direct link를 선호합니다.

form07

 

 

자… 제가 즐겨쓰는 iFram을 선택하면, 위와 같은 코드가 생성되구요. 그대로 긁어다 원하는 웹페이지에 삽입하면 끝.

form08

 

방금, 같이 만들어본 편지봉투 디자인의 컨택폼 사용 예입니다. 이곳에서 작성된 내용은 Jotform 에 등록된 이메일로 실시간 통보됩니다.

form

 

마지막으로 나중에 폼의 내용을 추가/삭제 할 필요가 있을땐, “My Froms”로 들어가세요.

form10

 

그동안 만들어 둔 폼들이 리스트 형식으로 나타나는데요. 그 중 편집을 원하는 폼을 채크하고 수정해 주면, 내 웹페이지는 실시간으로 자동 수정됩니다.
이 외에도, 소규모 회원등록, 서비스 피드백, 부킹, 이벤트 용도로 다양하게 활용해 보세요 *^^*

Comments

comments

You may also like