WordPress에서 Stripe QR 코드 결제를 추가하는 방법

WordPress 사이트에서 QR 코드 결제 옵션을 추가 하려고합니까?

QR 결제 방법을 사용하면 사용자가 전화기에서 결제 링크를 스캔하고 액세스 할 수 있습니다. 이로 인해 체크 아웃 프로세스가 더 간단하고 쉬워집니다.

그러나 사용자가 QR 코드로 지불 할 수있는 방법에는 여러 가지가 있습니다. 또한 QR 코드와 통합 할 수있는 많은 결제 게이트웨이가 있습니다.

예를 들어 QR 코드 생성기 또는 QRStuff와 같은 플랫폼을 사용하여 사이트에 지불 QR 코드를 수동으로 추가 할 수 있습니다. 그러나 이것은 긴 설정 프로세스가 필요합니다.

결제 링크, 웹 사이트 URL 및 연락처 세부 사항과 같은 QR 코드에 정보를 입력해야합니다. 또한 사이트와 별도로 QR 코드를 사용자 정의하고 이미지로 다운로드해야합니다.

결국, 그것은 제자리를 벗어나고 기능 충돌을 가질 수 있습니다.

또한 수동으로 생성 된 QR 코드는 정적이므로 모든 업데이트는 사이트에서 이미지를 재생하고 교체해야합니다.

그렇기 때문에 WPForms를 사용하여 QR 코드 결제 옵션을 만드는 것이 좋습니다.

먼저 WPForms를 사용하면 사용자 세부 정보, 결제 금액 또는 이벤트 등록과 같은 양식 입력을 기반으로 QR 코드를 동적으로 생성 할 수 있습니다. 이를 통해 QR 코드는 항상 수동으로 개입하지 않고 관련이 있고 개인화됩니다.

시각적 빌더를 사용하여 모든 양식 또는 페이지에 결제 링크와 함께 QR 코드를 빠르게 추가하여 시간을 절약 할 수 있습니다.

가장 중요한 부분은 WPForms가 PayPal 및 Stripe와 같은 결제 게이트웨이와 통합되어 결제 페이지에 링크 된 QR 코드를 쉽게 생성한다는 것입니다.

이제 지불 QR 코드를 만들기위한 도구를 선택 했으므로 다음 질문은 QR 결제 코드를 설정하는 데 가장 적합한 게이트웨이는 무엇입니까?

여기서 귀하의 우선 순위는 안전하고 확장 가능하며 사용자 친화적 인 결제 게이트웨이를 찾는 것입니다. 또한 많은 통화를 지원하는 것을 찾아서 전 세계 잠재 고객에게 액세스 할 수 있어야합니다.

이러한 이유로 인해 Stripe를 선택했습니다.

Stripe를 사용하면 실시간 결제 페이지에 연결되는 동적 QR 코드를 생성 할 수 있습니다. 브랜딩, 로고 및 색상으로 QR 코드에 연결된 결제 페이지를 사용자 정의 할 수 있습니다.

Stripe는 신용/직불 카드, Apple Pay 및 Google Pay와 같은 모바일 지갑 및 현지 지불 시스템을 포함한 다양한 지불 방법을 지원합니다.

결과적으로 단일 QR 코드는 사용자를 선호하는 방법을 선택하는 결제 페이지로 안내 할 수 있습니다.

Stripe가 훌륭한 QR 코드 지불 게이트웨이 인 다른 이유는 다음과 같습니다.

• 일회성 지불 : 고객은 QR 코드를 스캔하고 저장된 지불 방법을 사용하여 몇 초 만에 결제를 완료 할 수 있습니다.
• 동적 결제 금액 : Stripe를 사용하면 동적 계산 된 지불 금액에 연결된 QR 코드를 만들 수 있습니다.
• 웹 사이트와의 쉬운 통합 : Stripe는 WordPress와 같은 플랫폼 용 간단한 API 통합 및 플러그인을 제공합니다.
• 실시간 업데이트 : Stripe의 대시 보드는 QR 코드를 통해 지불 한 지불을 추적합니다. 거래를 즉시 모니터링 할 수 있습니다.
• 보안 거래 : Stripe QR 코드를 통한 지불은 고급 암호화 및 사기 탐지 메커니즘으로 안전하게 처리됩니다.

