CREMA Widget 시작하기
CREMA Widget 은?
CREMA Widget은 쇼핑몰에 다양한 형식의 리뷰를 보여주기 위한 Javascript와 HTML 코드로 이루어져 있습니다. W3C 표준을 준수하며 모든 최신 브라우저(IE 5.0 - IE 10.0, Chrome, Safari 등)를 지원합니다.
스크립트 실행 - 자체 솔루션을 사용하는 경우
위에 삽입된 스크립트의 초기화가 완료되면 window.cremaAsyncInit()
을 호출합니다. 이때 crema.init()
을 호출하면 스크립트가 실행됩니다.
crema.init에는 로그인한 회원의 ID, 이름을 넘겨주세요(User API의 user_id
, user_name
에 해당하는 항목). 로그아웃 상태일 경우에는 ID, 이름에 모두 null
을 넘기면 됩니다.
만약, Ajax를 통해 로딩되는 crema element에 widget을 초기화하고 싶으면, crema.init()
을 다시 호출해주세요.
카페24, 메이크샵의 경우 crema.init을 자동으로 호출하므로 이 과정을 건너뛰셔도 됩니다. (대신, 로그인 판별용 element를 삽입하셔야 합니다. PC 로그인 삽입 방법 | 모바일 로그인 삽입 방법 )
로그인 시의 예제:
<script>
window.cremaAsyncInit = function() {
crema.init("<user_id>", "<user_name>");
}
</script>
로그아웃 시의 예제:
<script>
window.cremaAsyncInit = function() {
crema.init(null, null);
}
</script>
Widget 목록
사용가능한 Widget 목록은 다음과 같습니다.
PC
Widget명 | 설명 |
---|---|
로그인 | PC에서 로그인 여부를 판단하기 위한 스크립트 입니다.(카페24, 메이크샵에서만 사용) |
리뷰 팝업 | PC에서 리뷰 작성 팝업을 띄우기 위한 스크립트 입니다. |
상품 상세 | PC에서 상품 상세페이지에 해당 상품의 리뷰 목록과 리뷰 작성 팝업을 띄우기 위한 스크립트 입니다. |
전체 리뷰 | PC에서 전체 리뷰 게시판에 리뷰 목록을 보여주는 스크립트 입니다. |
나의 리뷰 | PC에서 로그인한 사용자가 작성한 리뷰 목록을 보여주는 스크립트 입니다. |
나의 주문 목록 | PC에서 로그인한 사용자의 주문 목록에서 리뷰를 작성할 수 있도록 링크를 삽입해주는 스크립트 입니다. |
상품별 리뷰 개수 | PC 상품 리스트에서 상품에 리뷰 개수를 보여주는 스크립트 입니다. |
상품별 리뷰 평점 | PC 상품 리스트에서 상품에 리뷰 평점을 보여주는 스크립트 입니다. |
추가 게시판/포토리뷰 | PC에서 특정 조건에 부합하는 리뷰 리스트를 보여주는 스크립트 입니다. |
상품 목록 | PC에서 전체 혹은 특정 조건에 부합하는 상품 리스트를 보여주는 스크립트 입니다. |
Mobile
Widget명 | 설명 |
---|---|
로그인 | 모바일에서 로그인 여부를 판단하기 위한 스크립트 입니다.(카페24, 메이크샵에서만 사용) |
리뷰 팝업 | 모바일에서 리뷰 작성 팝업을 띄우기 위한 스크립트 입니다. |
상품 상세 | 모바일에서 상품 상세페이지에 해당 상품의 리뷰 목록과 리뷰 작성 팝업을 띄우기 위한 스크립트 입니다. |
상품 리뷰보기 버튼 | 모바일에서 상품 상세페이지에 해당 상품의 해당 상품의 리뷰 리스트를 보기 위한 스크립트 입니다. |
전체 리뷰 | 모바일에서 전체 리뷰 게시판에 리뷰 목록을 보여주는 스크립트 입니다. |
나의 리뷰 | 모바일에서 로그인한 사용자가 작성한 리뷰 목록을 보여주는 스크립트 입니다. |
나의 주문 목록 | 모바일에서 로그인한 사용자의 주문 목록에서 리뷰를 작성할 수 있도록 링크를 삽입해주는 스크립트 입니다. |
상품별 리뷰 개수 | 모바일 상품 리스트에서 상품에 리뷰 개수를 보여주는 스크립트 입니다. |
상품별 리뷰 평점 | 모바일 상품 리스트에서 상품에 리뷰 평점을 보여주는 스크립트 입니다. |
추가 게시판/포토리뷰 | 모바일에서 특정 조건에 부합하는 리뷰 리스트를 보여주는 스크립트 입니다. |
타겟 팝업 | 모바일에서 타겟 팝업을 띄우기 위한 스크립트 입니다. |