스토어프런트 알림

고객이 장바구니에 제품을 담거나, 앱의 장바구니 서랍을 변경하거나, 결제하거나, 할인 코드를 적용하면 앱이 스토어프런트에 짧은 성공 또는 오류 메시지를 표시합니다. Storefront notifications에서 이 메시지의 모양을 선택할 수 있습니다.

스타일은 세 가지입니다.

• Toast — 화면 모서리에 표시되는 작은 메시지.
• Modal — 화면 가운데에 OK 버튼과 함께 표시되는 팝업. 고객이 닫을 때까지 유지됩니다.
• Banner — 화면 상단 또는 하단에 표시되는 바.

관리 단계

1. Storefront notifications 열기

   앱에서 Add-on Features를 클릭하고 Storefront notifications를 찾아 Customize를 클릭하세요.

2. 기본 스타일 선택하기

   Notification style에서 Default style을 Toast, Modal, Banner 중에서 선택하세요. 다음 단계에서 기능별로 다른 스타일을 선택하지 않으면 모든 메시지에 이 스타일이 사용됩니다.

   

3. 기능별 스타일 선택하기(선택 사항)

   Style per feature에서 Default를 유지하거나 메시지 그룹별로 다른 스타일을 선택하세요.

   • Add to cart — 앱이 장바구니에 담는 제품: 제품 페이지, Quick Buy, Quick Order Form, 앱의 Wholesale cart drawer에서 담은 제품.
   • Cart updates — 장바구니 업데이트나 주소 저장 또는 삭제 등 앱의 Wholesale cart drawer에서 일어나는 변경.
   • Checkout & Pay later — 결제 오류, 그리고 Pay later 주문의 성공 및 오류 메시지.
   • Discount code — 앱의 할인 코드 입력란 메시지. 예를 들어 코드가 적용되었거나 장바구니의 품목에 사용할 수 없을 때 표시됩니다.

   예: 기본 스타일은 Toast로 두고 Checkout & Pay later에는 Modal을 선택해 고객이 Pay later 확인 메시지를 놓치지 않게 합니다.

4. 각 스타일 사용자 지정하기

   각 스타일의 섹션에서 모양을 설정하세요. 색상을 비워 두면 기본 모양이 사용됩니다.

   Toast style

   • Auto hide — 기본적으로 켜져 있습니다. 끄면 고객이 닫을 때까지 각 토스트가 화면에 유지됩니다.
   • Design — Classic, Card, Soft, Pill.
   • Position — Top right, Top left, Bottom right, Bottom left.
   • Auto hide after — 2초에서 30초까지. 기본값은 5초입니다.
   • Success background, Error background, Text color.

   Modal style

   • Design — Classic, Card, Dialog.
   • Button background, Button text — OK 버튼의 색상.
   • Corner radius — 0에서 40 px까지.

   Banner style

   • Auto hide — 기본적으로 켜져 있습니다. 끄면 고객이 닫을 때까지 배너가 유지됩니다.
   • Design — Classic, Soft, Floating.
   • Position — Top, Bottom.
   • Auto hide after — 2초에서 30초까지. 기본값은 5초입니다.
   • Success background, Error background, Text color.

5. 미리 보고 저장하기

   Preview에서 Preview template을 선택한 다음 Show success 또는 Show error를 클릭해 설정이 적용된 스타일을 확인하세요. 미리보기는 스토어프런트와 같은 템플릿을 사용합니다.

   

   Save를 클릭하세요.

알아 두면 좋은 점

• 고객은 OK, × 버튼, 바깥 영역 클릭 또는 Esc 키로 Modal을 닫을 수 있습니다. 모달은 저절로 닫히지 않습니다.
• 토스트는 한 번에 최대 5개까지 화면에 표시됩니다. 여섯 번째 토스트가 나타나면 가장 오래된 것이 제거됩니다.
• 모달과 배너는 한 번에 하나씩만 표시됩니다. 새 메시지가 화면에 있던 메시지를 대체합니다.
• Pay later 주문이 성공해 성공 메시지가 표시되면 앱이 장바구니를 비우고 페이지를 다시 불러옵니다. Modal에서는 고객이 메시지를 읽을 수 있도록 팝업을 닫을 때 페이지가 다시 로드됩니다. Toast나 Banner에서는 몇 초 후에 다시 로드됩니다.
• 메시지 문구는 다른 스토어프런트 문구와 같은 방식으로 편집합니다. 앱 일부 기능의 콘텐츠 편집 및 번역을 참고하세요.
• 다른 알림 표시 방식이 필요한가요? Notification style 섹션에서 Contact support를 클릭하세요. 저희 팀이 도와드립니다.

참고

중요: 테마에서 앱 임베드가 활성화되어 있는지 확인하세요. 그렇지 않으면 이 설정이 스토어프런트에 적용되지 않습니다. 테마에서 앱 활성화/비활성화를 참고하세요.

도움이 필요하세요?

이 단계를 진행하다가 어려움이 있다면 주저하지 말고 이메일 주소 [email protected]로 바로 문의해 주세요.