보시다시피 Stripe와 WPForms의 조합은 QR 코드를 통해 지불을받는 좋은 방법입니다.

이를 통해 WordPress에서 QR 코드 결제를 설정하는 방법을 단계별로 보여 드리겠습니다.

아래는이 튜토리얼에서 작성할 Stripe QR 코드 결제의 샘플입니다.

그 길에서 시작하겠습니다.

WordPress에서 Stripe QR 코드 결제를 추가하는 방법

언급했듯이 WordPress에서 QR 지불을 설정하기위한 두 가지 도구 인 WPForms 및 Stripe가 필요합니다.

운 좋게도 WPForms는 Stripe와 호환됩니다. 따라서 WPForms를 통해 Stripe를 WordPress와 연결합니다. 이 프로세스를 사용하면 드래그 앤 드롭 빌더를 사용하려는 모든 양식에서 QR 코드를 지불 할 수 있습니다. 따라서 사용자가 구매하기가 편리하고 쉽습니다.

이제 아래에 따라갈 모든 단계를 확인하십시오. 어떤 단계로도 건너 뛰려면 단순히 클릭하십시오.

• 1 단계 : WPForms를 설치하고 설정합니다
• 2 단계 : WPForms Stripe Pro Addon 설치 및 설정
• 3 단계 : 지불 양식을 작성하십시오
• 4 단계 : 스트라이프 지불을 설정합니다
• 5 단계 : 알림 및 확인 메시지를 설정합니다
• 6 단계 : 양식을 게시하십시오
• 7 단계 : WordPress에서 스트라이프 지불에 대한 QR 코드 추가

아래 전체 과정을 안내해 드리겠습니다.

1 단계 : WPForms를 설치하고 설정합니다

첫 번째 단계는 WordPress 대시 보드에 WPForms를 설치하는 것입니다. 그러나 WPForms는 스트라이프 결제를 할 수있는 무료 버전을 제공합니다. WordPress 저장소에서 빠르게 액세스하고 양식을 만들 수 있습니다.

그러나 QR 코드 사용과 같은 고급 스트라이프 기능을 위해서는 Pro 버전이 필요합니다.

Pro 버전은 Stripe Pro Addon에 액세스 할 수 있기 때문에이 자습서에 필요합니다. 그 외에도 무료 버전의 WPForms에는 3%의 거래 수수료가있어 상품 비용을 인상 할 수 있습니다.

자세한 내용은 최신 WPForms 리뷰를 확인하십시오.

시작하려면 공식 WPForms 웹 사이트로 가서 계획에 가입하십시오. 그들은 다양한 계획을 제공하므로 예산과 요구에 맞는 계획을 쉽게 찾을 수 있습니다. 그러나 Stripe Pro Addon을 구체적으로 사용하려면 Pro 또는 Elite WPForms 계획이 필요합니다.

Pro 또는 Elite 계획을 구매 한 후 WPForms 계정에 로그인하여 다운로드 로 이동하십시오.

그런 다음 wpforms zip 파일을 PC에 다운로드하십시오. 그런 다음이 페이지에서 라이센스 키를 복사하십시오. 프로 버전을 활성화하려면 필요합니다.

완료되면 WordPress 대시 보드로 가서 플러그인으로 이동»새 플러그인 추가 . 그런 다음 다른 플러그인과 마찬가지로 WPForms를 설치하고 활성화하십시오.

도움이 필요한 경우 플러그인을 설치하는 방법에 대한이 자습서를 확인하십시오.

활성화 후 "WPForms"라는 WordPress 대시 보드에 새 메뉴 옵션이 나타납니다. 이것은 설치 프로세스가 성공했음을 나타냅니다.

그런 다음 wpforms»설정»일반 으로 이동하여 이전에 복사 한 "라이센스 키"를 붙여 넣습니다.

마지막으로, Verify Key를 누르십시오. wpforms를 사용할 준비가되었습니다.

다음으로 WPForms를 통해 WordPress에서 스트라이프 결제를 설정하는 방법을 살펴 보겠습니다.

2 단계 : WPForms Stripe Pro Addon 설치 및 설정

