Shop player(샵 플레이어)

숏폼 시청자가 동영상 속 상품을 바로 구매(shopping)할 수 있도록 상세페이지 링크 배너가 포함된 커머스 플레이어 입니다. 세로형 숏폼만 지원합니다.

카페 24 고객

  1. 동영상 제목을 클릭하여 사이드바 열기

    -업로드 중 설정 변경은 가능하지만 미리보기는 재생되지 않습니다.

  2. 샵 플레이어 탭 클릭

  3. 카페 24와 연동된 상품 목록에서 바로 구매 연결에 있는 [+] 버튼 클릭

    -선택한 영상과 연관되거나 마케팅을 원하는 상품을 추가하세요. 최대 3개까지 추가할 수 있습니다.

    -상품명, 상품 코드를 검색하여 원하는 카페 24에 상품 목록에 있는 상품을 찾을 수 있습니다

    -상품 상태가 '판매함' + '진열함' 에 모두 해당될 때만 상품 목록에 표시됩니다.

    -구매 연결 배너 블럭의 위치를 변경하여 샵플레이어에 표시되는 구매 배너 순서를 변경할 수 있습니다

  4. 디스플레이어 on/off 설정

    -최초 업로드한 영상일 경우 플레이어 설정은 모두 off입니다.

  5. [저장 및 업데이트 버튼]클릭

  6. [라이브러리 목록] > [샵플레이어 링크]버튼 클릭하여 링크 복사 완료

  7. 마케팅 원하는 페이지에 붙여넣기

엔터프라이즈 고객

  1. 동영상 사이드바 열기

  2. 샵 플레이어 탭으로 이동

  3. [구매 배너 순서] > [+구매 링크 연결 버튼]

  4. [팝업 정보 입력] > [구매 배너 추가 버튼]

  5. 디스플레이어 on/off 설정

    -최초 업로드한 영상일 경우 플레이어 설정은 모두 off입니다.

  6. [저장 및 업데이트] 버튼

  7. [라이브러리 목록] > [샵플레이어 링크]버튼 클릭하여 링크 복사 완료

  8. 마케팅 원하는 페이지에 붙여넣기

권장 설정

  • 재생 버튼을 누르지 않아도 페이지를 켜자마자 동영상이 재생되길 원해요 → 자동 재생 on

  • 동영상이 끝나도 멈추지 않길 원해요 → 반복재생 on

플레이어 설정 변경 방법

[->플레이어 설정 저장 및 업데이트]

[사이드바] > [샵 플레이어 탭] > [플레이어 설정] > [저장 및 업데이트 버튼]을 클릭하여 플레이어 설정을 변경하세요.

메인/상세페이지에서 샵 플레이어 사용법

쇼핑몰의 메인 혹은 상세페이지에서도 샵 플레이어를 게시하고싶은 경우에는 샵 플레이어 URL을 코드로 변경하는 작업이 필요해요.

  1. 라이브러리에서 구매 배너가 추가된 동영상의 [샵 플레이어 URL 버튼]을 클릭하세요.

  2. 복사된 플레이어 링크를 아래 코드에서 {샵 플레이어 URL} 부분을 삭제하고 붙여넣으세요.

  3. <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

Ⓒ 2023 Catenoid Inc. All Rights Reserved.