쇼핑몰 PG 결제창 창, 휴대폰에서도 끝까지 이어지게 맞춥니다. 연락 주시면 화면부터 같이 봐 드립니다.

휴대폰 결제창은 PC와 열리는 방식이 다릅니다

PC에서 쇼핑몰 결제 버튼을 누르면 대개 주문서 위에 결제창이 겹쳐 뜹니다. 손님은 그 창 안에서 결제수단을 고르고 인증을 마치면 창이 닫히면서 주문 완료 화면을 보게 됩니다. 휴대폰은 화면이 작아서 이렇게 겹쳐 띄우는 방식이 잘 맞지 않습니다.

그래서 모바일에서는 결제 페이지로 화면이 통째로 넘어갔다가, 결제가 끝나면 다시 쇼핑몰 주문 완료 화면으로 돌아오는 방식이 흔합니다. 같은 쇼핑몰이라도 손님이 어떤 기기로 들어왔느냐에 따라 결제창이 전혀 다른 길로 열리는 셈입니다.

이 차이 때문에 모바일 결제창에는 PC에서는 없던 일이 하나 더 생깁니다. 결제가 끝난 뒤 손님을 어느 화면으로 돌려보낼지 정해 두는 일입니다. 이 돌아오는 주소가 잘못 잡혀 있으면 결제는 승인됐는데 손님 화면에는 오류가 뜨거나 빈 화면이 보일 수 있습니다.

손님은 결제가 안 된 줄 알고 다시 결제를 시도하고, 그러면 같은 주문이 두 번 승인되는 일도 생깁니다. 연동 단계에서 이 부분을 꼼꼼히 맞춰 둡니다. 중복 승인이 생기면 취소하고 손님께 사과드리는 일까지 겹치니 처음에 막아 두는 편이 훨씬 낫습니다.

빌더 쇼핑몰을 쓰신다면 이런 설정은 대부분 플랫폼이 알아서 처리합니다. 임대형 빌더에 베스트페이를 쓰실 때는 몰을 복제해 PG를 붙이고 승인 뒤 옮기므로, 옮기기 전에 복제본에서 모바일 결제를 먼저 시험해 봅니다. 직접 개발한 쇼핑몰이라면 개발 담당자가 PC와 모바일 결제창을 따로 다뤄야 하는 경우가 많아서, 연동 문서를 볼 때 모바일 쪽 흐름을 빠뜨리지 않도록 저희가 함께 짚어 드립니다.

어느 쪽이든 마지막에는 실제 휴대폰으로 결제해 보는 것으로 마무리합니다. 빌더 쇼핑몰이라도 디자인 스킨을 바꾸거나 기능을 덧붙였다면 모바일 결제 흐름이 달라질 수 있으니 같은 방법으로 확인해 보시는 편이 좋습니다.

앱카드와 페이 앱을 오가는 길이 매끄러워야 합니다

휴대폰에서 카드 결제를 하면 손님은 대개 카드사 앱카드로 넘어가 인증을 합니다. 간편결제를 고르면 페이 서비스 앱이 열립니다. 손님 입장에서는 쇼핑몰 화면에서 다른 앱으로 갔다가 인증을 마치고 다시 쇼핑몰로 돌아오는 셈입니다.

이 왕복이 매끄러우면 손님은 결제가 몇 초 만에 끝났다고 느끼지만, 한 번이라도 끊기면 결제는 거기서 멈춥니다. 손님은 다시 처음부터 결제할 마음을 내기 어렵고, 장바구니는 그대로 남은 채 다른 쇼핑몰로 넘어가기 쉽습니다. 모바일 결제창을 살필 때 이 왕복 구간을 가장 먼저 보는 이유입니다.

앱 전환이 끊기는 이유는 여러 가지입니다. 손님 휴대폰에 해당 앱이 설치되어 있지 않을 수도 있고, 앱은 열렸는데 인증 뒤 쇼핑몰로 돌아오는 연결이 제대로 잡혀 있지 않을 수도 있습니다. 앱이 설치되어 있지 않으면 설치 화면으로 안내하거나 다른 인증 방법을 보여 주는 것이 보통인데, 이 흐름이 막혀 있으면 손님은 아무것도 할 수 없는 화면에 갇히게 됩니다.