WPForms를 사용하면 스트라이프 결제를 추가하여 구성하는 것이 매우 간단합니다. WPForms»Addons 로 이동하면됩니다.

여기에서 사용 가능한 애드온을 스크롤하거나 검색 기능을 사용하여 "Stripe Pro"애드온을 찾으십시오. 그런 다음 다른 플러그인 애드온과 같이 설치하고 활성화하십시오.

그게 다야! 이제이 애드온을 통해 wpforms에서 고급 스트라이프 함수를 사용할 수 있습니다.

다음으로 WPForms에서 스트라이프 결제를 구성하고 설정하십시오.

이렇게하려면 wpforms»설정 으로 이동하여 "지불"탭으로 이동하십시오. 그런 다음 페이지의 스트라이프 섹션으로 스크롤하여 "스트라이프와 연결"을 누르십시오.

스트라이프 로그인 세부 정보를 추가 할 수있는 가입 페이지로 리디렉션됩니다. 스트라이프 계정이없는 경우이 페이지에서 계정을 만들 수도 있습니다.

연결되면 WordPress 대시 보드로 다시 리디렉션됩니다. 이 시점에서 스트라이프 탭 아래의 "연결 상태"옆에 녹색 진드기가 표시됩니다.

WordPress의 Stripe와 쉽게 연결하는 더 많은 도구를 찾고 있다면 최고의 Stripe 플러그인 에서이 기사를 확인하십시오.

엄청난! 당신은 방금 스트라이프를 설정하고 지불을받을 준비가되었습니다.

3 단계 : 지불 양식을 작성하십시오

다음 단계는 사용자가 지불 할 수있는 결제 양식을 설정하는 것입니다. 언급했듯이 WPForms를 사용하는 것의 아름다움은 원하는 모든 양식에 지불 필드를 추가 할 수 있다는 것입니다.

예를 들어, 지불 필드를 등록 양식에 추가 할 수 있습니다. 이는 가입 및 급여를 QR 코드 프로세스와 결합하여 체크 아웃을 간소화합니다. 또한 기부 양식, 청구 양식, 경매 양식, 파티 RSVP 양식, 주문 양식 등에 추가 할 수도 있습니다.

WPForms를 사용하는 것의 가장 중요한 부분은 2000 개 이상의 즉시 사용 가능한 양식 템플릿이 제공된다는 것입니다. 이것은 프로세스를 더욱 단순화합니다. 디자인 경험이있는 경우 빈 캔버스를 사용할 수도 있습니다.

템플릿을 선택할 수 있도록 wpforms는 템플릿 페이지의 각각 미리보기를 보여줍니다. 전체 화면에서 템플릿을 보려면 템플릿을 호버하고 "데모보기"를 선택하십시오.

단계별 자습서는 "간단한 연락처 양식"템플릿을 사용합니다.

그래서 우리는 그것을 가리키고“템플릿 사용”을 쳤다. 드래그 앤 드롭 양식 빌더에서 템플릿이 열립니다.

먼저, 양식 빌더 인터페이스는 왼쪽의 "필드"와 오른쪽의 라이브 미리보기의 두 섹션으로 나뉩니다.

필드는 표준 필드, 멋진 필드 및 지불 필드로 나뉩니다. 이를 통해 추가하려는 필드를 쉽게 찾을 수 있습니다.

WPForms는 단일 라인 텍스트, 이메일, 드롭 다운, 확인란 등을 포함한 다양한 필드 유형을 제공하므로 목적에 맞는 양식을 만들 수있는 유연성을 제공합니다.

필드를 추가하려면 왼쪽 패널에서 드래그하여 오른쪽 미리보기 창의 양식의 원하는 지점에 떨어 뜨립니다. 연락처 양식을 작성하는 동안 라이브 미리보기 내에서 필드를 클릭하고 드래그하여 필드를 재 배열 할 수 있습니다.

이를 통해 귀하의 요구에 맞게 양식 레이아웃을 사용자 정의 할 수 있습니다.

예를 들어 양식에 여러 제품을 판매하려는 경우 확인란 항목, 여러 항목 또는 드롭 다운 항목 필드를 추가 할 수 있습니다. 반면에 연락처 양식에서 하나의 제품 만 판매하려는 경우 단일 항목 필드를 추가 할 수 있습니다.

