카페24|특정 상품 상세페이지 공지(배너) 띄우기|공통이벤트관리

상세페이지에 특정 상품이나, 전체 상품, 특정 상품에만

회원가입 이벤트, 프로모션 홍보 등 배너를 띄우고 싶을 때가 있다.

 

html에서 수정을 할 경우 모든 상품페이지에 노출이 되기때문에

javascipt 등 다양한 코딩을 사용해야하는데

이럴때 카페24에서 제공하는 공통 이벤트 관리를 활용해보자!

 

◼️ 로그인 후 프로모션 > 공통 이벤트관리에 들어가준다.

들어오게되면 위 창이 뜨게되는데 공통 이벤트 등록 아이콘을 클릭해주자.

 

◼️ 공통 이벤트 등록 페이지에 들어오게되면 이러한 창이 뜨게된다.

이벤트 명의 경우 다른사람들에게 노출이 되지 않으니 자신이 알아볼 수 있도록 표시하면 된다.

(ex. 05.02_여름프로모션 / 회원가입이벤트 ...)

 

표시 대분류의 경우 카테고리를 의미한다.

초반 셋팅의 경우 테스트 카테고리를 만들어서 테스트하는것을 추천한다.

또한, 셋팅이 완료되었다면 이벤트 카테고리를 생성하여

배너가 나타나길 희망하는 제품군을 생성한 카테고리에 넣고 표시 대분류를 변경하여 사용하면 된다.

모든 상품에 노출하고 싶을경우 -전체 대부류- 를 설정하자.

◼️ 표시위치의 경우 나타나길 희망하는 위치에 설정하면 된다.

쇼핑몰마다 코딩이 상이하여 위와 똑같지는 않지만, 대략적인 위치를 파악하여 넣으면 된다.

 

참고로, 기본 설정은 pc와 모바일에 한가지 이미지로 모두 대체되기 때문에 상품이미지 옆 을 추천한다.

상품 상세정보 위를 사용할경우 pc에서 너무 크거나, 모바일에서 작아서 보이지 않을 수 있다.

 

◼️ 내용에는 표시할 텍스트나 만들어둔 이미지를 활용하면 된다.

오른쪽 상단의 <> 표시를 누르면 html으로 전환되어 코딩을 변경할 수 있다.

 

html 창 이므로 style을 넣어 css를 수정하거나,

class 혹은 id를 삽입한 후 디자인 편집에 들어가 css를 설정할 수 있다.

나는 코드를 삽입해서 pc와 모바일을 다르게 보일 수 있도록 세팅하여 사용중이다.

 

◼️ 설정을 완료하였다면 수정을 누른 후 설정한 상품 상세페이지에 들어가 잘 나오는지 확인을 해보자.