결제 방법 표시를 관련하여 | Toss payments 개발자 커뮤니티 | Page 1

rigid marlin Oct 12, 2023, 8:24 AM

#

결제 방법의 버튼 표시시 직접 버튼을 만들고 하나하나 결제수단을 연결하는 방법을 알려 주세요.
저희 사이트에서 노출을 시킬떄는 첨부한것 처럼 노츨을 시키려고 합니다. 고객이 결제방법을 선택후 다음을 누루면 지불방법으로써 그 결제방법만을 노출 시키고 싶습니다.

untold driftBOT Oct 12, 2023, 8:24 AM

#

⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다

오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.

- 주문번호(orderId) : - 문의 내용 :

(img를 함께 첨부해주시면 도움이됩니다)

red shard Oct 12, 2023, 8:25 AM

#

외국인이신가요?

rigid marlin Oct 12, 2023, 8:26 AM

#

네 일본인입니다. 한국어로 설명하셔도 문제는 없으나 일본어가 가능하신다면 일본어로 해주셔도 감사하겠습니다.

red shard Oct 12, 2023, 8:35 AM

#

아쉽게도 영어는 가능하나 일본어는 어렵네요. 한국어가 편하시겠어요?

rigid marlin Oct 12, 2023, 8:36 AM

#

네 한구어가 편합니다!

#

한국어

red shard Oct 12, 2023, 8:41 AM

#

공유해주신 페이지 첫번째 이미지에서 결제수단을 선택했으면, 굳이 결제수단을 다시 선택하게 할 필요가 있으신가요?

#

바로 samsung pay화면으로 넘어가면 되지 않나요?

#

그 방법을 안내드릴까요?

rigid marlin Oct 12, 2023, 8:52 AM

#

개발팀이 따로 계셔서 한번 확인하겠습니다.

rigid marlin Oct 13, 2023, 1:19 AM

#

다른 문의를 여기서 드려도 되는지 모르겠는데요. 저희쪽에서 개발을 끝낸 후 오픈전에 토스쪽에서 테스트 및 확인하시는 작업이 발생할까요?있다면 며칠정도 필요하게 될지 알고 싶습니다.

red shard Oct 13, 2023, 2:18 AM

#

저희가 별도로 테스트/QA해드리지 않습니다.

rigid marlin Oct 13, 2023, 5:15 AM

#

네 알겠습니다.

#

위 내용 관련되서 개발팀에서 온 메시지를 공유합니다.[당사의 개발 및 시스템 개발 사정에 따라 결제 방법 선택 후 페이지 전환이 이루어지며, 리디렉션 후 우측이 표시되는 이미지입니다.]

red shard Oct 13, 2023, 5:33 AM

#

#

먼저 공유해주신 제일 우측이미지에서 왜 다시 삼성페이를 선택하는지에 대한 문의입니다.

위에 공유드린 것처럼 바로 삼성페이 화면으로 이동할 수 있어 말씀드리는거에요

#

#

이렇게요

rigid marlin Oct 13, 2023, 8:32 AM

#

다시 선택하는 것이 아니라 삼성 화면에 띄우는 링크가 있는 것을 리디렉션된 후 페이지로 날아가는 이미지입니다.

#

그 삼성페이 측 화면 링크는 토스페이먼트 측에서 받을 수 있을까요?

red shard Oct 13, 2023, 8:39 AM

#

https://docs.tosspayments.com/guides/payment/integration-direct

카드사 및 간편결제 자체창 바로 열기 | 토스페이먼츠 개발자센터

카드사 및 간편결제 자체창을 연동하는 방법을 알아봅니다.

#

개발자 분께 아래 링크를 전달해주시겠어요?