각 wpforms 템플릿에는 사전 에이드 필드가있어 사용자 정의 할 수 있습니다.

필드를 편집하려면 양식 미리보기로 필드를 선택하면 왼쪽에 필드 옵션이 나타납니다. 여기에서 필드 레이블, 자리 표시 자 텍스트 및 필드가 필요한지와 같은 기타 설정을 수정할 수 있습니다.

편집 또는 필드 추가를 완료 한 후에는 오른쪽 상단의 버튼을 사용하여 양식을 저장하여 모든 변경 사항이 적용되도록하십시오. 이 간단한 프로세스는 초보자조차도 몇 분 안에 전문적인 기능적 형태를 구축 할 수 있도록합니다.

WPForms vs. Formstack 에서이 비교 기사를 확인하여 Form Creation에서 어떻게 일치하는지 확인하십시오.

4 단계 : 스트라이프 지불을 설정합니다

연락 양식을 준비하면 스트라이프 결제 옵션을 설정하는 것이 다음 단계입니다.

이렇게하려면 양식에 스트라이프 필드를 추가해야합니다. 위에서 사용한 것과 동일한 드래그 앤 드롭 프로세스를 사용하므로 매우 간단한 프로세스입니다.

따라서 필드 패널로 이동하여 지불 필드 로 스크롤하십시오. 여기에서 "스트라이프 신용 카드"필드를 찾은 다음, 원하는 양식의 위치로 드래그하여 떨어 뜨립니다.

WPForms Stripe 지불 필드는 카드 번호, 만료, CVC 및 국가 텍스트 라인과 함께 미리 표시됩니다. 따라서 Stripe 신용 카드 필드를 추가로 사용자 정의 할 필요가 없습니다.

WordPress에서 카드 결제를받는 또 다른 편리한 방법을 배우려면이 기사를 확인하십시오.

스트라이프 결제 필드를 준비하면 맨 왼쪽의 "지불"탭으로 이동하십시오.

일단 선택되면 모든 결제 게이트웨이를 열어 WPForms와 연결합니다. Authorize.net, 쿠폰, PayPal Commerce, PayPal Standard 및 Square를 사용할 수 있습니다.

그러나 권장 결제 게이트웨이는 스트라이프 이며이 페이지 상단에서 찾을 수 있습니다.

이 옵션을 선택하면 "일회성 지불"또는 "반복 지불"을 활성화하기 위해 토글 버튼이있는 왼쪽에 새 페이지가 열립니다.

이 기사를 확인하여 WPForms로 반복적 인 지불을 설정하는 방법을 알아보십시오.

오늘 튜토리얼을 위해 일회성 지불을 설정합니다.

토글 버튼을 사용 하여이 기능을 활성화하면 연락처 양식 필드를 지불 필드에 매핑하는 옵션이 표시됩니다. 이를 통해 WPForms는 Stripe와 통신하고 양식 제출 프로세스 중에 올바른 결제 세부 정보를 캡처 할 수 있습니다.

다시, WPForms는 매핑 프로세스를 쉽게 만듭니다.

드롭 다운 메뉴에서 옵션을 선택하면됩니다. 실제로, 드롭 다운 메뉴에는 맵핑 될 가능성이 가장 높은 필드 만 포함하여 더 쉽게 만듭니다.

예를 들어, Stripe 지불 영수증 드롭 다운에는 "이메일"이 표시됩니다. 그런 다음 고객 이름 드롭 다운에서는 "이름"을 얻게됩니다.

매핑 후 아래 스크린 샷처럼 보일 것입니다.

사용자 경험을 더욱 향상시키기 위해이 페이지 하단에서 조건부 로직을 활성화 할 수 있습니다.

여기서는 결제 필드를 표시하거나 숨겨야 할 때를 지시 할 수 있습니다. WPForms를 사용하면 여러 조건부 로직 규칙을 추가 할 수도 있습니다.

조건부 논리와는 별도로, 여기에 유용 할 수있는 형태 포기를 줄이는 또 다른 방법이 있습니다.

5 단계 : 알림 및 확인 메시지를 설정합니다

