WordPress에서 기부 양식을 만드는 방법(보안 결제 사용)

게시 됨: 2023-10-17

귀하의 모든 요구 사항을 충족하는 기부 양식을 만들고 싶습니까?

사용자가 일회성 또는 반복 기부를 할 수 있는 깔끔하고 기능적인 기부 양식을 만들 수 있습니다. 가장 중요한 것은 온라인에서 수집하는 모든 결제가 안전해야 한다는 것입니다.

이를 위해 비영리 단체일 필요는 없습니다. 팔로어에게 귀하가 제공하는 무료 서비스, 제품 또는 블로그에 기부하도록 요청할 수도 있습니다.

이 단계별 튜토리얼에서는 사용자가 기부하는 방식을 제어할 수 있는 기부 양식을 만드는 가장 좋은 방법을 보여 드리겠습니다. 또한 이 방법은 스팸 및 사기로부터 보호하여 안전한 결제를 보장합니다.

기부 양식을 작성하는 데 필요한 것

WordPress 사이트에서 기부 양식을 만들려면 양식 작성기 플러그인만 있으면 됩니다. 가장 좋은 것은 WPForms입니다.

WPForms WordPress 양식 작성기

WPForms를 사용하면 기부, 이벤트, 연락처, 피드백, 가입 등을 포함하여 사이트에 필요한 모든 종류의 양식을 만들 수 있습니다.

이 플러그인에는 코딩 경험이 없더라도 몇 분 만에 온라인 기부 양식을 사용자 정의할 수 있는 사용자 친화적인 드래그 앤 드롭 빌더가 함께 제공됩니다. 필요한 필드를 선택하고 텍스트를 편집하기만 하면 됩니다.

설정된 기부 금액을 추가하거나 사용자가 기부할 금액을 선택하도록 할 수 있습니다. 또한 상대방이 항목을 선택하고 자동으로 계산된 합계를 표시하도록 할 수도 있습니다.

양식에 더 많은 고급 기능을 추가하려면 WPForms를 사용하세요. 사용자의 응답에 따라 다음 질문을 표시할 수 있는 스마트 조건부 논리가 함께 제공됩니다.

WPForms에는 기능을 확장하기 위한 수많은 추가 기능도 있습니다. 예를 들어 양식을 대화형 스타일로 만들 수 있습니다. 따라서 양식이 긴 경우 처음부터 사용자가 당황하지 않도록 사용자에게 한 번에 하나씩 질문할 수 있습니다.

지불금을 받으려면 PayPal, Stripe, Authorize.net 및 Square를 포함한 지불 게이트웨이에 연결할 수 있습니다. 그런 다음 사용자는 신용 카드, 직불 카드, 인터넷 뱅킹 또는 디지털 지갑을 포함한 다양한 결제 방법 중에서 선택할 수 있습니다. 결제 옵션을 활성화하려면 버튼 몇 개만 클릭하면 됩니다.

다음은 WPForms의 몇 가지 주요 기능입니다.

  • 1000개 이상의 양식 템플릿
  • 즉각적인 관리자 이메일 알림
  • 즉시 기부자 이메일 확인
  • 정기 기부
  • 맞춤형 기부 버튼
  • 이메일 마케팅 통합
  • 전담 지원

이 튜토리얼에서는 WPForms를 사용하여 기부 양식을 만듭니다. 다른 옵션을 살펴보고 싶다면 WP Simple Pay 및 WP Charitable을 제안합니다. WP Charitable을 사용하면 여러 모금 캠페인을 만들 수 있습니다. 또한 사용자가 금전적 목표나 시간 제한을 두고 자신만의 캠페인을 시작하도록 허용할 수도 있습니다.

즉, 간단한 5단계만으로 기부 양식 작성을 시작해 보겠습니다.

기부 양식을 만드는 방법

1단계: WPForms 설치

WPForms를 설치하려면 웹사이트 대시보드에 로그인하고 플러그인 » 새로 추가 페이지로 이동하세요. “WPForms”를 검색하여 설치하고 활성화하세요.

WordPress에 WPForms 설치

이는 사이트에서 기본 양식을 만드는 데 필요한 필수 기능에 대한 액세스를 제공하는 무료 버전입니다. 여기에는 Stripe 결제 게이트웨이가 포함되어 있으며 거래 수수료 + Stripe 수수료가 부과됩니다.

이러한 추가 비용을 없애고 더 많은 결제 옵션, 강력한 기능 및 템플릿에 액세스하고 싶다면 Pro 버전에 가입하는 것이 좋습니다.

WPForms 웹사이트로 이동하세요.

요금제를 선택하고 계정을 만드세요. 복사해야 하는 라이센스 키를 받게 됩니다.

