CMS매뉴얼 18.나만의 전송폼
2012-02-25 19:26:28

18 나만의 전송폼

1 나만의 전송폼으로 제품문의 만들기

이메일 전송폼은 홈페이지에 접속한 고객이 입력양식에 따라 값을 입력하여 서버로 전송될 수 있도록 폼을 만드는 기능입니다. 전송폼을 만들기 위해서는 먼저 나의 폼 만들기를 통해서 입력양식에 사용할 항목들을 생성하고, 나의 폼 만들기가 완료된 후에는 생성된 항목에 대해 이메일이나 SMS전송이 가능하도록 전송폼을 디자인합니다. 고객이 전송폼을 통해서 입력하게 되면 고객이나 관리자에게 이메일이나 SMS로 전송할 수 있기 때문에 고객관리 차원에서 매우 편리한 기능이라 할 수 있습니다.

예제로 제휴문의 이메일 전송폼을 만들어 보겠습니다. 제휴문의는 고객의 이름, 연락처, 이메일, 상담내역 등의 정보를 입력한 후 문의하기 버튼을 클릭하면 전송확인 메시지가 나타나며, 모든 데이터가 저장되므로 데이터관리가 가능합니다.

(1) 나만의 전송폼 만들기

EMB000005e01b04 src

? [부가기능 》전송폼 관련 》나만의 전송폼 관리]에서 나만의 폼 추가 버튼을 클릭합니다.

EMB000005e01b05 src

? URL CODE를 입력합니다.

? 사용할 페이지 명을 입력하고, 고급설정을 클릭합니다.

? 등록시 SMS알림에 발신번호 항목을 2번 항목으로 설정하고, SMS수신 번호에 수신 받을 핸드폰 번호를 입력합니다. 제품문의 내용을 SMS로 전송받을 경우에는“고객이 전송폼을 이용시 핸드폰문자(SMS)로 알려드립니다.”에 체크해야 합니다.(고급 설정의 항목값은 컬럼 항목 생성의 항목값과 일치하도록 설정합니다. SMS발신항목을 설정할 경우에는 컬럼 항목 설정의 연락처와 항목값이 같아야 합니다.)

? 등록시 e-Mail의 항목 값을 설정하고“고객이 전송폼을 이용시 e-Mail로 알려드립니다.”에 체크한 후 제품문의 내용을 전송받을 메일 주소를 입력합니다.

? 항목을 생성하는 부분이며 항목에는 이름(text), 연락처(text), 이메일주소(text), 상담내용(textarea)을 입력합니다.

? 항목속성은 각 항목이 크기와 색상 등의 속성을 설정하는 부분으로 상담내용에 style="width:500;height:200"으로 입력합니다.

? 항목설정 후“저장 및 디자인 편집하기”버튼을 클릭합니다.

(2) 전송폼 디자인 편집

전송폼 디자인 편집화면은 나만의 전송폼을 홈페이지에 나타내기 위해서 디자인을 설정하는 부분입니다. 나만의 폼 디자인은 앞에서 만든 나만의 전송폼에 전체적인 디자인을 설정하는 부분이며, 전송폼 화면 디자인 편집은 앞에서 만든 컬럼 항목들을 디자인 하는 부분입니다.

EMB000005e01b06 src

? [디자인 수정]버튼을 클릭합니다.

? 현재 페이지에 접근할 수 있는 권한을 설정합니다. 설정이 없을 경우에는 외부에서 페이지를 볼 수 없습니다.

? 샘플디자인은 앞서 만든 컬럼 항목들을 자동으로 기본디자인을 생성하는 기능입니다. 기본디자인을 선택하고 오른쪽의 샘플디자인 소스 가져오기를 클릭하면 자동으로 소스가 입력됩니다.

? 최종적으로 소스입력이 완료되어 확인버튼을 클릭하면 다음과 같이 나만의 전송폼이 완료됩니다.

EMB000005e01b07 src

? 위의 나만의 전송폼 디자인에 다음의 본문타이틀 소스를 삽입하면 아래의 그림과 같이 나타납니다.

<!--본문타이틀 시작-->

<table width="739" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="/img_up/shop_pds/uhome003/design/sub_company/sub2-2_tit.gif" width="125" height="52" /></td>

<td align="right" valign="bottom" style='padding:30 8 5 0'><span class="style1">· HOME &gt; 회사소개 &gt; <b>제품문의</b></td>

</tr>

</table>

<img src="/img_up/shop_pds/uhome003/design/sub_company/sub_body01.gif" width="739" height="3" /><br>

<!--본문타이틀 종료-->

EMB000005e01b08 src