Help Center

카페24 소식

[프로모션] 쿠폰 / 시리얼쿠폰 기능 업그레이드

2013-07-11


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

프로모션 서비스 중 쿠폰과 시리얼쿠폰의 기능이 업그레이드 되었습니다.

쿠폰을 활용한 프로모션의 상세 설정과, 쿠폰 디자인의 개선, 쿠폰관리의 편의성 증대 및
쿠폰 기능의 전반적인 업그레이드를 통해 고객님의 쇼핑몰 운영에 도움이 될 수 있도록 개선하였습니다.

자세한 업그레이드는 아래 첨부된 서비스 안내서를 참고해주세요.

 

※ IE10 사용 시 호환성보기 모드를 해제하셔야 정상적으로 사용이 가능합니다.

   (위치 : 브라우저 상단 '도구' 클릭 > F12 '개발자 도구' 클릭 > 하단 브라우저 모드 확인)




■ 적용일자 : 2013-07-11 (목)

■ 업데이트 내용


업그레이드 내용은 아래의 서비스안내서 파일로 확인해주세요.

[뉴 쿠폰 업그레이드 서비스 안내서 다운로드]

1. 주요 개선내용
- 다양한 기본 관리조건 추가
- 기본 템플릿 5종 신규 추가
- 내 마음대로 조합하여 만드는 쿠폰
- 쿠폰 예약발행, 선발행 기능 추가

2. 쿠폰노출 정책 안내

  1) 기본적으로 고객이 쿠폰을 보유하고 있는 경우, 해당 쿠폰은 노출되지 않습니다.
  2) 고객이 쿠폰을 사용한 경우, 해당 쿠폰은 다시 노출됩니다.
  3) 유효기간이 만료된 쿠폰은 노출되지 않습니다.
     (쿠폰존에서만 유효기간에 상관 없이 노출됩니다.)

3. 쿠폰 다운로드 및 사용 정책 안내

 

  1) 1회 주문시 해당 쿠폰을 N번 사용하게 하려면 [동일쿠폰 사용설정] 항목에서 설정합니다.
  2) 동일인에게 쿠폰을 N개만큼 재발급 하려면 [동일인 재발급 여부] 항목에서 설정합니다.
  3) 쿠폰을 사용하게 되면 해당 쿠폰은 소멸되어 더이상 사용이 불가능합니다.
  4) 3)번의 경우 해당 쿠폰울 추가로 다운로드 받으시면 설정대로 사용이 가능합니다.
     (다운로드 > 사용 > 다운로드 > 사용.. 의 패턴으로 쿠폰이 사용됩니다.)


4. 개별 이미지 설정시 권장사이즈 안내

쿠폰 이미지를 직접 업로드 하시는 경우 권장 사이즈는
이미지 확장자 GIF, 사이즈 216*105px, 업로드 용량 500kb 로 제한되어 있으므로 확인 후 등록 바랍니다.

▼ 쿠폰만들기 화면



 
■ 예외사항 (구디자인)

구디자인을 사용 중인 쇼핑몰 중 개별 업로드 한 쿠폰 디자인이 정상 노출되지 않을 경우,
아래의 안내에 따라 수정하시면 정상적으로 노출이 가능합니다.

[예외사항 요약]

1. 업그레이드 이전에 업로드한 쿠폰 개별 이미지가 정상노출 되지 않는 경우

2. 쇼핑몰 > 최대할인쿠폰 다운로드 팝업창에서 이전에 업로드한 쿠폰 개별 이미지가 정상적으로 노출되지 않는 경우
3. 시리얼쿠폰 인증 문구 수정 (수정 권고 사항)


[상세 수정내용]

1. 업그레이드 이전에 업로드한 쿠폰 개별 이미지가 정상노출 되지 않는 경우

    (구디자인 이용 쇼핑몰의 상품상세페이지 다운로드 쿠폰 노출영역)

방법1) 전체 테이블 사이즈 조정

* 상품 상세페이지의 가로 사이즈를 기본사이즈와 다르게 수정하여 사용하는 쇼핑몰만 해당됩니다.
- 위치 : (구)디자인관리 > HTML디자인설정 > 상품관련화면 > 상품상세정보 > {coupon_disn_img} >
  뉴쿠폰목록 줄단위 {u2_new}  
  ☞ 위치 상세보기

- 아래와 같이 변경 전의 빨간색 소스 부분을 상품상세보기 페이지의 가로 사이즈로 변경합니다.

[변경 전]
<ul class="grid{{$collimit}}" style="width:{{$colwidth}}px; zoom:1; margin:0 auto; padding:0;">

{{$coupon_disn_img_u3}}
</ul>

[변경 후]
<ul class="grid{{$collimit}}" style="width:(상품 상세보기페이지 가로 사이즈)px; zoom:1; margin:0 auto; padding:0;">
{{$coupon_disn_img_u3}}
</ul>



방법 2) 개별 이미지 사이즈 조정

