GuidesAPI GuideChangelog
Log In
Guides

플레이어 템플릿 설정

라이브마다 다르게 적용할 수 있는 플레이어 템플릿(기본형/확장형/한손형)의 설정 방법과 정책을 안내합니다.

플레이어 미리보기 영역에서 템플릿 설정하기 기능을 통해 라이브마다 플레이어 템플릿을 다르게 적용할 수 있습니다.

기본형, 확장형, 한손형 중 원하는 템플릿을 선택하고 템플릿별 항목을 설정하면, 편성 화면 우측 플레이어 미리보기에서 실제 플레이어 화면을 바로 확인할 수 있습니다.

모든 템플릿에서 상품패널 스타일을 강조형으로 설정하면, 혜택가 문구와 배경 색상으로 라이브 중 소개하는 상품을 시청자에게 돋보이게 보여줄 수 있습니다.

📘

미리보기 영역에서는 방송 타이틀, 상점 정보, 상품 정보, 설정된 플레이어 템플릿만 반영됩니다.


플레이어 템플릿 정책

  • 플레이어 템플릿 설정은 라이브별로 1회성으로 설정되고, 기존 컨피그 설정보다 우선 적용됩니다. 전체 방송에 템플릿을 고정적으로 적용하려면 모비두 고객성공팀으로 문의하세요.
  • 설정된 플레이어 템플릿은 실시간 라이브와 다시보기 VOD에 공통으로 적용됩니다.
  • VOD로 전환된 이후에는 플레이어 템플릿을 변경할 수 없습니다.
  • 편성표 복사 및 ReLive 편성 시 플레이어 템플릿 설정이 함께 복사되며, 복사 후 수정할 수 있습니다.

플레이어 템플릿

라이브 편성 시 해당 라이브에 적용하기를 원하는 플레이어 템플릿을 설정합니다.

STEP 1. LIVE > 예정된 라이브 > 라이브 편성 화면의 플레이어 미리보기 영역에서 템플릿 설정하기를 클릭합니다.

STEP 2. 플레이어 템플릿에서 기본형, 확장형, 한손형 중 적용할 템플릿을 선택합니다.

STEP 3. UI 요소 설정과 노출 설정 영역에서 항목을 설정합니다. 템플릿마다 설정할 수 있는 항목이 다르며, 아래 템플릿별 섹션에서 확인할 수 있습니다.

STEP 4. 템플릿 미리보기에서 설정한 플레이어 화면을 확인합니다.

  • 미리보기 화면은 파트너사의 컨피그 정보인 플레이어 버전과 설정값을 기본적으로 반영해 노출됩니다. 단, 편성표에 로딩 이미지가 등록되어 있는 경우에 해당 이미지가 우선 노출됩니다.
  • 실제 라이브 전에는 반드시 플레이어 미리보기에서 화면을 확인해야 합니다.

STEP 5. 등록을 클릭합니다.


한손형

한 손으로 주요 기능을 쉽게 사용할 수 있도록 주요 UI가 하단에 가로 형태로 배치된 템플릿입니다.

  • 상품은 가로 스와이프 방식으로 노출되며, 마지막 상품에서 전체 보기를 누르면 전체 상품 바텀 시트가 표시됩니다.
  • 상점 로고는 확장형보다 작게 표시됩니다.

설정 항목

항목한손형
상점 로고권장 크기 480×96px, PNG·SVG, 권장 용량 1MB
상품패널 스타일기본형 / 강조형
공유하기 아이콘노출 / 미노출
채팅 아이콘노출 / 미노출
좋아요 아이콘이미지 등록
좋아요 애니메이션 이미지좋아요 애니메이션으로 등록할 이미지를 모두 선택
좋아요 애니메이션 동작기본 / 버블
방송명노출 / 미노출
  • 한손형에는 상품패널 동작 항목이 없으며, 세로 2단 레이아웃을 지원하지 않습니다.

모든 항목을 설정 후에는 등록을 클릭합니다.

전체 기능 노출 플레이어 예시 - 한손형