WPForms 라이센스 키

그런 다음 WPForms » 설정 페이지로 이동하여 여기에 키를 붙여넣으세요.

WPForms 라이센스

라이선스를 활성화하면 WordPress 기부 양식을 만들 수 있습니다.

2단계: 기부 양식 만들기

WordPress 대시보드에서 WPForms » 새 추가 탭을 엽니다. 그러면 "기부"를 검색하고 귀하의 필요에 가장 적합한 기부 양식 템플릿 중 하나를 선택할 수 있는 WPForms 템플릿 라이브러리가 열립니다.

기부 양식 템플릿

"템플릿 사용" 버튼을 누르면 이 템플릿을 사용하기 위해 PayPal 게이트웨이를 활성화하는 팝업이 표시됩니다. '예, 설치하고 활성화합니다'를 클릭하기만 하면 됩니다.

WPForms에 PayPal 애드온 설치

이제 WPForms 드래그 앤 드롭 빌더가 시작됩니다.

여기서 오른쪽에는 템플릿 미리보기가 있고 왼쪽에는 편집 작업 표시줄이 있습니다.

WPForms 드래그 앤 드롭 편집기 미리보기

이 빌더는 사용하기 매우 쉽습니다. 새 양식 필드를 추가하려면 왼쪽 메뉴에서 하나를 선택하여 양식 미리보기로 끌어서 놓기만 하면 됩니다.

임의의 필드를 클릭하여 텍스트를 편집할 수 있습니다. 필드 순서를 변경하려면 해당 필드를 클릭하고 표시할 위치로 끌어다 놓으면 됩니다.

사용자가 사전 설정된 기부를 선택하거나 자신의 금액을 입력할 수 있는 스마트 논리 양식을 만드는 방법을 보여 드리겠습니다.

3단계: 스마트 조건부 논리 추가(선택 사항)

스마트 조건부 논리를 사용하면 사용자의 응답에 따라 필드를 표시하거나 숨길 수 있습니다. 이렇게 하면 양식이 더 짧아지고 사용자 경험이 향상됩니다.

시작하려면 먼저 양식에 '체크박스' 필드를 추가하고 선택해 보겠습니다. 왼쪽에 이 필드를 편집할 수 있는 옵션이 표시됩니다.

WPForms에 체크박스 추가

사용 가능한 각 필드의 레이블과 텍스트를 변경할 수 있습니다. 확인란 필드를 추가하거나 삭제할 수 있는 더하기 및 빼기 버튼이 있습니다.

기부 양식을 돋보이게 만들고 싶다면 선택 항목에 이미지를 포함할 수도 있습니다.

왼쪽 메뉴 하단에는 '필수'라는 토글 버튼이 있습니다. 이 기능을 활성화하면 사용자는 양식을 제출하기 전에 이 양식 필드를 작성해야 합니다.

다음으로 드롭다운 필드를 추가하고 기부자에게 제공하려는 기부 금액을 추가하겠습니다. 이렇게 하면 금액을 더 쉽게 선택하고 기부를 빠르게 할 수 있습니다.

WPForms의 드롭다운 필드 편집

이제 사용자의 응답에 따라 양식 필드를 표시하거나 숨기는 방법을 보여 드리겠습니다.

표시하거나 숨기려는 필드를 선택한 다음 상단 메뉴에서 스마트 로직 탭을 엽니다.

WPForms에서 스마트 로직 활성화

왼쪽에 새로운 메뉴가 나타나는 것을 볼 수 있습니다. 먼저 조건부 논리를 활성화합니다. 이 예에서는 '정기 후원자가 되시겠습니까?'라는 경우 이 필드를 '표시'합니다. '예'입니다.

이제 사용자의 응답이 '아니요'인 경우 기부 금액을 직접 입력할 수 있는 필드가 표시됩니다. 이렇게 하려면 단일 항목 결제 필드를 양식에 추가하세요.

WPForms에 단일 항목 추가

이 필드를 선택하면 여기에서 옵션을 구성할 수 있습니다. 사용자가 자신의 금액을 선택할 수 있도록 하려면 '항목 유형'이 사용자 정의 로 설정되어 있는지 확인하세요.

WPForms의 사용자 정의 결제 필드

이제 스마트 로직 탭으로 전환하여 조건부 로직을 활성화할 수 있습니다. 그런 다음 '정기 후원자가 되시겠습니까?'인 경우 이 필드를 표시하도록 선택하십시오. '아니요'입니다.

WPForms의 아니요에 대한 스마트 논리

그게 다야. 이제 귀하의 양식은 스마트 조건부 논리로 구동됩니다. 양식을 저장했는지 확인하세요. 그러면 결제 통합을 추가하는 다음 단계로 넘어갈 수 있습니다.

