Shop player(샵 플레이어)
숏폼 시청자가 동영상 속 상품을 바로 구매(shopping)할 수 있도록 상세페이지 링크 배너가 포함된 커머스 플레이어 입니다. 세로형 숏폼만 지원합니다.
카페 24 고객
동영상 제목을 클릭하여 사이드바 열기
-업로드 중 설정 변경은 가능하지만 미리보기는 재생되지 않습니다.
샵 플레이어 탭 클릭
카페 24와 연동된 상품 목록에서 바로 구매 연결에 있는 [+] 버튼 클릭
-선택한 영상과 연관되거나 마케팅을 원하는 상품을 추가하세요. 최대 3개까지 추가할 수 있습니다.
-상품명, 상품 코드를 검색하여 원하는 카페 24에 상품 목록에 있는 상품을 찾을 수 있습니다
-상품 상태가 '판매함' + '진열함' 에 모두 해당될 때만 상품 목록에 표시됩니다.
-구매 연결 배너 블럭의 위치를 변경하여 샵플레이어에 표시되는 구매 배너 순서를 변경할 수 있습니다
디스플레이어 on/off 설정
-최초 업로드한 영상일 경우 플레이어 설정은 모두 off입니다.
[저장 및 업데이트 버튼]클릭
[라이브러리 목록] > [샵플레이어 링크]버튼 클릭하여 링크 복사 완료
마케팅 원하는 페이지에 붙여넣기
엔터프라이즈 고객
동영상 사이드바 열기
샵 플레이어 탭으로 이동
[구매 배너 순서] > [+구매 링크 연결 버튼]
[팝업 정보 입력] > [구매 배너 추가 버튼]
디스플레이어 on/off 설정
-최초 업로드한 영상일 경우 플레이어 설정은 모두 off입니다.
[저장 및 업데이트] 버튼
[라이브러리 목록] > [샵플레이어 링크]버튼 클릭하여 링크 복사 완료
마케팅 원하는 페이지에 붙여넣기
권장 설정
재생 버튼을 누르지 않아도 페이지를 켜자마자 동영상이 재생되길 원해요 → 자동 재생 on
동영상이 끝나도 멈추지 않길 원해요 → 반복재생 on
플레이어 설정 변경 방법
[사이드바] > [샵 플레이어 탭] > [플레이어 설정] > [저장 및 업데이트 버튼]을 클릭하여 플레이어 설정을 변경하세요.
메인/상세페이지에서 샵 플레이어 사용법
쇼핑몰의 메인 혹은 상세페이지에서도 샵 플레이어를 게시하고싶은 경우에는 샵 플레이어 URL을 코드로 변경하는 작업이 필요해요.
라이브러리에서 구매 배너가 추가된 동영상의 [샵 플레이어 URL 버튼]을 클릭하세요.
복사된 플레이어 링크를 아래 코드에서 {샵 플레이어 URL} 부분을 삭제하고 붙여넣으세요.
<iframe src="{샵 플레이어 URL}" width="100%" style="border:none;aspect-ratio: 0.562/1;" allow="autoplay; clipboard-read; clipboard-write; web-share; fullscreen"></iframe>
샵 플레이어 코드 예시(세로영상) <iframe src="https://player.charlla.io/shoplayer/65LfPoh5ZgN" width="100%" style="border:none;aspect-ratio: 0.562/1;" allow="autoplay; clipboard-read; clipboard-write; web-share; fullscreen"></iframe>
샵 플레이어는 세로형 동영상만 지원합니다.
Last updated