이제 모든 양식에 이메일 알림 및 확인 메시지가 중요합니다. 그러나 지불 관련 양식에 중요합니다. 사용자에게 즉각적인 피드백을 제공하여 지불이 성공적으로 처리되었음을 안심시킵니다.

이메일 알림을 구성 할 수 있으며, 수신 또는 확인 세부 정보를 사용자에게 보내는 동시에 트랜잭션에 대해 알려줍니다.

양식 제출 직후에 표시되는 확인 메시지는 사용자에게 지불금을 알리고 양식 제출이 성공적이라는 사실을 알리지 않도록 혼동을 제거하는 데 도움이됩니다.

"메시지"와 같은 페이지에서 즉시 확인 메시지를 설정하고 동일한 사이트의 다른 페이지 또는 외부 URL에 표시 할 수 있습니다.

WPForms를 사용하면 둘 다 설정 하에서 설정할 수 있습니다. 여기에서 "알림"과 "확인"에 대한 탭이 있습니다.

이러한 메시지가 명확하고 전문가가 사용자의 신뢰를 향상시키고 전반적인 경험을 더 부드럽게 만듭니다.

심층적 인 설명을 위해 양식 알림 및 확인을 설정하는 방법에 대한이 기사를 확인할 수 있습니다.

6 단계 : 양식을 게시하십시오

이제 모든 것이 설정되면 남은 일은 WordPress 사이트에 양식을 게시하는 것입니다. 이 작업을 수행하는 두 가지 방법이 있습니다. 새 페이지에 게시하거나 기존 페이지에 게시하십시오.

기존 페이지에 게시하는 방법을 살펴 보겠습니다.

먼저 페이지 상단의 저장 버튼을 누르십시오. 완료되면 저장 버튼 옆에있는 "INMED"버튼을 선택하여 팝업 창을 엽니 다. 그런 다음이 창에서 "기존 페이지 선택"을 선택하십시오.

다음 팝업에서 드롭 다운에서 양식이 나타나는 페이지를 선택하십시오. 이 히트 후,“가자.”

WordPress의 블록 편집기에서 페이지가 열립니다.

그런 다음 블록 편집기의 왼쪽으로 이동하여 Plus (+) 버튼을 선택하여 블록을 엽니 다.

그런 다음 wpforms 블록을 찾아 지불 양식이 나타나는 페이지의 위치로 드래그하여 떨어 뜨립니다. 로드되면 블록의 드롭 다운 메뉴를 사용하여 방금 구축 한 결제 양식을 선택하십시오.

마지막으로 페이지 오른쪽 상단에 저장을 누르십시오. 이 시점에서 라이브 페이지에서 만든 연락처 양식이 표시됩니다.

다음으로 지불 양식을 새 페이지에 추가하는 방법을 살펴 보겠습니다.

다시, 드래그 앤 드롭 양식 빌더의 상단에있는 Embed 버튼으로 돌아갑니다. 그러나 이번에는 "새 페이지 만들기"를 선택하십시오.

다음 팝업에서 새 페이지의 이름을 지정하고 "하자"를 선택하십시오. 새 페이지의 블록 편집기가 열립니다. 이번에는 새 페이지에 새 페이지가 사전 수용된 양식으로로드됩니다.

물론 WordPress 블록을 사용하여 페이지를 추가로 사용자 정의 할 수 있습니다. 그러나 그 양식은 그대로 게시 할 준비가되어 있어야합니다. 양식에 만족하면 페이지 상단에서 "게시"를 누르십시오.

그게 다야! 이제 기존 및 새 페이지에서 WPForms를 사용하여 양식을 게시 할 수 있습니다.

다음으로 QR 코드를 추가하여 양식을 통해 지불을 수락하는 방법을 살펴 보겠습니다.

7 단계 : WordPress에서 스트라이프 지불에 대한 QR 코드 추가

이제 지불 양식에 QR 코드를 추가하는 두 가지 무료 및 간단한 방법이 있습니다. 먼저, QR 기능이 내장 된 Google Chrome 또는 무료 WordPress 플러그인 인 Shortcodes Ultimate를 사용할 수 있습니다.

1. 내장 크롬 함수를 사용하여 QR 코드를 추가하십시오.

