이번 아티클은

카페24에 공유하기

완성된 이벤트는 카페 24 게시판 혹은 웹사이트에 클릭 한 번에 쉽게 넣을 수 있어요. 그 방법을 자세히 설명드릴게요.

게시판에 공유하기

1. 메인화면에서 쇼핑몰에 적용하고 싶은 이벤트 카드의 링크 버튼이 있어요. 해당 버튼을 누르면 팝업을 통해 임베드 코드가 나와요.
혹은 이벤트 편집기 우측 상단에 있는 배포 버튼을 누르면 역시 팝업을 통해 임베드 코드가 나와요. [코드 복사] 버튼을 눌러 임베드 코드를 복사해주세요.

2. [관리자] 게시판 > 게시판 관리로 이동한 후, 확인할 게시물이 등록되어 있는 게시판의 '글보기' 버튼을 클릭해 해당 게시판 목록으로 이동해주세요.

3. 우측 하단의 '글쓰기' 버튼을 클릭하여 글 작성 페이지로 이동해주세요.

4. 글 작성 페이지에 글쓰기 영역 위 [⋮]을 선택해 노출된 메뉴에서 [< >]를 선택하면 자동으로 생성되는 코드들을 모두 지운 후, 복사한 임베드 코드를 붙여 넣어주세요.

5. [등록] 버튼을 눌러 내용을 저장해주세요.

이벤트 위 아래에 이미지 삽입하기

카페24 임베드시에 위 아래에 이미지를 넣고 싶을 경우

1. 일단 코드 보기 버튼 누르고 카나페 코드 붙여넣기

2. [<>] 코드보기 버튼 한 번 더 눌러서 끄기

3. 카나페 이벤트 영역 이미지 위 아래 넣고 싶은 위치에 이미지 넣기

💡카나페 이벤트 영역 표시 이미지를 잡아서 원하는 위치로 끌어주시면 순서 변경도 가능합니다!
💡카나페로 제작되는 콘텐츠의 기본 가로 너비는 960px이며 만약 기존에 다른 px로 작업해오셨다면 스타일 → 맨 하단에 ‘임베드 가로값 설정’에서 기존에 작업하시던 가로 너비 값을 입력해주세요!

웹사이트에 공유하기

1. 메인화면에서 쇼핑몰에 적용하고 싶은 이벤트 카드에 링크 버튼이 있어요. 해당 버튼을 누르면 팝업을 통해 임베드 코드가 나와요.
혹은 이벤트 편집기 우측 상단에 있는 배포 버튼을 누르면 역시 팝업을 통해 임베드 코드가 나와요. [코드 복사] 버튼을 눌러 임베드 코드를 복사해주세요.

2. 카페24 어드민에 들어가셔서 [디자인] - [디자인 대시보드] - [디자인 편집] 클릭해주세요.

3. [섹션 추가] 버튼을 클릭해주세요.

4. [커스텀 HTML]버튼을 클릭해주세요

5. 아래 이미지에 빨간색으로 표시 부분에 복사해 놓은 임베드 코드를 붙여넣기 해주세요.

프로모션 운영중 앱을 삭제하는 경우, 카페24 연동이 끊어져 오류가 발생해요. 카나페 앱을 절대로 삭제하지 말아주세요.

현재는 카페24만 지원하지만, 추후 아임웹, 식스샵, 메이크샵, 고도몰로도 시작할 수 있게 될 예정이에요. 조금만 기다려주시면 저희가 열심히 개발하겠습니다!
목차