[프로모션] 쇼핑몰별 온라인설문 관리 기능 제공 안내

2014-08-06

안녕하세요, 카페24 운영도우미 입니다.

쇼핑몰의 온라인설문을 손쉽게 진행하고 관리할 수 있는 '온라인설문 관리' 기능을 쇼핑몰별로 제공합니다.
다양한 언어로 쇼핑몰을 구축하신 경우, 쇼핑몰의 언어에 맞는 온라인설문을 진행하실 수 있습니다.

(영어, 일본어, 중국어 번체, 중국어 간체, 스페인어, 포르투갈어 모두 제공합니다.)

자세한 내용은 아래를 참조해 주세요.

■ 적용일자 : 2014-08-06 (수)

■ 업데이트 내용

- 쇼핑몰의 언어에 맞게, 온라인 설문을 진행하실 수 있습니다.

- 적용 위치 : 쇼핑몰어드민 > 프로모션 > 온라인설문 관리
- 좌측 상단에 노출되는 생성된 쇼핑몰 중, 온라인설문을 진행할 쇼핑몰을 선택한 후 메뉴에 접속한 후
선택한 쇼핑몰에 노출할 온라인설문을 등록합니다.

▼ 쇼핑몰 관리자 적용 화면

▼ 쇼핑몰 적용 화면

- 쇼핑몰 언어와 일치하는 설문이 노출되는 것을 확인할 수 있습니다.
- 설문제목과 설문항목은 쇼핑몰관리자에서 입력해주신 값이 노출되며, 그 외 디자인요소는 기본적으로 번역해 제공합니다.

■ HTML 편집

기본쇼핑몰(국문)용 HTML소스를 예시로 제공합니다.

1) 파일 추가
- 경로: 디자인관리> 디자인편집하기

- 폴더추가를 클릭한 후 폴더명을 poll로 입력해 저장합니다.
저장 후 디자인편집하기 창을 새로고침 하면, 설문조사(poll) 폴더가 확인됩니다.

화면추가를 클릭한 후 저장경로로 설문조사(poll)을 선택, 파일명 poll_result.html로 파일을 생성합니다.

2) HTML 소스 저장

- 경로: 디자인관리> 디자인편집하기> 설문조사(poll)> poll_result.html
- 생성한 파일에 하단의 HTML 소스를 입력한 후 저장합니다.

<div module="poll_result">

<div class="header">
<h1>설문조사 결과</h1>
</div>

<div class="content">
<div class="summary">
<h2>{$title}</h2>
<p>- 총 투표수: {$total_count}</p>
</div>

<ol class="result">
<li>
<p class="title"><strong title="항목">{$comment_title}</strong><span title="투표수">({$comment_count}표)</span></p>
<p class="graph">
<em title="투표율">{$comment_percentage}%</em>
<span class="box"><span style="width:{$comment_percentage}%;"> </span></span>
</p>
</li>
<li>
<p class="title"><strong title="항목">{$comment_title}</strong><span title="투표수">({$comment_count}표)</span></p>
<p class="graph">
<em title="투표율">{$comment_percentage}%</em>
<span class="box"><span style="width:{$comment_percentage}%;"> </span></span>
</p>
</li>
</ol>
</div>
</div>

- 선택한 쇼핑몰의 언어에 해당하는 번역정보를 제공합니다. 국문 텍스트를 해당 언어로 치환해 입력해주세요.

① 국문: 설문조사 결과

영문: Survey results
일문: アンケート結果

중문(간체): 问卷调查
중문(번체): 問卷調查
스페인어: Resultado del cuestionario
포르투갈어: Resultado do questionário

② 국문: 총 투표수

영문: Total number of votes
일문: 総投票数

중문(간체): 投票总数
중문(번체): 投票總數
스페인어: Cantidad total del voto
포르투갈어: Quantidade total do voto

③ 국문: 항목

영문: Category
일문: 項目

중문(간체): 项目
중문(번체): 項目
스페인어: Categoría
포르투갈어: Categoria

④ 국문: 투표수

영문: Number of votes
일문: 投票数

중문(간체): 投票数
중문(번체): 投票數
스페인어: Cantidad votada
포르투갈어: Quantidade votada

⑤ 국문: 투표율

영문: Voting rate
일문: 投票率

중문(간체): 投票率
중문(번체): 投票率
스페인어: Porcentaje del voto
포르투갈어: Porcentagem do voto

⑥ 국문: 표

영문: votes
일문: 票