#

  // 결제 정보
  amount: 15000,
  orderId: 'QoT-G0naTOEf-gJlih6dN',
  orderName: '토스 티셔츠 외 2건',
  customerName: '박토스',
  successUrl: 'http://localhost:8080/success',
  failUrl: 'http://localhost:8080/fail',
  flowMode: 'DIRECT',
  easyPay: 'SAMSUNGPAY'
})
.catch(function (error) {
  if (error.code === 'USER_CANCEL') {
    // 결제 고객이 결제창을 닫았을 때 에러 처리
  } else if (error.code === 'INVALID_CARD_COMPANY') {
    // 유효하지 않은 카드 코드에 대한 에러 처리
  }
})
JavaScript

#

이런식으로 호출하면 삼성페이가 바로 뜨게 됩니다.

rigid marlin Oct 13, 2023, 9:26 AM

#

전달해보겠습니다.

#

감사합니다.

rigid marlin Oct 19, 2023, 8:21 AM

#

안녕하세요,

molten totem Oct 19, 2023, 8:47 AM

#

Hello, I work with the development team. The reason why we would like to navigate to SamsungPay this way
#1161942338050986075 message
is because we have 2 systems being used for payment on our service. The first screenshot is on system 1. Once the payment method is chosen, it is navigated to the second screenshot, where TossPaymements will be connected to system 2. System 1 does not directly connect to your system, and therefore we believe this extra navigation is necessary.

#

So would it be possible to display only the chosen payment method on the second screenshot using an API call?

#

And would the SamsungPay redirect link be provided by TossPayments when moving to the user information entry screen?

#

Thank you for your support.

red shard Oct 19, 2023, 9:18 AM

#

Plz share us your email

#

I will send you the guide documents of API spec that you request

molten totem Oct 19, 2023, 9:18 AM

#

Thank you!

#

[email protected]

red shard Oct 19, 2023, 9:20 AM

#

One thing have to be clearfy.

If you call the API(which i will share you two email), it will return the URL.

And the url will call below window. Is it OK to your guys?

molten totem Oct 19, 2023, 9:25 AM

#

Yes, but also for this navigation, can we use an API or something else to control which payment methods to display on the screen marked in red?

Screen_Shot_2023-10-19_at_6.22.35_PM.png

red shard Oct 19, 2023, 9:31 AM

#

Can you share the payment-method that you will use?

#

I mean the list of payment-methods

molten totem Oct 19, 2023, 9:35 AM

#

As of now, Credit Card, SamsungPay (and Direct Debit if we have time to implement it) and release it.

#

Later this year, we are planning Payco, L.pay, and SSGpay.

#

So for example, select SamsungPay -> show only SamsungPay option

red shard Oct 19, 2023, 10:01 AM

#

There's only two option in API

first, payment-window

#

second, directly move to each payment-method's window

rigid marlin Oct 19, 2023, 10:30 AM

#

신용카드의 경우 결제는 어떻게 진행될까요? 2번째로 보내주신 방식으로 진행을 하게 되면 어떻게 되는지 알려 주시면 감사하겠습니다.

#

카드사의 페이지에 리다이렉트 되서 결제가 진행되나요?

red shard Oct 19, 2023, 10:33 AM

#

소통을 정확하게 하기위해, 2번째 보내주신 방식 에대한 이미지 한번 올려주시겠어요? 같은 내용을 이야기하는지 확인하기 위함입니다.

rigid marlin Oct 19, 2023, 10:35 AM

#

네. 이 이미지입니다.

red shard Oct 19, 2023, 10:36 AM

#

혹시 귀사에 한국인 직원이 있을까요?

#

삼성페이는 e-wallet 결제수단이라 삼성페이에서 결제가 마무리됩니다.

rigid marlin Oct 19, 2023, 10:38 AM

#

한국인 직원이 있긴 있으나 이 프로젝트는 참가하지 않았습니다.

#

신용카드의 경우 제가 경험해본것은 예를 들어 신용카드의 경우 신용카드 선택->카드사 선택->

#

카드사 앱 화면(이게 리다이렉트된 화면 일까요)이 나오고 거기서 결재할 카드를 선택->결제 요청->결제 완료(구매한 사이트에 돌아옴)

#

