카페24 연동하기
우리 카페24 웹사이트에 웹푸시(Web Push)를 쉽게 개발 및 구현하는 방법을 알아봅니다. 카페24 플레어레인 앱을 통해 클릭 몇 번만으로 웹 푸시를 더욱 쉽게 설치할 수 있습니다.
카페24 앱스토어에 있는 '플레어레인' 앱 사이트에 접속하여 [설치하기] 버튼을 클릭하고, 정보 활용 동의를 합니다.
![Document image Document image](https://images.archbee.com/Wbsolg6yO_rYuFsitXiOA/aALd1A6JmyhWZM8HoMKpP_screen-shot-2022-08-12-at-20950-pm.png?format=webp)
과정 진행을 위해 플레어레인 계정이 필요해지는데, 절차에 따라 가입을 완료합니다.
![Document image Document image](https://images.archbee.com/Wbsolg6yO_rYuFsitXiOA/qxtYGOQTyEN-spKNo5xp__screen-shot-2022-08-12-at-20956-pm.png?format=webp)
동의 후, 플레어레인-카페24 연동 사이트에서 다시 한 번 [설치하기] 버튼을 클릭합니다.
![Document image Document image](https://images.archbee.com/Wbsolg6yO_rYuFsitXiOA/K86QqpWIp3PRDdIu6bLJJ_screenshot-2023-07-11-at-75548-pm.png?format=webp)
미리보기를 참고하여 사이트명을 입력합니다. 입력한 사이트명은 향후 알림 제목 미입력 시 대신 사용됩니다.
![Document image Document image](https://images.archbee.com/Wbsolg6yO_rYuFsitXiOA/8cMZyuCIFvgoM0vznMlxJ_screen-shot-2022-08-12-at-21346-pm.png?format=webp)
모든 연동이 완료되면 유저는 웹사이트 방문 시 구독을 위한 팝업이 노출됩니다. (언어는 브라우저 언어에 따라 다름)
iOS 웹 푸시의 경우 현재 애플 정책에 의해 Safari 브라우저 내 '홈 화면에 추가' 후 만들어진 웹앱을 통해 접속했을 때 웹 푸시가 활성화됩니다. 자세한 내용은 iOS 웹 푸시(Web Push) 소개 및 동작 원리를 참고하세요.
![PC(윈도우) PC(윈도우)](https://images.archbee.com/Wbsolg6yO_rYuFsitXiOA/MBkDGWhKdZ0a6UC0mnLng_image.png?format=webp)
PC(윈도우)
![모바일(안드로이드) 모바일(안드로이드)](https://images.archbee.com/Wbsolg6yO_rYuFsitXiOA/qVn-N0Eid1Km3nYhmplBF_web-push-mobile.jpg?format=webp)
모바일(안드로이드)
허용을 누르게 되면 자동으로 해당 유저는 알림 구독 상태가 되며, 이후 브라우저를 벗어나도 알림을 받을 수 있는 상태가 됩니다.
이후 [웹 푸시 세부 설정하기] 버튼을 통해 노출되는 팝업 및 위젯의 세부 설정을 진행할 수 있습니다.