상품패널 스타일

기본형과 강조형 중 선택할 수 있습니다.

  • 기본형 : 한손형의 기존 상품패널 스타일로 상품을 표시합니다.
  • 강조형 : 기존보다 큰 가로형 상품 패널을 사용합니다. 라이브 중 라이브콘솔에서 NOW로 지정한 상품에는 혜택가 문구와 강조를 위한 배경 색상이 표시됩니다. NOW 상품이 여러 개이면 지정된 순서대로 가로 스와이프로 탐색할 수 있습니다.

강조형을 선택한 경우 다음 항목을 설정합니다.

항목설정 방법
혜택가 내용(필수)라이브콘솔에서 상품을 NOW로 선택할 때 상품 패널 상단 라벨에 표시될 문구를 입력합니다. 기본값은 '라이브 혜택가'이며, 최대 15자까지 입력할 수 있습니다.
배경 색상라이브콘솔에서 상품을 NOW로 선택할 때 라벨과 패널 테두리에 적용할 색상을 지정합니다. 최소 1개, 최대 3개까지 지정할 수 있으며, 1개는 단색, 2개 이상은 그라데이션으로 반영됩니다.
  • 미리보기 영역에서는 기본 / 상품 NOW 토글을 전환하여 강조 표시 전후를 확인할 수 있습니다. 강조형 선택 시 상품 NOW가 기본으로 표시됩니다.
  • NOW 상품을 지정하지 않거나 해제하면 강조 표시 없이 상품이 기존 방식으로 노출됩니다.
  • 더 자세히 보기를 클릭하면 상품이 1개인 경우 상품 링크로 이동하고, 2개 이상인 경우 상품 목록(바텀 시트)이 열립니다.

확장형

브랜드와 상품 정보를 넓게 보여주는 구성의 템플릿으로 UI가 우측에 세로로 배치됩니다.

설정 항목

항목확장형
상점 로고권장 크기 480×96px, PNG, SVG, 권장 용량 1MB
상품패널 스타일기본형 / 강조형 / 뱃지형
상품패널 동작고정 / 세로 2단
공유하기 아이콘노출 / 미노출
채팅 아이콘노출 / 미노출
좋아요 아이콘이미지 등록
좋아요 애니메이션 이미지좋아요 애니메이션으로 등록할 이미지를 모두 선택
좋아요 애니메이션 동작기본 / 버블
방송명노출 / 미노출
상점명노출 / 미노출

모든 항목을 설정 후에는 등록을 클릭합니다.

전체 기능 노출 플레이어 예시 - 확장형

상품패널 스타일

기본형, 강조형, 뱃지형 중 선택합니다.

  • 기본형 : 기존 상품패널 스타일로 상품을 표시합니다.
  • 뱃지형 : 뱃지형 상품패널 스타일을 적용합니다.
  • 강조형 : 기존보다 큰 가로형 상품 패널을 사용하며, 라이브 중 라이브콘솔에서 NOW로 지정한 상품에는 혜택가 문구와 강조를 위한 배경 색상이 표시됩니다.

강조형을 선택한 경우 다음 항목을 설정합니다.


항목설정 방법
혜택가 내용(필수)라이브콘솔에서 상품을 NOW로 선택할 때 상품 패널 상단 라벨에 표시될 문구를 입력합니다. 기본값은 '라이브 혜택가'이며, 최대 15자까지 입력할 수 있습니다.
배경 색상라이브콘솔에서 상품을 NOW로 선택할 때 라벨과 패널 테두리에 적용할 색상을 지정합니다. 최소 1개, 최대 3개까지 지정할 수 있으며, 1개는 단색, 2개 이상은 그라데이션으로 반영됩니다.
  • 미리보기 영역에서는 기본 / 상품 NOW 토글을 전환하여 강조 표시 전후를 확인할 수 있습니다. 강조형 선택 시 상품 NOW가 기본으로 표시됩니다.

  • NOW 상품을 지정하지 않거나 해제하면 강조 표시 없이 상품이 기존 방식으로 노출됩니다.

  • 더 자세히 보기를 클릭하면 상품이 1개인 경우 상품 링크로 이동하고, 2개 이상인 경우 상품 목록(바텀 시트)이 열립니다.

