상세 가이드›플로팅 버튼(FAB)

플로팅 버튼(FAB)

상품 페이지 오른쪽 아래에 떠 있는 둥근 측정 버튼입니다. 본문의 펄핏 버튼과 별개로, 화면을 어디까지 내려도 보이는 진입점을 하나 더 두고 싶을 때 씁니다.

어떤 버튼인가요

상품 페이지 오른쪽 아래의 플로팅 버튼
  • 화면 오른쪽 아래에 고정되고, 스크롤해도 따라옵니다. 누르면 본문의 펄핏 버튼과 같은 측정·추천 화면이 열립니다.
  • 상품 페이지(PRODUCT)에서 추천 가능한 상품이 잡혔을 때만 나타납니다. 상품 데이터가 없거나 추천 불가 상품이면 뜨지 않습니다.
  • 본문 버튼과 함께 쓸 수도, 플로팅 버튼만 쓸 수도 있습니다. 모양은 펄핏 공통 디자인(검정 원, 줄자 아이콘)이고 고객사가 바꿀 수 없습니다.

켜는 방법

고객사 코드 작업은 없습니다. 펄핏이 프로젝트 설정에서 켜 주니, 아래 값을 정해 담당자에게 요청하세요. 모바일과 PC를 따로 설정할 수 있습니다.

설정기본값설명
사용 여부끔모바일·PC 각각 켜고 끌 수 있습니다.
버튼 크기44px원의 지름입니다.
오른쪽 여백16px화면 오른쪽 끝에서 버튼까지의 거리입니다.
아래 여백16px화면 아래 끝에서 버튼까지의 거리입니다. 사이트의 다른 고정 버튼과 겹치면 이 값을 키웁니다.

알아 두세요

  • 맨 위로 버튼, 채팅 버튼과 겹칠 때: 같은 자리에 다른 고정 버튼이 있으면 아래 여백이나 오른쪽 여백을 키워 피합니다. 버튼 크기와 위치는 요청하면 바로 바꿀 수 있습니다.
  • PC에서는 누르면 측정 화면 대신 휴대폰으로 이어 가는 QR 코드가 뜹니다. 모바일 전용으로만 켜 두는 고객사가 많습니다.
  • 버튼이 안 보이면 먼저 본문의 펄핏 버튼이 뜨는 페이지인지 확인하세요. 플로팅 버튼은 본문 버튼과 같은 조건(페이지 타입·상품 데이터)에서만 나타납니다. 문제 해결
이 문서가 도움이 됐나요?