가입 양식 닫기 설정 이해하기
학습 내용
각 양식 유형과 양식 티저에서 사용할 수 있는 닫기 옵션과 닫기 아이콘 스타일 지정 방법을 포함해 가입 양식의 해제 설정에 대해 알아보세요.
쇼핑객이 가입 양식을 쉽게 닫을 수 있게 하는 건 직관에 반하는 것처럼 보일 수 있지만, 양식을 닫으려다 답답함을 느낀 쇼핑객은 사이트에서 계속 둘러볼 가능성이 낮아요. 누군가가 양식을 닫는 상황에서도 긍정적인 경험을 제공하면 호감이 쌓이고, 방문자가 나중에 구독할 가능성이 더 높아질 수 있어요.
시작하기 전에 알아야 할 것
가입 양식의 닫기 설정과 관련해 다음을 수행할 수 있어요:
- 가입 양식 및 양식 티저의 닫기 아이콘 스타일을 사용자 지정하세요.
- 팝업 양식의 닫기 동작을 제어하세요
- 모바일 기기에서 플라이아웃 양식의 닫기 동작을 제어하세요
양식 닫기 아이콘 스타일 지정
모든 팝업, 플라이아웃, 전체 페이지 양식에는 기본적으로 양식 오른쪽 상단에 닫기 아이콘(X 버튼)이 있어요.
임베드 양식은 사이트의 특정 페이지에 삽입되므로 닫기 아이콘이 없습니다.
가입 양식의 닫기 아이콘 스타일을 맞춤 설정하려면:
- 가입 양식으로 이동한 다음 양식 옆의 점 3개 메뉴를 열고 편집을 선택해 주세요.
- 미리보기에서 양식의 X 버튼을 클릭해 주세요.
- 왼쪽의 닫기 아이콘 패널에서 위치, 크기, 색상, 두께, 배경색, 테두리 색상 및 블록 여백을 조정해 주세요.
- 예를 들어, 배경이나 테두리 없이 간단한 X를 만들려면 배경색과 테두리 색상을 투명으로 설정하세요.
- 예를 들어, 배경이나 테두리 없이 간단한 X를 만들려면 배경색과 테두리 색상을 투명으로 설정하세요.
선택한 디자인 설정은 양쪽 기기 유형 모두에 표시되도록 양식이 설정되어 있는 경우, 양식의 데스크톱 버전과 모바일 버전 모두에 적용돼요. 미리보기 위에 있는 데스크톱/모바일 보기 선택 도구를 사용해 모바일에서 양식의 닫기 아이콘을 확인해 주세요.
가입 양식에 티저가 있는 경우, 닫기 버튼을 표시할지 여부를 선택할 수 있어요. 기본적으로 티저에는 닫기 아이콘이 포함되지 않아요. 추가하려면 미리보기 위의 바에서 티저를 선택한 다음 닫기 아이콘 (닫기 아이콘 추가) 옆의 더하기 버튼을 클릭하세요. 해당 섹션의 컨트롤을 사용해 티저의 닫기 아이콘 스타일을 지정하세요.
해제 설정 및 동작
팝업 양식의 경우, 사이트 방문자가 양식 영역 밖을 클릭하거나 탭해서 닫을 수 있도록 할지 선택할 수 있어요. 어떤 방식이든 닫기 아이콘은 계속 사용할 수 있어요.
외부 클릭으로 닫기 설정은 팝업 양식에서만 사용할 수 있어요. 전체 페이지 및 플라이아웃 양식에는 이 설정이 없어요.
양식 편집기에서 타겟팅 & 행동을 클릭한 다음 표시 탭을 선택하세요. 양식 외부를 클릭하면 닫기에서 데스크톱에서, 모바일에서, 둘 다 또는 둘 다 아님 중에서 선택하세요.
- 기기를 선택한 상태에서 양식 밖을 클릭하거나 탭하면 해당 기기에서 양식이 닫혀요. 바깥을 클릭하면 닫히는 기능은 기본적으로 활성화되어 있어요.
- 디바이스를 선택 해제하면 해당 디바이스에서는 양식 밖을 클릭하거나 탭해도 무시돼요. 방문자는 X 버튼으로 여전히 양식을 닫을 수 있어요.
키보드를 사용하는 방문자는 바깥쪽 클릭으로 닫기 설정과 관계없이 Escape 키를 눌러 팝업을 닫을 수도 있어요.
해제 설정은 기기별로 적용돼요. 데스크톱, 모바일, 둘 다 또는 둘 다 아님 중에서 양식 영역 밖을 클릭할 때 양식이 닫히도록 할지 선택할 수 있어요.
양식이 닫힌 후 표시되도록 티저가 설정되어 있으면, 방문자는 티저를 클릭해 양식을 다시 열 수 있어요. 양식 티저를 추가하는 방법을 알아보세요.
방문자가 X 버튼으로 양식을 닫든, 양식 밖을 클릭해 닫든, 자동으로 다시 표시될 수 있는 시점을 제어할 수 있어요. 타겟팅 & 행동 > 표시 > 빈도에서 방문자가 양식을 닫으면, 다음 기간 후 다시 표시에 일수를 입력해 주세요. 이 설정은 방문자가 티저를 통해 양식을 다시 여는 것을 막지는 않아요.
모바일 가입 양식의 닫기 옵션
모바일 기기에서 스와이프하여 쇼핑객이 양식을 닫을 수 있게 하려면 플라이아웃 양식을 사용하고 화면 상단이나 하단에 도킹해 주세요.
- 양식 편집기에서 스타일 편집을 클릭한 다음, 양식 유형에서 플라이아웃을 선택해 주세요.
- 플라이아웃 설정에서 모바일 플라이아웃 위치를 열고 다음 옵션 중 하나를 선택해 주세요:
- 방문자가 위로 스와이프해서 양식을 닫을 수 있도록 상단에 고정 하세요.
- 방문자가 아래로 스와이프하여 양식을 닫을 수 있도록 하단에 고정 하세요.
모바일 기기가 세로 방향일 때 도킹과 스와이프 닫기가 적용돼요. 가로 방향에서는 양식이 일반적인 플라이아웃 위치를 사용하며, 방문자는 X 버튼으로 닫을 수 있어요.
변경 사항을 게시하고 테스트하세요
양식 조정을 완료했으면 변경사항을 게시하여 웹사이트에 적용해 주세요.
- 편집기에서 게시 또는 예약을 클릭하세요. 지금 게시를 선택하고 차단 알림을 모두 해결한 다음 지금 게시를 클릭해 변경 사항을 적용하세요.
- 웹사이트에서 양식이 타겟팅하는 각 기기에서 닫기 아이콘을 테스트해 보세요. 팝업의 경우, 바깥쪽을 클릭하거나 탭했을 때 선택한 대로 작동하는지 확인해 보세요. 도킹된 모바일 플라이아웃의 경우, 세로 방향에서 스와이프 제스처를 테스트해 보세요. 티저가 닫은 후 표시되도록 설정되어 있다면, 티저가 양식을 다시 여는지 확인해 보세요. 티저에 닫기 아이콘을 추가했다면, 티저가 정상적으로 닫히는지 확인해 보세요.
게시한 후에는 양식 분석을 검토해 주요 지표를 확인하고 양식 성과에 대해 더 자세히 알아보세요.