그래서 앱이 없는 휴대폰에서도 시험 결제를 해 봅니다. 직원분 휴대폰 가운데 앱카드를 깔지 않은 기기가 있다면 그것으로 해 보셔도 충분합니다.

인증을 마치고 돌아왔는데 쇼핑몰 화면이 처음부터 다시 시작되는 일도 있습니다. 휴대폰이 메모리를 아끼려고 뒤에 있던 브라우저 화면을 정리해 버리는 경우입니다. 이때 결제 결과를 쇼핑몰이 제대로 받아 두지 못하면 승인은 났는데 주문은 미완료로 남습니다.

연동할 때 결제 결과를 손님 화면과 별도로 서버끼리 주고받도록 맞춰 두면 이런 상황에서도 주문이 빠지지 않습니다. 이 부분은 개발 담당자와 저희가 함께 확인합니다. 빌더 쇼핑몰이라면 플랫폼이 이 처리를 대신하는 경우가 많아 따로 손볼 일은 적습니다.

메신저 안에서 연 쇼핑몰은 따로 살펴봅니다

요즘 쇼핑몰 손님 가운데에는 SNS 광고나 메신저로 받은 링크를 눌러 들어오는 분이 많습니다. 이렇게 들어오면 쇼핑몰은 휴대폰의 기본 브라우저가 아니라 메신저나 SNS 앱 안의 브라우저에서 열립니다. 이 인앱 브라우저는 겉보기에는 일반 브라우저와 같지만, 다른 앱을 불러내는 방식이 조금 달라서 앱카드나 페이 앱으로 넘어가는 과정에서 막히는 일이 종종 생깁니다.

같은 휴대폰이라도 기본 브라우저에서는 잘 되던 결제가 메신저 안에서만 멈추는 일이 있어서, 문제가 생겨도 사장님이 직접 재현하기 전까지는 원인을 알아차리기 어렵습니다.

손님은 자기가 인앱 브라우저에 있다는 것을 잘 모릅니다. 그래서 결제 버튼을 눌렀는데 아무 반응이 없으면 쇼핑몰이 고장 났다고 생각하고 떠나 버립니다. 광고비를 들여 데려온 손님이 결제 직전에 빠져나가는 셈이니 아까운 일입니다.

광고를 많이 하는 쇼핑몰일수록 자주 쓰이는 메신저와 SNS 앱 안에서 직접 결제해 보시기를 권해 드립니다. 광고 링크를 직접 눌러 들어가 결제까지 해 보면 손님이 겪는 모습을 그대로 볼 수 있습니다.

인앱 브라우저에서 결제가 잘 되지 않는다면 몇 가지 길이 있습니다. 결제 연동 설정을 손봐서 앱 호출이 제대로 되게 하는 방법이 먼저이고, 그래도 어려우면 결제 단계에서 기본 브라우저로 열어 달라는 안내를 띄우는 방법도 있습니다.

어떤 방법이 맞을지는 쓰시는 쇼핑몰 플랫폼과 손님이 주로 들어오는 앱에 따라 다르니, 상담 때 쇼핑몰 링크를 보내 주시면 함께 확인해 드립니다. 메신저 앱은 업데이트로 동작이 바뀌기도 하니 한 번 맞춰 둔 뒤에도 가끔씩 다시 결제해 보시면 좋습니다.

작은 화면에서는 버튼과 문구가 먼저 보여야 합니다

휴대폰 화면은 PC의 몇 분의 일밖에 되지 않습니다. 주문서에 배송지와 쿠폰, 적립금, 결제수단, 약관 동의가 줄줄이 이어지면 손님은 결제 버튼까지 한참 스크롤을 내려야 합니다. 그 사이에 마음이 바뀌거나 무엇을 눌러야 할지 헷갈려 떠나는 손님이 생깁니다.

모바일 주문서는 손님이 꼭 봐야 할 것만 위로 올리고, 나머지는 접어 두는 쪽으로 다듬으시는 편이 좋습니다. 이미 회원인 손님이라면 배송지와 연락처를 미리 채워 두는 것만으로도 결제 버튼까지 가는 길이 훨씬 짧아집니다.