❗

강조형을 선택하면 상품패널 동작이 고정으로 자동 반영되며, 세로 2단은 선택할 수 없습니다.

상품패널 동작

고정과 세로 2단 중 선택할 수 있습니다. 세로 2단을 선택하면 상품은 2개까지만 노출됩니다.

기본형

상품 정보와 주요 기능을 균형 있게 제공하는 구성의 템플릿으로, UI가 우측에 세로로 배치됩니다.

설정 항목

항목기본형
상점 로고권장 크기 400×400px(1:1), JPG·JPEG·PNG, 권장 용량 1MB
상품패널 스타일기본형 / 강조형
상품패널 동작고정 / 세로 2단
공유하기 아이콘노출 / 미노출
채팅 아이콘노출 / 미노출
좋아요 아이콘이미지 등록
좋아요 애니메이션 이미지좋아요 애니메이션으로 등록할 이미지를 모두 선택
좋아요 애니메이션 동작기본 / 버블
  • 기본형에는 상점명과 방송명 설정 항목이 없습니다.

모든 항목을 설정 후에는 등록을 클릭합니다.


전체 기능 노출 플레이어 예시 - 기본형

상품패널 스타일

기본형, 강조형 중 선택합니다.

  • 기본형 : 기존 상품패널 스타일로 상품을 표시합니다.
  • 강조형 : 기존보다 큰 가로형 상품 패널을 사용하며, 라이브 중 라이브콘솔에서 NOW로 지정한 상품에는 혜택가 문구와 강조를 위한 배경 색상이 표시됩니다.

강조형을 선택한 경우 다음 항목을 설정합니다.


항목설정 방법
혜택가 내용(필수)라이브콘솔에서 상품을 NOW로 선택할 때 상품 패널 상단 라벨에 표시될 문구를 입력합니다. 기본값은 '라이브 혜택가'이며, 최대 15자까지 입력할 수 있습니다.
배경 색상라이브콘솔에서 상품을 NOW로 선택할 때 라벨과 패널 테두리에 적용할 색상을 지정합니다. 최소 1개, 최대 3개까지 지정할 수 있으며, 1개는 단색, 2개 이상은 그라데이션으로 반영됩니다.
  • 미리보기 영역에서는 기본 / 상품 NOW 토글을 전환하여 강조 표시 전후를 확인할 수 있습니다. 강조형 선택 시 상품 NOW가 기본으로 표시됩니다.

  • NOW 상품을 지정하지 않거나 해제하면 강조 표시 없이 상품이 기존 방식으로 노출됩니다.

  • 더 자세히 보기를 클릭하면 상품이 1개인 경우 상품 링크로 이동하고, 2개 이상인 경우 상품 목록(바텀 시트)이 열립니다.

❗

강조형을 선택하면 상품패널 동작이 고정으로 자동 반영되며, 세로 2단은 선택할 수 없습니다.

상품패널 동작

고정과 세로 2단 중 선택할 수 있습니다. 세로 2단을 선택하면 상품은 2개까지만 노출됩니다.




Did this page help you?
🏠 소스라이브 🎬 소스클립 🔗 소스링크 📢 소스애드
🧩 API 가이드
🆕 최근 업데이트
💬 도움이 더 필요하신가요?
메일로 문의 카카오톡 채널로 문의
담당자에게 문의하기

궁금한 점이나 불편했던 점을 남겨주시면 담당자가 확인 후 답변드릴게요.

가이드 챗봇
* AI를 활용해 답변해서 사실과 다를 수도 있어요. 더 궁금한 사항은 '담당자에게 문의하기'를 이용해주세요.
💡 궁금한 솔루션(예: 라이브, 링크 등)을 함께 적어주시면 더 정확한 답변을 받을 수 있어요.