4단계: 결제 게이트웨이에 연결

이 양식에 결제 게이트웨이를 사용하려면 먼저 WPForms » 설정 페이지에서 설정해야 합니다. 결제 탭에서 화면의 지시에 따라 결제 대행사에 연결할 수 있습니다.

wpforms의 결제 설정

스트라이프에 연결할 수 있습니다. Pro 요금제를 사용하는 경우 PayPal, Authorize.net 및 Square를 사용할 수 있는 옵션도 제공됩니다.

WPForms 빌더에서 기부 양식 편집으로 돌아가면 화면 왼쪽 끝에 메뉴가 표시됩니다. 여기에서 결제 탭을 엽니다.

이제 이미 설정한 결제 게이트웨이를 활성화하도록 선택할 수 있습니다.

스트라이프 활성화
이러한 결제 처리자 옵션을 사용하면 다양한 목적으로 양식을 생성하고 각 양식에 대해 서로 다른 결제 게이트웨이를 활성화할 수 있습니다.

5단계: 이메일에 연결

기부자 세부 정보를 이메일 목록에 저장하려면 Constant Contact, AWeber, Drip 등과 같이 자주 사용하는 이메일 제공업체에 연결할 수 있습니다.

왼쪽의 마케팅 탭을 열고 이메일 서비스를 선택할 수 있습니다.

새로운 이메일 마케팅 통합 추가

WPForms는 매우 간단하므로 화면의 지시에 따라 계정을 연결하기만 하면 됩니다.

이제 사이트에 문의 양식을 게시할 준비가 되었습니다.

5단계: 기부 양식 게시

페이지, 게시물, 사이드바, 바닥글 등 웹사이트 어디든 원하는 곳에 기부 양식을 추가할 수 있습니다.

먼저 기존 또는 새 페이지나 게시물에 양식을 추가하려면 블록 편집기를 엽니다. 더하기 아이콘을 사용하여 새 블록을 추가하고 'WPForms'를 검색하세요.

블록 편집기에 WPFforms 추가

페이지에 WPForms 블록을 추가하면 마스코트 Sullie가 드롭다운 메뉴와 함께 나타나는 것을 볼 수 있습니다.

방금 만든 기부 양식을 선택할 수 있습니다. 프런트 엔드에서 양식을 미리 보고 페이지나 게시물을 게시하여 사이트에 게시하세요.

아직 WordPress의 클래식 편집기를 사용하고 있다면 상단 메뉴에 “양식 추가” 버튼이 표시됩니다. 이를 통해 페이지에 양식을 추가할 수 있습니다.

마지막으로 사이드바와 같은 위젯 지원 영역에 양식을 추가하려면 모양 » 위젯 탭으로 이동하세요. 사이드바 또는 바닥글에 WPForms 블록을 추가하고 드롭다운 메뉴에서 기부 양식을 선택하세요.

사이드바에 WPForms 위젯 추가

SeedProd, Elementor 및 Thrive Architect와 같은 모든 인기 있는 페이지 빌더에서 사용할 수 있는 WPForms 블록을 찾을 수 있습니다. 따라서 페이지 빌더를 사용하는 경우에도 사이트의 기부 페이지에 양식을 추가하는 것이 간단해야 합니다. 또한 사용 중인 WordPress 테마에 스타일을 통합하는 것이 더 쉬울 것입니다.

WPForms는 또한 단축 코드를 지원하므로 코드를 사용하여 웹사이트 어디든 연락처 양식을 삽입할 수 있습니다.

그게 다야! WordPress 사이트에 기부 양식을 성공적으로 추가했습니다. 온라인으로 기부를 받을 준비가 되었습니다.

프로 플랜을 사용하고 있다면 WordPress 대시보드에서 바로 모든 기부자 항목을 관리할 수도 있습니다. WPForms는 또한 기부자가 양식과 상호 작용하는 방식과 양식의 성과에 대한 분석을 보여줍니다.

이 초보자용 가이드가 기부 양식을 설정하는 데 도움이 되기를 바랍니다.

WordPress 웹사이트를 사용하여 기부 확인 이메일을 보내는 경우 이메일 전달 실패 문제가 발생할 가능성이 높습니다. WP Mail SMTP를 사용하는 것이 좋습니다. 그러면 모든 문제가 해결되고 이메일이 확실히 전달됩니다.

다음으로 사이트에 기부자 포털이나 회원 영역을 만들 수도 있습니다. 이를 수행하는 데 도움이 되는 7가지 최고의 WordPress 멤버십 플러그인 목록을 확인하세요.