결제수단 목록도 마찬가지입니다. 손님이 가장 많이 쓰는 수단이 맨 위에 있어야 하고, 버튼은 손가락으로 누르기 넉넉한 크기여야 합니다. 결제수단마다 짧은 설명을 붙일 수 있다면 가상계좌에는 입금 기한이 있다는 것, 간편결제는 앱이 열린다는 것 정도만 적어 두셔도 손님 혼란이 줄어듭니다.

설명이 길면 오히려 읽지 않으니 한 줄로 끝내시는 편이 낫습니다. 전자담배 업종을 제외하면 롯데카드도 결제할 수 있습니다.

결제창 안의 화면은 PG와 카드사가 정해 둔 틀이라 쇼핑몰에서 마음대로 바꾸기는 어렵습니다. 대신 결제창으로 넘어가기 전의 주문서와 결제가 끝난 뒤의 주문 완료 화면은 쇼핑몰이 다듬을 수 있습니다. 주문 완료 화면에 결제 금액과 결제수단, 배송 예정일을 분명하게 보여 주면 손님은 결제가 제대로 됐다는 안심을 얻고, 결제가 됐는지 묻는 문의도 크게 줄어듭니다.

가상계좌를 고른 손님이라면 이 화면에 계좌번호와 입금 기한이 눈에 띄게 보이도록 해 두시는 것도 잊지 마세요.

실결제 전에 여러 휴대폰으로 시험해 봅니다

연동을 마쳤다고 바로 손님 결제를 받기 시작하면 모바일에서 생기는 문제를 손님이 먼저 겪게 됩니다. 그래서 실결제를 열기 전에 시험 결제를 충분히 해 봅니다. 안드로이드 휴대폰과 아이폰에서 각각, 기본 브라우저와 자주 쓰이는 메신저 앱 안에서 각각 결제해 보는 식입니다.

카드 결제와 간편결제, 가상계좌처럼 열어 둔 수단마다 한 번씩은 끝까지 해 보시는 것이 좋습니다. 시험 결제는 실제 금액이 오가는 방식과 시험 환경에서 하는 방식이 있으니 어떤 방법으로 할지는 개통 때 저희가 함께 정해 드립니다.

시험할 때는 결제만 보지 말고 취소까지 함께 해 보세요. 결제한 주문을 관리자 화면에서 취소했을 때 손님 쪽에 취소가 제대로 반영되는지, 주문 상태가 바르게 바뀌는지 확인하는 것입니다. 결제 도중에 일부러 뒤로 가기를 누르거나 앱을 닫아 보는 것도 도움이 됩니다.

손님이 실제로 할 법한 행동을 미리 해 보면 실결제 뒤에 생길 문의를 상당히 줄일 수 있습니다. 시험하면서 이상하다고 느낀 화면은 사소해 보여도 메모해 두세요.

시험 결제에서 막히는 곳이 보이면 화면을 캡처해 두시고 어떤 휴대폰과 어떤 앱에서 생겼는지 적어 두세요. 그 내용을 보내 주시면 연동 설정 문제인지 쇼핑몰 화면 문제인지 저희가 함께 나눠 봅니다. 모든 시험이 끝나고 막히는 곳이 없을 때 실결제를 엽니다.

실결제를 연 뒤에도 처음 며칠은 결제 실패 내역을 함께 지켜보면서 혹시 놓친 곳이 없는지 살펴 드립니다. 쇼핑몰을 고치거나 새 결제수단을 더했을 때도 같은 순서로 다시 시험해 보시면 안심하고 운영하실 수 있습니다.

결제를 실제로 처리하는 회사는 어떻게 확인하나요?

쇼핑몰 결제를 어디에 맡기든, 카드 대금을 실제로 굴리는 회사의 상호는 꼭 받아 두세요. 베스트페이는 금융감독원 등록을 마친 1차 PG사 아래에서 일하는 2차 PG라 그 1차 PG사 상호를 처음부터 밝히고, 서명할 문서에도 빠짐없이 적습니다.

결제 수단마다 붙는 카드 수수료의 뼈대는 여신금융협회 공개 자료에서 볼 수 있습니다. 이 두 가지를 손에 쥐고 상담을 받으시면 결제창 구성과 비용 이야기가 훨씬 또렷해집니다.