이렇게 되던데요,directly move to each payment-method's window방식으로는 그렇게 되는걸까요. 혹시 신용카드를 directly move to each payment-method's window방식으로 연동했을떄의 캡처나 화면녹화가 있으면 공유해주시면 감사하겠습니다.

red shard Oct 19, 2023, 10:43 AM

#

payment-window

#

directly move to each payment-method's window

#

https://docs.tosspayments.com/guides/international/integration-types

Integration Types | 토스페이먼츠 개발자센터

Learn types of integrating Toss Payments into your website.

rigid marlin Oct 19, 2023, 10:47 AM

#

이 캡처에서는 국민카드가 예로 나오고있습니다만 다른 카드사인 경우도 똑같아고 알고 있는데 맞습니까?

red shard Oct 19, 2023, 10:47 AM

#

네

#

삼성페이도 국민카드와 마찬가지 입니다.

rigid marlin Oct 19, 2023, 10:49 AM

#

삼성페이 앱을 불러오는 형식이라는 말씀이시죠??

red shard Oct 19, 2023, 10:50 AM

#

네

rigid marlin Oct 19, 2023, 10:53 AM

#

감사합니다.

molten totem Oct 20, 2023, 2:03 AM

#

So when navigating to the payment window, #1161942338050986075 message do I control which payment method buttons to display with the API parameters? In that screenshot, there are many (NaverPay, Payco Shinhan Card etc).

tired ore Oct 20, 2023, 2:04 AM

#

molten totem So when navigating to the payment window, https://discord.com/channels/864296203...

It doesn't support for change support card companies by parametres.

#

