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 APIuser_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, 메이크샵에서만 사용)
리뷰 팝업 모바일에서 리뷰 작성 팝업을 띄우기 위한 스크립트 입니다.
상품 상세 모바일에서 상품 상세페이지에 해당 상품의 리뷰 목록과 리뷰 작성 팝업을 띄우기 위한 스크립트 입니다.
상품 리뷰보기 버튼 모바일에서 상품 상세페이지에 해당 상품의 해당 상품의 리뷰 리스트를 보기 위한 스크립트 입니다.
전체 리뷰 모바일에서 전체 리뷰 게시판에 리뷰 목록을 보여주는 스크립트 입니다.
나의 리뷰 모바일에서 로그인한 사용자가 작성한 리뷰 목록을 보여주는 스크립트 입니다.
나의 주문 목록 모바일에서 로그인한 사용자의 주문 목록에서 리뷰를 작성할 수 있도록 링크를 삽입해주는 스크립트 입니다.
상품별 리뷰 개수 모바일 상품 리스트에서 상품에 리뷰 개수를 보여주는 스크립트 입니다.
상품별 리뷰 평점 모바일 상품 리스트에서 상품에 리뷰 평점을 보여주는 스크립트 입니다.
추가 게시판/포토리뷰 모바일에서 특정 조건에 부합하는 리뷰 리스트를 보여주는 스크립트 입니다.
타겟 팝업 모바일에서 타겟 팝업을 띄우기 위한 스크립트 입니다.