중문(간체): 票
중문(번체): 票
스페인어: votos
포르투갈어: votos

3) css 추가

- 디자인스킨에 따라 해당 css가 존재하는 경우도 있습니다.

화면명검색 기능을 활용해 css/module/poll/result.css를 검색해 css가 존재하는지 확인해주세요.
- 검색결과가 없을 경우 파일을 추가합니다.

저장경로: css> 모듈(module)> 설문조사(poll) / 파일명: result.css

4) HTML 소스 저장

- 경로: 디자인관리> 디자인편집하기> css> 설문조사(poll)> result.css
- 파일에 하단의 HTML 소스를 입력한 후 저장합니다.

#popup { width:444px; }
.header h1 { height:45px; padding:0 0 0 20px; color:#fff; font-size:14px; line-height:45px; background-color:#495164; }
.content { padding:20px; }

.xans-poll-result .summary { margin:0 0 10px; padding:10px; background:#e6e6e6; border:1px solid #bbb; font-size:11px; }
.xans-poll-result .summary h2 { font-size:16px; padding:0 0 3px; }

.xans-poll-result .result { padding:10px 0 0; }
.xans-poll-result .result li { padding:6px 3px; font-size:11px; border-bottom:1px solid #bbb; }
.xans-poll-result .result p { overflow:hidden; padding:3px 0; }
.xans-poll-result .result p.title strong { font-size:12px; }
.xans-poll-result .result p.title span { padding:0 0 0 10px; }
.xans-poll-result .result p.graph em { float:left; width:40px; font-style:normal; }
.xans-poll-result .result p.graph span.box { float:left; width:350px; padding:0 3px 0 0; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/poll/bg_graph1.gif") 0 1px no-repeat;} .xans-poll-result .result p.graph span.box span { display:block; height:16px; margin:0 0 0 3px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/poll/bg_graph2.gif") right 1px no-repeat;}

- 선택한 쇼핑몰의 언어에 해당하는 이미지 경로로 변환이 필요한 항목이 있습니다.
상단의 HTML 소스에서 국문 이미지 경로로 입력된 영역을, 쇼핑몰 언어에 해당하는 경로로 치환해 입력해주세요.

① 국문: http://img.echosting.cafe24.com/skin/base_ko_KR/poll/bg_graph1.gif

영문: http://img.echosting.cafe24.com/skin/base_en_US/poll/bg_graph1.gif
일문: http://img.echosting.cafe24.com/skin/base_ja_JP/poll/bg_graph1.gif
중문(간체): http://img.echosting.cafe24.com/skin/base_zh_CN/poll/bg_graph1.gif

중문(번체): http://img.echosting.cafe24.com/skin/base_zh_TW/poll/bg_graph1.gif
스페인어: http://img.echosting.cafe24.com/skin/base_es_ES/poll/bg_graph1.gif
포르투갈어: http://img.echosting.cafe24.com/skin/base_pt_PT/poll/bg_graph1.gif

② 국문: http://img.echosting.cafe24.com/skin/base_ko_KR/poll/bg_graph2.gif

영문: http://img.echosting.cafe24.com/skin/base_en_US/poll/bg_graph2.gif
일문: http://img.echosting.cafe24.com/skin/base_ja_JP/poll/bg_graph2.gif
중문(간체): http://img.echosting.cafe24.com/skin/base_zh_CN/poll/bg_graph2.gif

중문(번체): http://img.echosting.cafe24.com/skin/base_zh_TW/poll/bg_graph2.gif
스페인어: http://img.echosting.cafe24.com/skin/base_es_ES/poll/bg_graph2.gif
포르투갈어: http://img.echosting.cafe24.com/skin/base_pt_PT/poll/bg_graph2.gif

5) 레이아웃 편집
- 공통 레이아웃과 메인 레이아웃에 아래의 HTML소스를 삽입하시면, 온라인 설문하기가 노출됩니다.
(모듈 편집 기능을 통해 추가하셔도 됩니다.)

<div module="Layout_Poll">

<h2>온라인 설문조사</h2>
<h3><strong>질문 :</strong><span>{$poll_title}</span></h3>
<fieldset>
<legend>설문조사 항목</legend>
<ul>
<li>{$poll}{$poll_name}</li>
<li>{$poll}{$poll_name}</li>
<li>{$poll}{$poll_name}</li>
<li>{$poll}{$poll_name}</li>
</ul>
<p class="btnResult"><a href="#none" onclick="{$action_poll_result}">결과보기</a></p>
<p class="btnPoll"><a href="#none" onclick="{$action_poll_submit}">투표하기</a></p>
</fieldset>
</div>

6) 레이아웃용 css 수정

