Hello 플로팅 위치

Hello는 페이지의 네 모서리 중 한 곳에 떠 있거나, 해당 모서리로부터 사용자가 지정한 거리만큼 떨어진 위치에 떠 있을 수 있습니다. 이 설정은 Dashboard에서 데스크톱과 모바일에 대해 각각 따로 구성하므로, 스토어프런트 레이아웃에 가장 잘 맞는 위치에 위젯을 배치할 수 있습니다.

시작하기 전에 

사이트에 Hello가 설치되어 있고 Dashboard에서 Hello 설정을 열 수 있는지 확인하세요.

1. Dashboard -> Settings -> Hello로 이동합니다.
2. 페이지에서 Hello가 표시되는 위치에 대한 표시 설정을 찾습니다.

모서리 선택 

먼저 각 기기 유형에서 Hello가 사용할 모서리를 선택합니다.

• Desktop location — 데스크톱 기기에서 Hello가 표시될 가장 적합한 위치를 선택합니다.
• Mobile location — 모바일 기기에서 Hello가 표시될 가장 적합한 위치를 선택합니다.

이 컨트롤은 기준이 되는 모서리를 설정합니다. 플로팅 위치를 Default로 두면 Hello는 해당 모서리의 기본 여백을 사용합니다.

Desktop float placement 및 Mobile float placement 

Dashboard는 각 위치 컨트롤과 함께 해당 뷰포트에 대한 Desktop float placement 및 Mobile float placement를 제공합니다. 각각 두 가지 모드가 있습니다.

Default

Default는 선택한 모서리의 기본 여백을 유지합니다. 픽셀 오프셋을 입력하지 않습니다. 표준 모서리 간격으로 충분할 때 이 모드를 사용하세요.

Custom

Custom을 사용하면 선택한 모서리의 가장자리로부터의 거리를 정확한 정수 픽셀 값으로 설정할 수 있습니다. 오프셋 필드 레이블은 활성 모서리에 따라 달라집니다(예: 오른쪽 하단 배치의 경우 아래쪽 가장자리와 오른쪽 가장자리로부터의 거리).

Custom 배치를 저장하려면 다음을 수행합니다.

1. Desktop location 또는 Mobile location을 원하는 모서리로 설정합니다.
2. Desktop float placement 또는 Mobile float placement를 Custom으로 설정합니다.
3. 두 가장자리 모두에 대해 정수 픽셀 오프셋을 입력합니다.
4. Save를 클릭합니다.

Custom 플로팅 위치에는 두 가장자리 모두에 대한 정수 픽셀 오프셋이 필요합니다. 오프셋 중 하나라도 비어 있거나 정수가 아니면 Dashboard는 해당 Custom 배치를 저장하지 않습니다. 모드를 Default로 두면 오프셋 필드를 입력할 필요가 없습니다.

0 또는 음수 오프셋도 입력하면 허용됩니다. Hello는 저장한 값을 그대로 적용하며, Dashboard가 값을 최솟값이나 최댓값으로 자동 조정하지 않습니다.

데스크톱과 모바일은 서로 독립적입니다 

데스크톱과 모바일은 각각 따로 구성하세요. 데스크톱에서 Custom 배치를 설정해도 모바일은 변경되지 않으며, 한 뷰포트에서 Custom을 해제해도 다른 뷰포트는 해제되지 않습니다.

저장한 후에는 다음과 같이 적용됩니다.

• 플로팅 Hello가 해당 뷰포트에 대해 구성한 모서리와 여백 위치에 표시됩니다.
• 미리보기(peek) 메시지는 계속해서 배치에 맞는 쪽(왼쪽 또는 오른쪽)에서 펼쳐집니다.

Custom 배치와 페이지 앵커 

뷰포트에 Custom 플로팅 위치를 설정하면 Hello는 해당 뷰포트에서 지정한 픽셀 여백 위치에 떠 있습니다. 페이지 내 앵커 요소에 인라인으로 머무르지 않습니다.

Default 플로팅 위치는 Hello가 선택한 모서리의 기본 여백을 사용한다는 의미일 뿐입니다. 그 자체로 인라인 앵커링을 켜거나 끄지 않습니다. 인라인 배치는 별도의 통합 관련 사항입니다. Hello를 페이지 요소에 연결하려면(일반적으로 데스크톱에서) Dashboard의 Behavior 아래에서 Hello anchor element를 구성하세요. 표준 모서리 여백을 원하고 Custom 오프셋을 사용하지 않는 경우에는 플로팅 위치를 Default로 두세요.

선택 사항: API 

대부분의 판매자는 Dashboard에서 플로팅 위치를 구성합니다. API를 통해 Hello 설정을 관리하는 경우, 선택적인 데스크톱 및 모바일 배치 재정의에 모서리 앵커와 가로 및 세로 픽셀 오프셋을 포함할 수 있습니다. 이러한 재정의가 설정되면 플로팅 Hello는 Dashboard의 Custom 배치와 동일한 방식으로 이를 적용합니다. 통합에서 이미 API로 Hello 설정을 업데이트하고 있지 않다면 일상적인 변경에는 Dashboard를 사용하는 것이 좋습니다.