You should use payment-widget (directly move to each payment-method's window) for this

#

Only you/we can fix supported card settings when you need to configure globally

#

But I think you don't want to change global setting right?

#

then you should use "directly move to each payment-method's window"

molten totem Oct 20, 2023, 3:30 AM

#

Right, let me ask a teammate if this method is possible for us. Because we have 2 connected systems for payment and the first one for the UI isn't directly connected to TossPayments.

#

Our thinking was: payment screen in our own website is displayed by System 1. Selecting a payment method (like SamsungPay) navigates to the TossPayments payment-window, displayed by system 2. Then move to the payment-method's window next with an API called by system 2.

#

Screen_Shot_2023-10-20_at_12.33.10_PM.png

tired ore Oct 20, 2023, 3:39 AM

#

Hmm, actually I am using multi-PG system for stability, so I also have experience to develop without directly connected with PG systems.

#

so currently, your service has been developed with System 1 structure right?

#

and when user click Next button with Korean card option then you want to show Toss payment's page right?

#

Actually, I have one thing have to be clearify,

#

Your system 2 screenshot is way for replacing Payment Methods UI that you have it in system 1 screenshot,

Screenshot_2023-10-20_at_10.43.24_AM.png

#

so you need to use our payment-window structure for using that way

#

and it doesn't support any customizing option.

tired ore Oct 20, 2023, 3:44 AM

#

tired ore It doesn't support for change support card companies by parametres.

(customizing option includes this thing)

molten totem Oct 20, 2023, 3:47 AM

#

Yes your understanding is correct. Thanks for your answer. We'll think about how we can navigate directly.

tired ore Oct 20, 2023, 3:47 AM

#

One thing you can consider is...

#

Design for all of our card companies in your page and call direct API like samsung pay

#

I am still using that one but you may need many development resources for this way

molten totem Oct 20, 2023, 3:51 AM

#

I see, so designing our own UI

tired ore Oct 20, 2023, 3:51 AM

#

molten totem I see, so designing our own UI

yes its fine. because you already have your own system

#

so I think its too hard and long way to completely migrate to Toss system

#

I will send you a docs for "own-ui system" API, so please refer it

molten totem Oct 20, 2023, 3:52 AM

#

Ok thank you!

tired ore Oct 20, 2023, 3:53 AM

#

https://docs.tosspayments.com/guides/payment/integration-direct

카드사 및 간편결제 자체창 바로 열기 | 토스페이먼츠 개발자센터

카드사 및 간편결제 자체창을 연동하는 방법을 알아봅니다.

#

This docs is also working with calling samsung pay, apple pay

tired ore Oct 20, 2023, 3:54 AM

#

molten totem [email protected]

If you don't want to use SDK and you want to use API, then please refer API docs that we sent you in email

#

but please make sure:

#

if you use direct-call(also known as own-ui system) SDK or API,

#

you have to get tosspayments agreement from user

#

Screenshot_2023-10-20_at_10.56.36_AM.png

molten totem Oct 20, 2023, 3:56 AM

#

I see.

tired ore Oct 20, 2023, 3:56 AM

#

cuz our ui already has a process to get agreement from user but own-ui couldn't have in our side

#

so please consider three way that we told you to develop your website

molten totem Oct 20, 2023, 3:57 AM

#

And could you send the docs again? I don't see them in my email inbox.

#

Sure

tired ore Oct 20, 2023, 3:58 AM

#

molten totem And could you send the docs again? I don't see them in my email inbox.

I am not employee of Toss, just personal community volunteer

#

so toss team crew, @red shard will send you again

molten totem Oct 20, 2023, 3:58 AM

#

Thank you

red shard Oct 20, 2023, 6:20 AM

#

@molten totem Sorry I forgot to send the mail.

#

Now you can find the email in your mail box

rigid marlin Oct 25, 2023, 2:52 AM

#

@red shard 안녕하세요.

#

각 결제방법의 로고도 개발자센터에서 찾을수 있을까요? 어디서 볼수 있는지 알려 주시면 감사하겠습니다/

red shard Oct 25, 2023, 3:11 AM

#

저희가 별도로 로고는 제공해드리지 않습니다.

rigid marlin Oct 25, 2023, 3:17 AM

#

이 페이지처럼 개별로 개발을 할떄는 각 간편결제사에 문의드려야 하는걸까요?

#

https://docs.tosspayments.com/guides/payment/integration-direct#카드사-및-간편결제-자체창-바로-열기

카드사 및 간편결제 자체창 바로 열기 | 토스페이먼츠 개발자센터

카드사 및 간편결제 자체창을 연동하는 방법을 알아봅니다.

red shard Oct 25, 2023, 3:24 AM

#

로고는 각 간편결제사 홈페이지 등이나 기타 웹페이지에서 받으실 수 있을거에요

rigid marlin Oct 25, 2023, 3:47 AM

#

네 감사합니다.

rigid marlin Oct 25, 2023, 5:41 AM

#

@red shard 안녕하세요. 자체창을 열어서 개발을 할때 계좌이체도 똑같이 가능할까요? 또는 계죄이체의 경우는 toss의 결제창등을 이용해야 가능할까요?

#

삼성페이 개발시 테스트를 위해 계정을 제공해주시는지 확인 부탁 드립니다.

red shard Oct 25, 2023, 6:23 AM

#

계좌이체도 저희 결제창 사용해야 합니다

#

저희가 결제를 위해 제공해드리는 테스트카드나 계정은 없습니다

rigid marlin Oct 25, 2023, 6:38 AM

#

그러면 카드 및 간편결제는 자체창을 이용하고 계좌이체만 토스가 제공하시는 결체창을 이용할수 있을까요?

red shard Oct 25, 2023, 7:04 AM

#

네

rigid marlin Oct 25, 2023, 7:47 AM

#

네 그럼 토스가 제공하시는 결제창에서 계좌이체만 (원하는 결제방법만)노출할수 있게 관리자페이지 또는 API로 제한할수 있는걸까요?

red shard Oct 25, 2023, 7:58 AM

#

원래 저희 결제창은 각 결제수단 별로 따로 운영됩니다.

#

https://docs.tosspayments.com/guides/payment/integration

토스페이먼츠 결제창 연동하기 | 토스페이먼츠 개발자센터

카드 결제창을 연동해보세요.

#

      // 결제 정보 파라미터
      // 더 많은 결제 정보 파라미터는 결제창 Javascript SDK에서 확인하세요.
      // https://docs.tosspayments.com/reference/js-sdk
      amount: 100, // 결제 금액
      orderId: 'qSMIeTS9fTX2_YRkthGjU', // 주문 ID(주문 ID는 상점에서 직접 만들어주세요.)
      orderName: '테스트 결제', // 주문명
      customerName: '김토스', // 구매자 이름
      successUrl: 'https://docs.tosspayments.com/guides/payment/test-success', // 결제 성공 시 이동할 페이지(이 주소는 예시입니다. 상점에서 직접 만들어주세요.)
      failUrl: 'https://docs.tosspayments.com/guides/payment/test-fail', // 결제 실패 시 이동할 페이지(이 주소는 예시입니다. 상점에서 직접 만들어주세요.)
    })```

#

첫줄 확인해주시기 바랍니다.

#

#

이런 창이 뜨게 됩니다.

rigid marlin Oct 25, 2023, 10:08 AM

#

안내 감사합니다.

#

혹시 토스페이먼츠가 제공하는 퀵계좌이체과 계좌이체의 차이점이 있을까요? 연동 개발 방식도 다를까여?

#

https://docs.tosspayments.com/guides/payment/integration-quick

퀵계좌결제 연동하기 | 토스페이먼츠 개발자센터

퀵계좌결제는 앱설치나 공동인증서가 없어도 간편결제처럼 1번만 계좌등록을 해두면 비밀번호만 입력하고 쉽게 결제를 마칠 수 있는 계좌이체 서비스예요.

#

이 가이드에 따라서 할떄 1.결제창 띄우기가 토스 결제창을 불러오는거죠?

red shard Oct 25, 2023, 10:22 AM

#

동일합니다~!

#

퀵계좌이체= 계좌이체 입니다

rigid marlin Oct 25, 2023, 10:28 AM

#

감사합니다! 그럼 직접 삼성페이 결제창을 불러오는것과 마찬가지로 토스의 퀵계좌이체 결제창을 불러오면 되는거네요!?

red shard Oct 25, 2023, 10:30 AM

#

네 맞습니다

rigid marlin Oct 25, 2023, 10:51 AM

#

잘 이해됐습니다. 감사합니다.

rigid marlin Oct 30, 2023, 1:47 AM

#

안녕하세요.

#

계좌이체 환불을 관련하여 문의 드립니다. 계좌이체시 환불을 하는 경우에 카드나 간편결제와 같아 토스쪽에서 이루어지는것으로 알고 있는데 맞습니까?

red shard Oct 30, 2023, 1:57 AM

#

네 맞습니다.

molten totem Oct 30, 2023, 2:10 AM

#

감사합니다. The question I was trying to ask in the email is, is it possible to only show domestic credit cards in the TossPayment window by changing the highlighted parameter "method" or some other way?

Screen_Shot_2023-10-30_at_10.45.57_AM.png

red shard Oct 30, 2023, 2:23 AM

#

If you want to use only Korean Domestic Card in payment-window.

You have to ask to our customer center to remove other methods.

#

It can't be handle by parameter.

molten totem Oct 30, 2023, 2:27 AM

#

I see, thank you

molten totem Oct 30, 2023, 4:23 AM

#

And what is the purpose of that parameter if it can't be used to configure the TossPayments window?

#

And could you send me a list of strings that can be set for that parameter?

red shard Oct 30, 2023, 4:46 AM

#

#

https://docs.tosspayments.com/guides/payment/integration#requestpayment-이해하기

토스페이먼츠 결제창 연동하기 | 토스페이먼츠 개발자센터

카드 결제창을 연동해보세요.

molten totem Oct 30, 2023, 4:58 AM

#

Thank you

molten totem Oct 30, 2023, 5:54 AM

#

So does changing that parameter do anything? It seems like it will open the same TossPayments window in any case.

red shard Oct 30, 2023, 5:56 AM

#

Can you try it?

Every methods' window is different! Its not in a same window.

molten totem Oct 30, 2023, 6:07 AM

#

Ok, it was a mistake on our engineer side. Thanks

molten totem Oct 30, 2023, 6:50 AM

#

If we remove SamsungPay from the TossPayments window using the admin system, will the user still be able to pay with SamsungPay by moving directly to this payment screen?

Screen_Shot_2023-10-30_at_3.49.20_PM.png

#

https://docs.tosspayments.com/guides/payment/integration-direct

카드사 및 간편결제 자체창 바로 열기 | 토스페이먼츠 개발자센터

카드사 및 간편결제 자체창을 연동하는 방법을 알아봅니다.

red shard Oct 30, 2023, 6:51 AM

#

yes

#

you can use it

#

If we remove SamsungPay from the TossPayments window using the admin system

What you mean admin system?

#

It means ask to our customer center right?

molten totem Oct 30, 2023, 6:52 AM

#

yea

red shard Oct 30, 2023, 6:52 AM

#

Ok then no prob.,

molten totem Oct 30, 2023, 6:53 AM

#

so we can't use any admin system by ourselves to customize?

red shard Oct 30, 2023, 6:54 AM

#

Yes that's right

molten totem Oct 30, 2023, 6:54 AM

#

Ok got it

rigid marlin Oct 30, 2023, 7:59 AM

#

안녕하세요. 첨부 사진 안 카드 종류의 관하여 문의드립니다. 저희가 8개 카드사에서 심사를 받은것으로 안내를 받았던것같은데요 여기에 노출되어 있는 카드사는 어디서 제한이 가능할까요? 8개사 심사를 받으면 다 노출이 되는것일까요?

red shard Oct 30, 2023, 8:28 AM

#

위에도 말씀드렸다시피

#

저희 고객센터로 문의주셔야합니다.

#

해당 위치에는 심사받은 모든 카드사 및 e-wallet이 노출됩니다.

molten totem Oct 30, 2023, 9:08 AM

#

We have a Samsung Galaxy phone for SamsungPay, but is there a way to use it in a sandbox environment?

red shard Oct 30, 2023, 9:09 AM

#

If you call with test api key, no real payment will occur

molten totem Oct 30, 2023, 9:09 AM

#

oh ok

rigid marlin Oct 30, 2023, 9:47 AM

#

고객센터는 여기 맞습니까? [email protected]

red shard Oct 30, 2023, 11:57 AM

#

네 맞습니다.

tired ore Oct 30, 2023, 5:18 PM

#

rigid marlin 고객센터는 여기 맞습니까? [email protected]

You can contact our customer centre by: tel +82-2-1544-7772 or email [email protected]. You can also have a chat with live agent in tosspayments.com website within working hours below.

Working hours: 8am ~ 7pm in KST/JST

rigid marlin Oct 31, 2023, 3:13 AM

#

tired ore You can contact our customer centre by: tel +82-2-1544-7772 or email support@tos...

Thank you so much. 감사합니다!

rigid marlin Oct 31, 2023, 3:20 AM

#

tired ore You can contact our customer centre by: tel +82-2-1544-7772 or email support@tos...

혹시 계좌이체 연동시 테스트용으로 계정을 은행등으로 따로 받으셨나요? 아니면 본인이 쓰고 계시는 계정을 이용하신걸까요?

tired ore Oct 31, 2023, 3:20 AM

#

rigid marlin 혹시 계좌이체 연동시 테스트용으로 계정을 은행등으로 따로 받으셨나요? 아니면 본인이 쓰고 계시는 계정을 이용하신걸까요?

본인 계좌로 진행하셔야 합니다. 테스트 계정은 제공되지 않습니다.

rigid marlin Oct 31, 2023, 3:21 AM

#

네 알겠습니다. 감사합니다!!

#결제 방법 표시를 관련하여