Google Chrome 기능을 사용하여 QR 코드를 만들려면 브라우저에서 결제 양식 페이지를 엽니 다.

URL 텍스트 표시 줄 옆의 공유 버튼을 사용하여 QR 코드 기능을 열 수 있습니다.

여기에서 찾을 수 없으면 Chrome 브라우저 오른쪽 상단에있는 "사용자 정의 및 제어"버튼을 누르십시오. 이것은 일반적으로 3 점으로 표시됩니다.

그런 다음 아래로 스크롤하여 캐스트, 저장 및 공유하십시오 . 그런 다음 드롭 다운 메뉴에서 "QR 코드 작성"을 선택하십시오.

그런 다음 다음에 나타나는 팝업에서 QR 코드를 이미지로 다운로드하십시오.

다음으로 사이트에서 모든 페이지로 이동하거나 다운로드 한 QR 코드를 추가하십시오. 바람직하게는 제품 페이지에 추가하여 사용자를 결제 페이지로 빠르게 리디렉션 할 수 있도록하십시오.

다음으로, 페이지를 편집하거나 블록 편집기에 게시하기 만하면됩니다. 그런 다음 이미지 블록을 사용하여 QR 코드를 추가하십시오.

그게 다야. 사용자가 결제 양식을 즉시 열 수 있습니다.

2. 단축 코드를 사용하여 QR 코드를 추가하십시오

Shortcodes Ultimate에 의해 구축 된 단축 코드를 사용하면 QR 코드를보다 편리한 페이지 영역, 위젯, 사이드 바 등에 배치 할 수 있습니다.

이 바로가 코드 플러그인의 무료 버전을 얻으려면 WordPress 저장소로 이동하여 검색 기능을 사용하여 "ShortCodes Ultimate"를 찾으십시오. 그런 다음 다른 플러그인과 마찬가지로 설치하고 활성화하십시오.

그런 다음 WordPress 대시 보드에서 새 또는 기존 페이지를 엽니 다. 그런 다음 Plus (+) 함수를 사용하여 "단축 코드"를 검색하십시오.

QR 코드가 나타나는 페이지의 위치로 바로가 코드 블록을 드래그 앤 드롭합니다.

완료되면 바로가 코드 블록 위에서 사각형 브래킷 옵션“[]”를 선택하여 더 많은 옵션을 열십시오. 그런 다음 팝업 창의 긴 옵션 목록에서 "QR 코드"를 찾으십시오.

다음 팝업에서 데이터 필드에 결제 양식 URL을 입력하십시오. 그런 다음 크기, 마진, 정렬, 링크 등과 같은 더 많은 사용자 정의를 추가 할 수 있습니다.

그런 다음 단축 코드 삽입을 누르고 페이지를 업데이트하십시오. 이 시점에서 라이브 페이지에 QR 코드가 표시됩니다.

아래 지불 QR 코드의 샘플을 확인하십시오.

가장 좋은 점은 추가 편집없이 여러 페이지와 게시물에서 생성 된이 QR 코드를 사용할 수 있다는 것입니다.

그게 다야! WordPress에서 Stripe QR 코드 결제를 추가하는 방법을 배웠습니다. 우리는 당신이 그것을 즐겼기를 바랍니다. 더 이상 질문이 있으시면 아래에서 일반적으로 묻는 질문을 확인하십시오.

FAQ : WordPress에서 Stripe QR 코드 결제를 추가하는 방법

축하해요! 이제 WordPress 사이트에서 QR 결제 코드를 설정할 수 있습니다. 다음은 지불 양식에 QR 코드를 추가하지 않으 려면 WordPress에서 스트라이프 지불을 수락하는 방법을 보여주는 기사입니다.

게다가 여기에 읽는 데 관심이있는 다른 기사가 있습니다.

• 9 최고의 WordPress 지불 플러그인
• WP Simple Pay Review : 최고의 결제 플러그인입니까?
• 9 최고의 WordPress 지불 플러그인

첫 번째 기사에는 WordPress에 가장 적합한 지불 플러그인이 나와 있습니다. 다음은 또 다른 놀라운 결제 플러그인 인 WP Simple Pay를 검토합니다. 마지막 게시물은 최고의 WordPress 지불 플러그인을 평가합니다.