인스타형 카드 위젯
사용하고 계신 쇼핑몰에 SNS 스토리 형식으로 위젯을 추가할 수 있습니다.
Last updated
사용하고 계신 쇼핑몰에 SNS 스토리 형식으로 위젯을 추가할 수 있습니다.
Last updated
영상이 PC / Mobile 에서 어떻게 보이는지 미리보기를 할 수 있습니다.
다른 위젯 페이지로 이동하려면 해당 항목을 선택하세요. 페이지가 전환되더라도 기존에 설정된 코드나 스타일은 변경되지 않고 유지 됩니다.
플러그인 스토어에서 구매해야 하는 유료 상품은 구매 완료 후 사용 가능합니다.
썸네일 선택 : 쇼츠영상, 판매상품 - 쇼츠 영상 : 등록된 숏폼 영상 영상 썸네일 - 판매 상품 : 숏폼 영상과 연동되어 있는 판매 상품 썸네일
썸네일 사이즈 : 대, 중, 소
제목 글자 크기 : 11 ~ 25(px)까지 선택 가능
카드 사이즈 간격 : 5, 10, 15, 20, 25, 30(px) 선택 가능
한줄에 카드 개수 : 2 ~ 8개 까지 선택 가능
가져올 카드 개수 : 2 ~ 16개 까지 선택 가능
카드 정렬 : 최신순, 조회수 많은, 좋아요 많은, 직접 선택
제목 노출 : 동영상 업로드 했을 때 설정한 제목 노출 여부를 설정합니다.
제목 폰트 색상 노출 : 원형 이미지 하단 제목 색상을 설정합니다.
테두리 애니메이션 : 원형 이미지 외곽 띠 부분의 움직임을 설정합니다.
테두리 라운딩 컬러 : 원형 이미지 외곽 띠 부분의 색상을 설정할 수 있습니다.
레이아웃 설정 : 좌, 우, 위, 아래 여백을 설정합니다.
영상의 노출 순서를 정할 수 있습니다.
최신순 : 최근에 업로드한 영상부터 노출됩니다.
조회수 많은 : 조회수가 높은 영상부터 노출됩니다.
좋아요 많은 : 좋아요(하트)가 많이 클릭된 영상부터 노출됩니다.
직접 선택하기 : 보여주고 싶은 영상의 순서를 임의로 설정할 수 있습니다.
좌측의 영상을 클릭하면 우측으로 이동합니다.
순서를 변경하고자 하는 영상을 마우스를 꾹 누른 채로 움직이면 순서를 변경할 수 있습니다.
우측의 영상을 짧게 클릭하면 왼쪽으로 이동합니다.
카드 순서 수정이 필요할 경우 ‘다시 선택’ 버튼을 클릭해 수정할 수 있습니다.
'설치 코드 보기' 버튼을 클릭한 후에 설치될 곳의 코드까지 수정해야 완전하게 적용됩니다.
적용된 위젯의 썸네일이 어떤식으로 노출될지 설정할 수 있습니다.
노출 설정
자동 재생 : 위젯 안의 모든 썸네일 영상이 재생됩니다.
마우스 오버 시 영상 재생 : 마우스 커서가 썸네일 영역에 올라 갔을때 영상이 재생됩니다.
마우스 클릭 시 이동 경로 - 상품 페이지 : 영상과 연결 되어 있는 상품의 상세페이지로 이동합니다. - 플레이어 : 숏폼 플레이어 화면으로 이동합니다.
읽음 표시 재생성 : 사용자가 썸네일을 클릭할 경우, 지정한 컬러 테두리가 회색(읽음 처리)으로 변경됩니다. 다시 원래 테두리 색으로 돌아오는 시간을 지정 할 수 있습니다. (없음, 1시간, 2시간, 6시간, 12시간, 24시간 중에 선택 가능합니다.)
우측 하단 "설치 코드 보기"를 클릭하면 아래와 같이 팝업이 뜹니다. 모든 내용을 드래그하거나 우측 상단 복사 버튼을 클릭합니다.
① 카페24 디자인에서 디자인 편집으로 이동합니다. ② 좌측하단 HTML 수정을 클릭하여 쇼핑몰을 수정합니다. ③ HTML에 복사해둔 Tag를 붙여넣고 우측상단 '모두 저장'을 클릭합니다.
적용 완료 후 쇼핑몰에 추가된 인스타형 카드 위젯을 확인합니다.
⚠️ 복사한 코드를 html에 저장했는데 숏폼 카드 위젯이 적용되지 않을 경우
쇼핑몰에 요소가 많거나 쌓인 캐시로 인해 숏폼 플레이어가 바로 보이지 않는 경우가 있습니다. 그런 경우 카페24 쇼핑몰 관리자 홈에 접속하신 뒤, 상단 검색창 옆에 있는 “사이트캐시 삭제"를 클릭해 주시면 됩니다.