- 경로: css> 레이아웃(layout)> poll.css

- 하단의 HTML 소스를 입력한 후 저장합니다.

.xans-layout-poll { margin:0 0 20px; padding:0 0 16px; border-bottom:1px solid #e8e8e8; }
.xans-layout-poll h2 { height:30px; color:#2e2e2e; font-size:12px; }
.xans-layout-poll h3 { min-height:27px; padding:0 0 0 36px; color:#757575; font-size:12px; line-height:18px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_poll_question.gif") no-repeat 10px 3px; } .xans-layout-poll h3 strong { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
.xans-layout-poll h3 span { display:inline-block; padding:0 0 0 9px; border-left:1px solid #d9d9d9; }

.xans-layout-poll ul { margin:15px 0 14px 10px; color:#757575; font-size:11px; line-height:1.5; }
.xans-layout-poll li { margin:5px 0 0; }
.xans-layout-poll li input[type=radio] { width:13px; height:13px; vertical-align:-3px; *vertical-align:2px; margin:0 7px 0 0; }

.xans-layout-poll p { margin:0 10px 0 0; padding:0 23px 0 0; text-align:right; line-height:1.5; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_poll2.gif") no-repeat; } .xans-layout-poll p a { padding:0 0 0 9px; text-decoration:none; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_poll1.gif") no-repeat; } .xans-layout-poll p.btnResult { background-position:100% 1px; }
.xans-layout-poll p.btnPoll { background-position:100% -99px; }
.xans-layout-poll p.btnResult a { color:#757575; background-position:0 3px; }
.xans-layout-poll p.btnPoll a { color:#000; background-position:0 -97px; }

- 선택한 쇼핑몰의 언어에 해당하는 이미지 경로로 변환이 필요한 항목이 있습니다.
상단의 HTML 소스에서 국문 이미지 경로로 입력된 영역을, 쇼핑몰 언어에 해당하는 경로로 치환해 입력해주세요.

① 국문: http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_poll_question.gif

영문: http://img.echosting.cafe24.com/skin/base_en_US/layout/ico_poll_question.gif
일문: http://img.echosting.cafe24.com/skin/base_ja_JP/layout/ico_poll_question.gif
중문(간체): http://img.echosting.cafe24.com/skin/base_zh_CN/layout/ico_poll_question.gif

중문(번체): http://img.echosting.cafe24.com/skin/base_zh_TW/layout/ico_poll_question.gif
스페인어: http://img.echosting.cafe24.com/skin/base_es_ES/layout/ico_poll_question.gif
포르투갈어: http://img.echosting.cafe24.com/skin/base_pt_PT/layout/ico_poll_question.gif

② 국문: http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_poll2.gif

영문: http://img.echosting.cafe24.com/skin/base_en_US/layout/ico_poll2.gif
일문: http://img.echosting.cafe24.com/skin/base_ja_JP/layout/ico_poll2.gif
중문(간체): http://img.echosting.cafe24.com/skin/base_zh_CN/layout/ico_poll2.gif

중문(번체): http://img.echosting.cafe24.com/skin/base_zh_TW/layout/ico_poll2.gif
스페인어: http://img.echosting.cafe24.com/skin/base_es_ES/layout/ico_poll2.gif
포르투갈어: http://img.echosting.cafe24.com/skin/base_pt_PT/layout/ico_poll2.gif

③ 국문: http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_poll1.gif

영문: http://img.echosting.cafe24.com/skin/base_en_US/layout/ico_poll1.gif
일문: http://img.echosting.cafe24.com/skin/base_ja_JP/layout/ico_poll1.gif
중문(간체): http://img.echosting.cafe24.com/skin/base_zh_CN/layout/ico_poll1.gif

중문(번체): http://img.echosting.cafe24.com/skin/base_zh_TW/layout/ico_poll1.gif
스페인어: http://img.echosting.cafe24.com/skin/base_es_ES/layout/ico_poll1.gif
포르투갈어: http://img.echosting.cafe24.com/skin/base_pt_PT/layout/ico_poll1.gif

※ 이 기능은 순차 배포이므로, 쇼핑몰마다 적용 시기가 약간 다를 수 있습니다. 이 점 양해 바랍니다.

카페24는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다.
끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터(☎1588-3413)로 문의 바랍니다.
감사합니다.

2014-08-06