워드프레스 사이트에서 결제를 더 쉽고 빠르고 편리하게 받고 싶으신가요? Forminator를 사용한 워드프레스 다단계 결제 양식을 이용하면 사용자가 결제 과정을 단계별로 따라갈 수 있도록 세련되고 인터랙티브한 양식을 만들 수 있습니다. 서비스 기반 웹사이트, 강좌 등록, 이벤트 예약 또는 간단한 전자상거래에 이상적입니다.
Forminator의 무료 버전은 드래그 앤 드롭 필드, 동적 결제 방식, Stripe 구독 양식과 같은 강력한 기능을 제공하며, 초기 양식 로드 오류, 계산 오류, 잘못된 Stripe 키 오류, 사용자 로그인 양식 오류, Google Sheets 통합 오류와 같은 일반적인 문제도 해결합니다.
이 블로그에서는 Forminator를 사용하여 WordPress에서 다단계 결제 양식을 설정하는 방법을 단계별로 안내하고, 모든 것이 원활하게 작동하도록 주요 수정 사항과 기능을 강조합니다.
결제 양식 작성에 Forminator를 사용해야 하는 이유는 무엇일까요?
Forminator 는 강력하고 사용하기 쉬운 WordPress 폼 빌더로, 초보자도 맞춤형 결제 폼을 매우 쉽게 만들 수 있도록 해줍니다.
60만 건 이상의 활성 설치 수를 자랑하는 이 플랫폼은 잠재 고객 확보부터 온라인 결제 및 등록에 이르기까지 모든 분야에서 다양한 업종의 웹사이트 소유자들이 신뢰하는 도구입니다.
Forminator의 가장 큰 특징은 다재다능함입니다. 결제 양식, 회원가입 양식, 로그인 양식, 설문조사, 퀴즈 등 다양한 양식 유형을 제공합니다.
을 기본적으로 지원한다는 점입니다 Stripe 와 PayPal. 따라서 추가 플러그인이나 복잡한 통합 과정 없이도 사이트를 통해 안전하게 일회성 결제, 구독료 또는 기부금을 수집할 수 있습니다.
Forminator는 여러 단계로 구성된 양식을 만드는 데에도 탁월하여 길거나 복잡한 양식을 더 작고 사용자 친화적인 단계로 나눌 수 있습니다. 이는 사용자 경험을 개선할 뿐만 아니라 양식 작성 포기율을 줄여줍니다.
조건부 논리, 시각적 진행 표시기, 계산 필드와 같은 기능을 활용하여 서비스 예약, 강좌 등록 또는 제품 판매 등 비즈니스 요구 사항에 맞춘 고급 결제 워크플로를 생성할 수 있습니다.
무료 플러그인이므로 초기 비용 부담 없이 이러한 강력한 기능을 모두 이용할 수 있습니다. 간편하고 유연하며 현대적인 결제 양식 구축 솔루션을 찾는 기업에게 Forminator는 최고의 선택 중 하나입니다.
비교: 스퀘어 vs 페이팔
사용자 지정 결제 양식 설정에 도움이 필요하신가요?
Seahawk의 WordPress 전문가들이 고객의 요구에 맞춰 스타일, 보안 및 맞춤 설정이 완벽한 다단계 Forminator 양식을 구축하고 최적화해 드립니다.
Forminator Forms를 사용하여 WordPress 결제 양식을 만드는 단계
Forminator를 사용하면 WordPress 사이트에서 원활한 결제 환경을 구축하는 것이 그 어느 때보다 쉬워집니다.
고급 기능과 기능성, 보안 및 사용성을 향상시키는 필수적인 수정 사항을 포함하여 동적 결제 양식을 설정하는 단계별 과정을 살펴보겠습니다.
1단계: Forminator 플러그인을 설치하고 활성화합니다
우선, Forminator 플러그인 설치는 빠르고 간단합니다.
- 로 이동하여 WordPress 관리자 페이지 로 이동하세요 플러그인 ⟶ 새 플러그인 추가.
- 검색창에 “포미네이터”를 입력하세요.
- 클릭한 설치를 다음 활성화를.
Forminator는 60만 건 이상의 활성 설치를 기록한 무료 플러그인으로, 테스트 대시보드 수정, 설정 페이지 수정, 수동 활성화 수정 등 지속적인 업데이트를 통해 안정적인 성능을 보장합니다. 또한, 원활한 백엔드 처리를 위해 폼 제출 수정 및 API 메서드 수정 기능도 탑재되어 있습니다.
2단계: 새 양식을 처음부터 생성
활성화되면:
- 로 이동합니다 Forminator ⟶ 양식 ⟶ 새 양식 만들기.
- 처음부터 작성하려면 '빈 양식'을 선택하거나 미리 보기에서 제공되는 양식 템플릿 수정 옵션 중 하나를 사용하세요.
폼 작성기에서 제목과 부제목을 직접 추가하세요. 사용자 지정 스타일을 적용하거나 올바른 CSS 구문을 사용하여 모양을 개선할 수 있습니다.
Forminator는 조건부로 표시되는 필드를 포함하는 고급 양식(조건부 논리 수정 덕분)과 다중 사이트 등록 양식 수정 및 코스 등록 양식 수정과 같은 다양한 양식 유형을 지원합니다.
이제 폼 빌더는 구식 테이블 구조 수정 방식을 사용하지 않고 다양한 접근성 개선 사항을 포함하여 폼의 사용성과 규정 준수를 보장합니다.
3단계: 제품 또는 서비스 선택 필드 추가
이 단계는 사용자가 제품, 요금제 또는 서비스 등 무엇에 대해 비용을 지불할지 선택하는 방식을 결정합니다.
(소파와 같이 여러 품목을 선택할 때) 선택 필드를 사용하세요: 모던 소파, 클래식 소파, 리클라이너와 같은 제품 옵션에 대한 선택 필드를 추가합니다.
- 다중 선택, 가격 책정 및 계산 필드 수식 사용을 활성화하여 합계를 자동으로 계산합니다.
- 이제 양식에서 숫자 서식 수정, 기본값 수정 및 동일 행 수정 기능이 추가되어 제품 목록에 완벽하게 사용할 수 있습니다.
사용 사례 예시: 가구 판매업체는 다양한 카테고리에 대한 여러 양식을 생성하고 제품 가격을 동적으로 관리할 수 있습니다. 이러한 양식은 양식 오류 수정, 기능 미작동 수정 등의 문제를 해결하고 결제 관련 기능도 포함합니다.
이미지가 포함된 라디오 버튼 필드 사용(시각적 선택): 라디오 필드를 사용하여 사용자가 시각적으로 제품을 선택할 수 있도록 합니다.
- 각 옵션에 맞는 커피 테이블 등의 제품 이미지를 업로드하세요.
- 기본 선택 항목을 설정하고 조건부 논리를 사용하여 동적 흐름을 구현하세요.
탭 수정 및 알림 상자 디자인 수정과 함께 사용자는 더욱 매끄러운 인터페이스를 경험할 수 있습니다. 또한, 서식 있는 텍스트 영역 수정으로 제품 이미지를 포함한 서식 있는 설명을 작성할 수 있게 되었습니다.
선택형 버튼과 라디오 버튼: 여러 항목을 선택하거나 계산이 필요한 경우 선택형 버튼을 사용하고, 시각적 선택과 단일 선택 논리가 더 중요한 경우에는 라디오 버튼을 사용하세요.
Forminator의 업데이트된 빌드는 PDF 결제 필드 수정, PayPal 청구 정보 수정, Google Sheets 연결 수정, 기존 Google Sheets 파일 및 업로드 파일 인라인 유효성 검사와 같은 문제를 해결하여 모든 온라인 결제 시나리오에 적합한 강력한 솔루션을 제공합니다.
다음 단계에서는 결제 게이트웨이를 추가하고, 조건부 로직을 적용하고, 안전한 비밀 키 암호화 수정 및 취약점 보안 수정 기능을 통해 결제 양식을 완성할 예정이니 기대해 주세요.
시각적인 설명이 필요하신가요? Forminator를 사용하여 다단계 결제 양식을 만드는 방법을 단계별로 보여주는 이 비디오를 시청하고 전체 과정을 직접 확인해 보세요!
4단계: 고객 정보 수집
사용자가 제품이나 서비스를 선택하면 연락처 및 배송 정보를 수집해야 합니다. 사용자 흐름을 개선하고 체계적인 구성을 위해 페이지 나누기를 사용하여 제품 선택 영역과 개인 정보 입력 영역을 구분하세요.
추가할 것을 권장하는 필드:
- 성명: 일반 텍스트 필드가 아닌 '이름' 필드를 사용하여 구조화된 정보를 입력하세요. 이 고급 필드를 사용하면 형식이 잘못된 이름 입력으로 인해 발생하는 일반적인 양식 오류 수정 문제를 방지할 수 있습니다.
- 이메일 주소 확인: 내장된 이메일 확인 옵션을 사용하세요. 이렇게 하면 잘못되었거나 부정확한 데이터 수정 문제를 방지하고 전달 정확도를 향상시킬 수 있습니다. 또한 이메일 기반 조건부 논리 수정도 지원합니다.
- 전화번호: 국가별 서식을 지원하는 국제 유효성 검사 기능이 활성화된 전화번호 필드를 추가하세요. 데이터 불일치를 방지하기 위해 번호 서식 수정 기능도 반드시 포함해야 합니다.
- 주소: 거리, 도시, 주, 국가, 우편번호를 입력할 수 있는 여러 행으로 구성된 주소 필드를 사용하십시오.
- 배송 날짜 및 시간: 날짜 및 시간 선택기 필드를 활용하세요. 이러한 필드는 동일한 행 수정 및 CSS 구문 오류 수정 업데이트를 통해 레이아웃과 사용자 경험(UX)이 개선됩니다.
이러한 입력 필드는 사용자가 이미지를 첨부해야 하는 경우(예: 결제 증명서 또는 디자인 참고 자료) 업로드 파일 인라인 유효성 검사를 지원합니다.
5단계: 결제 수금 설정
결제 단계 전에 양식을 깔끔하게 구분하기 위해 페이지 나누기를 하나 더 삽입하세요. 이렇게 하면 사용성이 향상되고 복잡한 UI로 인해 발생하는 제출 전 오류 수정 횟수가 줄어듭니다.
결제 수단(PayPal 또는 Stripe)을 추가하세요. Forminator는 PayPal 또는 Stripe 중에서 선택할 수 있는 동적 결제 방식을 제공합니다. 원하는 방식을 추가하세요.
- 포미네이터는 최근 페이팔 결제 정보 정확도를 높이기 위해 페이팔 결제 정보 수정 기능을 도입했습니다.
- Stripe의 경우, 최신 비밀 키 암호화 수정으로 안전한 거래가 보장됩니다.
계산 필드 삽입: 이 필드는 선택한 모든 제품/서비스의 가격을 동적으로 합산합니다. 이제 계산 필드 수식 오류를 수정하여 잘못된 논리로 인한 합계 오류를 방지할 수 있습니다.
동의 확인란: 사용자 지정 약관이 포함된 확인란은 항상 포함해야 합니다. 이 필드는 기본 필드 오류 메시지 수정의 혜택을 받아 사용자가 필수 사항을 정확히 알 수 있도록 합니다.
결제 계정 연결(PayPal 또는 Stripe): Forminator ⟶ 설정 ⟶ 결제로 이동하여 클라이언트 ID와 비밀 키를 입력하세요.
테스트용 샌드박스 모드와 실제 결제용 라이브 모드 간에 전환할 수 있습니다. 수동 활성화 수정 기능을 사용하면 자격 증명을 다시 입력하지 않고도 안전하게 모드를 전환할 수 있습니다.
6단계: 가격 및 계산 설정
제품 및 결제 필드가 준비되었으므로 이제 가격을 지정하고 양식의 동적 가격 책정 로직을 구성할 차례입니다.
단계:
제품 필드에 계산 기능 활성화: 각 필드(선택, 라디오 또는 체크박스)로 이동하여 "계산 활성화"를 켜십시오. 각 옵션에 숫자 값을 할당하십시오.
가격 할당: 다음 과 같은 값을 추가합니다.
- 모던 소파: $500
- 클래식 소파: $350
- 리클라이너: $600
계산 필드 구성: 계산 필드를 추가합니다. 수식 작성기를 사용하여 선택한 제품 가격을 합산할 수 있습니다. 업데이트된 로직 편집기를 통해 잘못된 데이터 수정 및 Ajax 제출 방식 수정 문제를 방지할 수 있습니다.
필드 이름 변경: 계산 필드에 '총액' 또는 '지금 지불'과 같이 명확한 레이블을 지정하세요. 이렇게 하면 사용자 혼동을 방지하고 빈 입력에 대한 기본값 설정을 지원합니다.
7단계: 스타일 및 사용자 지정 옵션
워드프레스에서 다단계 결제 양식이 제대로 작동하게 되면, 이제 매끄럽고 브랜드 이미지에 맞는 사용자 경험을 위해 디자인을 맞춤 설정할 차례입니다.
Forminator의 외관 설정에서 Material, Default 또는 Inherit from Theme과 같은 레이아웃 스타일을 선택할 수 있습니다. 또한 디자인을 세밀하게 조정하고 글꼴, 너비 및 색상을 브랜드에 맞게 사용자 지정할 수 있습니다.
또한, 폼 스타일링이 성능이나 안전성을 저해하지 않도록 보안 개선 사항 및 Forminator 추가 기능 보안 수정 사항을 활용하십시오.
마지막으로 동작 설정을 통해 양식 제출 후 발생할 작업을 정의할 수 있습니다. 감사 메시지 표시, 페이지 새로 고침으로 오류 수정, 특정 페이지로 리디렉션 등이 가능합니다.
8단계: 다단계 결제 양식 게시
폼을 만들고 사용자 정의한 후, 생성된 쇼트코드를 복사하여 WordPress 페이지의 쇼트코드 블록에 붙여넣으세요. 그런 다음 게시 버튼을 누르고 폼을 테스트해 보세요.
양식의 각 단계 간 전환이 원활한지, 필드가 제대로 표시되는지(특히 조건부 표시 필드 수정), 그리고 결제가 지연 없이 처리되는지 확인하십시오.
또한, 폼 미리보기 종료 시 발생하는 오류를 수정하여 미리보기 모드가 깔끔하게 종료되도록 함으로써 테스트 중 발생할 수 있는 혼란을 방지합니다.
9단계: 추가 팁 및 고급 기능
폼을 더욱 개선하려면 조건부 로직을 활용해 보세요. 예를 들어 특정 제품이 선택된 경우에만 배송 필드를 표시할 수 있습니다. 조건부 표시 필드 수정 기능을 사용하면 이러한 기능을 쉽게 관리할 수 있습니다.
관리자와 사용자 모두에게 알림을 보내도록 이메일 알림을 설정할 때 여러 수신자를 추가하는 해결 방법을 사용하세요. 대시보드에서 전환율을 추적하고 제출 내역을 확인할 수 있어 사용량 데이터 추적에 매우 유용합니다.
같은 타사 도구와 통합할 수 있습니다 Mailchimp, Slack, Google Sheets와
이전에 양식을 가져왔지만 표시되지 않는 경우, 가져오기 양식 수정 및 가져오기 오류 수정 기능을 통해 양식이 올바르게 표시되도록 할 수 있습니다. 이러한 통합 기능은 사전 설정 수정 및 보고서 페이지 수정 기능과 함께 워크플로를 모니터링하고 자동화하는 데 도움이 됩니다.
10단계: 최종 미리보기 및 테스트
게시하기 전에 여러 단계로 구성된 전체 양식을 미리 보고 다음 사항을 확인하십시오
- 단계 간 부드러운 전환
- 시각적 일관성 및 반응성
- 결제 처리는 문제없이 진행됩니다
샌드박스 결제 모드와 실제 결제 모드를 특히 주의 깊게 살펴보고, 자격 증명을 올바르게 연결한 후 두 환경 모두에서 테스트하십시오. 파일 업로드가 성공적으로 완료되었는지 확인하려면 '업로드 완료' 수정 기능을 사용하고, 파일 크기 제한을 효율적으로 관리하려면 '파일 크기 초과 제거' 수정 및 '파일 크기 초과' 수정 기능을 사용하십시오.
또한, 관련성이 있는 경우 사용자에게 명확한 계정 등록 성공 메시지가 표시되도록 하고, 사이트에 여러 양식을 삽입하는 경우 중복이나 겹침이 발생하지 않도록 여러 양식 수정 및 생성 기능을 확인하십시오.
적절한 테스트와 수정 작업을 거치면 Forminator를 사용한 WordPress 결제 양식은 완벽하게 작동하고 안전하며 전환율이 최적화됩니다.
자세히 알아보기: 워드프레스 사이트에 결제 게이트웨이를 통합하는 방법
결론
Forminator를 사용하여 WordPress 결제 양식을 만드는 것은 간단할 뿐만 아니라 매우 효과적입니다. 직관적인 드래그 앤 드롭 빌더, 내장된 결제 연동 기능, 그리고 다양한 필드 옵션을 통해 Forminator는 사용자가 단 한 줄의 코드도 작성하지 않고 완벽하게 작동하는 다단계 양식을 구축할 수 있도록 지원합니다.
제품을 판매하든, 서비스 예약을 받든, 이벤트 결제를 받든, Forminator는 사용자의 요구에 맞춰 활용할 수 있는 강력한 도구입니다.
계산 처리 및 페이지 나누기부터 페이지 새로 고침 문제 해결, 조건부 필드 표시 문제 해결, 업로드 완료 문제 해결과 같은 일반적인 문제 해결에 이르기까지, 이 플러그인은 폼 생성 및 성능 관리를 위한 사용자 친화적인 방법을 제공합니다.
그러니 결제 수금 프로세스를 간소화할 준비가 되셨다면 지금 바로 Forminator를 사용해 보세요!
사용자 정의 폼 설정에 도움이 필요하시거나 WordPress 튜토리얼을 더 살펴보고 싶으신가요? Seahawk의 전문가 팀에 문의하여 함께 강력한 솔루션을 만들어 보세요.