* 쿠폰 개별이미지를 권장 사이즈에 맞게 사용하지 않는 쇼핑몰만 해당됩니다.
- 위치 : (구)디자인관리 > HTML디자인설정 > 상품관련화면 > 상품상세정보  > 상품상세설명 {{$c_3}} >
            > 뉴쿠폰(이미지) {u20t_new}
  ☞ 위치 상세보기

- 아래와 같이 변경 전의 빨간색 소스 부분을 쿠폰 개별이미지 사이즈로 변경합니다.

[변경 전]
<li onclick="coupon_layer(this, {{$coupon_no}})" style="display:inline; float:left; width:216px; padding:0; list-style:none;">
    <div class="coupon" style="background-image:url('{{$coupon_image}}'); width:216px; height:105px; margin-bottom:20px; font-size:12px; line-height:1.5; text-align:center; font-family:Dotum sans-serif; background-repeat:no-repeat;"></div>
    {{$coupon_layer}}
</li>

[변경 후]
<li onclick="coupon_layer(this, {{$coupon_no}})" style="display:inline; float:left; width:(쿠폰개별이미지 사이즈)px; padding:0; list-style:none;">
    <div class="coupon" style="background-image:url('{{$coupon_image}}'); width: (쿠폰개별이미지 사이즈)px; height:105px; margin-bottom:20px; font-size:12px; line-height:1.5; text-align:center; font-family:Dotum sans-serif; background-repeat:no-repeat;"></div>
    {{$coupon_layer}}
</li>




2. 쇼핑몰 > 최대할인쿠폰 다운로드 팝업창에서 이전에 업로드한 쿠폰 개별 이미지가 정상적으로
   노출되지 않는 경우


- 위치 : (구)디자인관리 > HTML디자인설정 > 상품관련화면 > 최대할인쿠폰다운받기 >
            최대할인쿠폰다운받기{{$c_1}} > 뉴쿠폰(이미지)
   ☞ 위치 상세보기


- 아래와 같이 변경 전의 빨간색 소스 부분을 쿠폰 개별이미지 사이즈로 변경합니다.

[변경 전]
<div class="coupon" style="background-image:url('{{$coupon_image}}'); width:216px; height:105px; margin-bottom:20px; font-size:12px; line-height:1.5; text-align:center; font-family:Dotum sans-serif; background-repeat:no-repeat;">


[변경 후]
<div class="coupon" style="background-image:url('{{$coupon_image}}'); width: (쿠폰개별이미지 사이즈)px; height:105px; margin-bottom:20px; font-size:12px; line-height:1.5; text-align:center; font-family:Dotum sans-serif; background-repeat:no-repeat;">




3. 시리얼쿠폰 인증 문구 수정 (수정 권고 사항)

- 위치 : (구)디자인관리 > HTML디자인설정 > 마이쇼핑화면 > 쿠폰보기 > 마이쿠폰목록 > 쿠폰인증번호 등록하기
   ☞ 위치 상세보기

- 아래와 같이 빨간색 소스 부분을 파란색 소스로 변경해주세요.

[변경 전]
<div style="margin-top:15px;">
<img src="http://img0001.echosting.cafe24.com/front/type_b/image/common/bul_04_01.gif" alt="">
<span class="font14_title">쿠폰인증번호 등록하기</span>
<div style="margin-top:2px;padding:5px; border:1px solid #dedede">
<form name="frmSerialCoupon" action="myshop_coupon_confirm.php" onsubmit="return false" method="post">
<input type="text" value="" name="cs_code" id="cs_code" maxlength="16" style="width:180px; padding:2px; border:1px solid #999999;">
<img src="http://img.cafe24.com/images/ec_admin/btn/btn_coupon_003.gif" border="0" style="cursor:pointer" align="absmiddle" alt="쿠폰번호 인증" onclick="myshopCoupon.ckSerialCoupon()" />
<div>
* 16자리의 쿠폰 번호를 입력해주세요.<br />
     영문(대문자) 또는 숫자만 입력하시고,  '-' 또는 특수기호는 입력하지마세요

</div>
</form>
</div>
</div>

[변경 후]
<div style="margin-top:15px;">
<img src="http://img0001.echosting.cafe24.com/front/type_b/image/common/bul_04_01.gif" alt="">
<span class="font14_title">쿠폰인증번호 등록하기</span>
<div style="margin-top:2px;padding:5px; border:1px solid #dedede">
<form name="frmSerialCoupon" action="myshop_coupon_confirm.php" onsubmit="return false" method="post">
<input type="text" value="" name="cs_code" id="cs_code" maxlength="35" style="width:180px; padding:2px; border:1px solid #999999;">
<img src="http://img.cafe24.com/images/ec_admin/btn/btn_coupon_003.gif" border="0" style="cursor:pointer" align="absmiddle" alt="쿠폰번호 인증" onclick="myshopCoupon.ckSerialCoupon()" />
<div>
* 10~35자리의 쿠폰 번호를 입력해주세요.<br />
     영문(대문자) 또는 숫자만 입력하시고,  '-' 또는 특수기호는 입력하지마세요
</div>
</form>
</div>
</div>




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

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]