WordPress에서 주문 양식을 만드는 방법 [+무료 템플릿]

게시 됨: 2018-05-24

WordPress 사이트에 간단한 주문 양식을 추가해야 합니까?

WPForms 온라인 양식 작성기 플러그인은 간편한 주문 양식 작성기로 작동하며 Stripe, Authorize.Net 및 PayPal 결제와 통합됩니다.

따라서 필요한 만큼 사용자 정의하여 단 몇 분 만에 주문 양식을 작성할 수 있습니다.

고객으로부터 주문 정보를 생성하지만 나중에 주문에 대한 지불을 수락할 수 있는 온라인 주문 양식을 만들 수도 있습니다.

이 기사에서는 온라인 결제가 있는 간단한 주문 양식과 결제가 없는 간단한 주문 양식을 만드는 방법을 보여줍니다.

지금 주문 양식 작성을 시작하려면 여기를 클릭하십시오

WPForms는 최고의 WordPress Form Builder 플러그인입니다. 무료로 받으세요!

WordPress 주문 양식 만들기 비디오 자습서

WordPress에서 주문 양식을 만드는 방법을 보여주는 비디오를 만들었습니다.

지침을 읽고 싶은 경우 아래 단계에 따라 절차를 진행합니다.

내 웹사이트의 주문 양식은 어떻게 만듭니까?

다음은 사이트에서 사용하려는 간단한 주문 양식 템플릿으로 이동할 수 있는 몇 가지 빠른 링크입니다.

어떻게 온라인 지불 i 번째 간단한 주문 양식 W를 만드는 방법 :

  1. WordPress에서 간단한 주문 양식 만들기
  2. 주문 양식 알림 구성
  3. 주문 양식 확인 구성
  4. 지불 설정 사용자 정의
  5. 귀하의 사이트에 간단한 주문 양식 추가

또는

온라인 결제 없이 간단한 주문 양식을 만드는 방법:

  1. WordPress에서 간단한 주문 양식 만들기
  2. 주문 양식 알림 커스터마이즈
  3. 주문 양식 확인 구성
  4. 귀하의 사이트에 간단한 주문 양식 추가

온라인 결제와 간단한 주문 양식을 만드는 방법

기부를 수락하시겠습니까? 또는 티셔츠 주문 양식, 사진 주문 양식 또는 기타 주문 양식을 작성하여 주문을 수집하는 것과 같은 작업을 수행하고 싶을 수도 있습니다.

판매하는 디지털 제품이나 실제 제품이 무엇이든 온라인 주문 양식 템플릿을 통해 결제할 수 있습니다.

여기에서는 신용 카드 결제 및 PayPal 결제를 허용하는 WordPress 주문 양식을 만드는 방법을 보여 드리겠습니다. 따라서 사이트의 웹 기반 주문 양식을 통해 주문에 대한 온라인 지불을 수락하려면 여기가 적합합니다.

1단계: WordPress에서 간단한 주문 양식 만들기

온라인으로 주문서를 작성하는 방법을 스스로에게 묻고 있습니까? 가장 먼저 해야 할 일은 WPForms 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 WordPress에 플러그인을 설치하는 방법에 대한 단계별 가이드를 참조하세요.

그런 다음 WPForms » 새로 추가 로 이동하여 새 양식을 만듭니다.

주문 양식 작성자의 설정 화면에서 양식 이름을 지정하고 청구/주문 양식 템플릿을 선택합니다.

청구서 양식 템플릿

다음으로 주문할 수 있는 항목을 수정해야 합니다.

이렇게 하려면 템플릿에 포함된 오른쪽의 "사용 가능한 항목" 섹션으로 스크롤하여 클릭합니다.

그러면 왼쪽 패널에 "필드 옵션"이 열립니다. 여기에서 필드 이름을 바꾸고, 주문 항목을 추가 또는 제거하고, 가격을 변경할 수 있습니다.

사용 가능한 항목 사용자 정의

온라인 주문 양식을 작성할 때 선택할 수 있는 이미지를 제공하려면 양식 편집기에서 이미지 선택 사용 확인란을 클릭하십시오.

이미지 선택 확인란 사용

이렇게 하면 항목과 함께 사용할 이미지를 업로드하여 사람들이 주문한 제품을 엿볼 수 있습니다.

이 단계에 대한 도움이 필요하면 WordPress 양식에 이미지 선택 항목을 추가하는 방법에 대한 자습서를 확인하십시오. WordPress에서 다단계 양식을 만드는 방법에 대한 게시물의 단계를 따르면 양식을 멋지게 만들 수도 있습니다. 그러나 이 자습서에서는 단일 페이지를 사용합니다.

마지막으로 간단한 끌어서 놓기 양식 작성기를 사용하여 왼쪽에서 오른쪽으로 필드를 끌어 주문 양식에 추가 필드를 추가할 수 있습니다.

필요한 경우 총 가격을 변경하는 제품 옵션을 추가하는 방법에 대한 자습서를 확인하십시오. 이것은 사용자 경험을 개선하고 온라인 장바구니 포기율을 낮추기 위해 수행할 수 있는 훌륭한 트릭입니다.

또한 할인 기능을 사용하고 양식에 쿠폰 코드 필드를 추가하는 방법을 배우려는 경우 자습서가 있습니다.

완료되면 저장을 클릭합니다.

2단계: 양식 알림 사용자 지정

단순 주문 양식에서 구성할 두 가지 설정이 있습니다. 첫 번째는 알림 설정입니다. 알림은 양식이 제출될 때 이메일을 보내는 좋은 방법입니다.

양식 알림을 비활성화하지 않는 한 WPForms가 자동으로 수행하는 이메일 알림을 자신에게 보낼 수 있습니다. 이메일 주소로 보내기 필드에 이메일을 추가하여 팀원에게 알림을 보낼 수도 있습니다.

또한 스마트 태그를 사용하는 경우 고객에게 양식 알림을 보내 주문이 접수되었음을 알릴 수도 있습니다.

고객이 웹사이트에서 주문 양식을 제출한 후 발송될 하나의 양식 알림을 설정하는 방법을 살펴보겠습니다.

Form Builder에서 설정 탭을 클릭하여 시작한 다음 알림 을 클릭합니다.

다음으로 새 주문이 제출될 때 알림을 받을 이메일 주소를 사용자 지정할 수 있습니다.

고객인 온라인 주문 양식을 작성한 사람의 이메일 주소를 포함하려면 이메일 주소로 보내기 필드에서 스마트 태그 표시를 클릭합니다.

양식 알림 스마트 태그

이메일을 클릭하면 WPForms가 주문 양식 제출에 입력한 이메일 주소로 알림을 보내도록 알립니다.

양식 알림 스마트 태그, 이메일

다음으로 알림의 이메일 제목을 더 구체적으로 변경할 수 있습니다. 또한 "From Name", "From Email" 및 "Reply-To" 이메일을 사용자 정의할 수 있습니다.

그리고 이메일이 본인 이외의 다른 사람에게 가는 경우 개인화된 메시지를 포함하는 것을 잊지 마십시오.

제출된 주문 양식의 양식 필드에 있는 모든 정보를 포함하려면 {all_fields} 스마트 태그를 사용하십시오.

스마트 태그에 대한 추가 도움말은 WPForms에서 스마트 태그를 사용하는 방법에 대한 이 자습서를 확인하십시오.

양식 알림 사용자 정의

이 필드를 변경하면 이메일 알림을 받는 사람이 알림이 무엇을 위한 것이며 누구에게서 온 것인지 정확히 알 수 있습니다.

웹사이트에서 주문 양식을 제출할 때 두 개 이상의 이메일 알림을 보내려면 WordPress 양식에서 여러 양식 알림을 만드는 방법에 대한 단계별 지침을 확인하세요.

더 나아가 원하는 경우 주문을 제출하는 모든 고객에게 자동 WordPress 주문 양식 이메일 영수증을 보낼 수 있습니다.

3단계: 양식 확인 구성

두 번째 설정은 양식 확인 거래를 구성하는 것입니다. 양식 확인은 고객이 주문 양식을 제출하면 표시되는 메시지입니다.

다음 세 가지 확인 유형 중에서 선택할 수 있습니다.

  1. 메세지. 이것은 WPForms의 기본 확인 유형입니다. 고객이 주문 양식을 제출하면 양식이 처리되었음을 알리는 간단한 확인 메시지가 나타납니다. 고객 행복을 높이는 데 도움이 되는 몇 가지 훌륭한 성공 메시지를 여기에서 확인하십시오.
  2. 페이지 표시. 이 확인 유형은 주문에 대해 감사하는 고객을 사이트의 특정 웹 페이지로 안내합니다. 이를 수행하는 데 도움이 필요하면 고객을 감사 페이지로 리디렉션하는 방법에 대한 자습서를 확인하세요. 또한 고객 충성도를 높이는 효과적인 감사 페이지 작성에 대한 기사를 확인하십시오.
  3. URL(리디렉션)으로 이동합니다. 이 옵션은 고객을 다른 웹사이트로 보내려는 경우에 사용됩니다.

사용자가 주문을 제출한 후 표시되는 메시지를 사용자 정의할 수 있도록 WPForms에서 간단한 양식 확인을 설정하는 방법을 살펴보겠습니다.

먼저 설정 아래의 양식 편집기에서 확인 탭을 클릭 합니다 .

다음으로 생성하려는 확인 유형의 유형을 선택합니다. 이 예에서는 Message 를 선택합니다.

양식 확인 유형

그런 다음 확인 메시지를 원하는 대로 사용자 지정하고 완료되면 저장을 클릭합니다.

다른 확인 유형에 대한 도움말은 양식 확인 설정에 대한 설명서를 참조하십시오. 온라인으로 주문을 수집할 때 주문 양식이 완료되는 시점을 알 수 있도록 이메일 확인을 설정할 수도 있습니다.

4단계: 결제 설정 지정

마지막으로 결제 게이트웨이 제공업체에 연결하여 주문 양식에 대한 결제 설정을 구성해야 고객으로부터 온라인 결제를 받을 수 있습니다.

WPForms는 가장 인기 있는 결제 프로세서와 3가지 결제 통합을 제공합니다. 플러그인은 지불 수락을 위해 PayPal, Authorize.Net 및 Stripe 지불 프로세서와 통합됩니다. 고객이 지불할 수 있는 방법을 두 가지 이상 제공하면 주문 양식 포기를 줄이는 좋은 방법입니다.

주문 양식에서 결제 정보 설정을 구성하려면 먼저 올바른 결제 애드온을 설치하고 활성화해야 합니다.

쉬운 단계별 지침은 PayPal 애드온 설치 및 사용에 대한 자습서를 확인하십시오. Stripe를 사용하려면 여기에서 Stripe 애드온 설치 및 사용에 대한 유사한 지침을 찾을 수 있습니다.

완료했으면 양식 편집기에서 지불 탭을 클릭하십시오.

이 예에서는 주문을 처리하도록 PayPal을 설정합니다.

결제 설정

PayPal 을 클릭한 후 PayPal 이메일 주소를 입력하고 프로덕션 모드를 선택하고 제품 및 서비스를 선택하고 필요에 따라 기타 설정을 조정해야 합니다.

페이팔 설정

결제 설정 구성을 완료한 후 저장 을 클릭하여 변경 사항을 저장합니다.

하나 이상의 결제 옵션을 제공하려는 경우 고객이 결제 방법을 선택할 수 있도록 하는 방법에 대한 자습서를 확인하십시오.

이제 사이트에 간단한 주문 양식을 추가할 준비가 되었습니다.

5단계: 사이트에 간단한 주문 양식 추가

WPForms를 사용하면 블로그 게시물, 페이지 및 사이드바(위젯 준비 영역)와 같은 웹사이트의 여러 위치에 양식을 추가할 수 있습니다.

먼저 가장 일반적인 게시물/페이지 삽입 옵션을 살펴보겠습니다.

WordPress에서 새 게시물이나 페이지를 만드는 것으로 시작하십시오. 그런 다음 첫 번째 블록(페이지 제목 아래의 빈 영역) 내부를 클릭하고 WPForms 추가 아이콘을 클릭합니다.

wpforms 아이콘 추가

편리한 WPForms 위젯이 블록 내부에 나타납니다. WPForms 드롭다운을 클릭하고 이미 생성한 양식 중 페이지에 삽입할 양식을 선택합니다. 주문 양식을 선택하세요.

주문 양식을 선택하십시오

그런 다음 오른쪽 상단에 있는 게시라고 표시된 파란색 버튼을 클릭하면 웹사이트에 양식이 표시되고 고객 주문을 받을 수 있습니다.

WordPress 사이트에 주문 양식 게시

사이드바 위젯 영역에서 사이트에 간단한 주문 양식을 추가하려면 모양 » 위젯 으로 이동합니다.

그런 다음 사이드바에 WPForms 위젯을 추가합니다. 그런 다음 드롭다운 메뉴에서 청구/주문 양식을 선택하고 위젯 영역에 변경 사항을 저장합니다.

WPForms 위젯

저장 을 클릭합니다.

이제 게시된 주문 양식을 사이트에서 실시간으로 볼 수 있습니다. 양식에서 항목을 선택하면 가격이 자동으로 변경됩니다.

결제가 포함된 최종 주문 양식

그리고 당신은 그것을 가지고 있습니다! 이제 WordPress에서 온라인 결제를 허용하는 간단한 주문 양식을 만드는 방법을 알게 되었습니다.

온라인 결제 없이 간단한 주문 양식을 만드는 방법

주문 양식을 통해 고객의 주문에 대한 지불을 받지 않으려는 몇 가지 이유가 있습니다.

  • 웹사이트를 통해 신용 카드를 받는 아이디어가 마음에 들지 않습니다.
  • 귀하의 고객은 수표, 우편환 또는 은행 계좌에서 귀하의 계좌로 자금을 직접 입금하는 것을 선호합니다.
  • 지불 계획은 고객을 위한 옵션입니다.
  • 결제를 요청하는 고객에게 공식 인보이스를 보내는 것을 선호합니다.

온라인 결제를 원하지 않는 이유가 무엇이든 WPForms를 사용하면 결제 없이 간단한 주문 양식을 쉽게 만들 수 있습니다.

그 방법을 살펴보겠습니다.

1단계: WordPress에서 간단한 주문 양식 만들기

가장 먼저 해야 할 일은 WPForms 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 WordPress에 플러그인을 설치하는 방법에 대한 단계별 가이드를 참조하세요.

다음으로 WPForms » Add New 로 이동하여 양식 이름을 지정하고 Billing/Order Form 템플릿을 클릭합니다.

청구서 양식 템플릿

양식 편집기에서 고객이 주문할 수 있는 항목을 사용자 지정할 수 있습니다.

이렇게 하려면 오른쪽 미리보기 화면에서 "사용 가능한 항목" 섹션으로 스크롤하여 클릭합니다.

그러면 왼쪽 패널에 "필드 옵션"이 열립니다. 여기에서 필드 이름을 바꾸고, 주문 항목을 추가 또는 제거하고, 가격을 변경할 수 있습니다.

사용 가능한 항목 사용자 정의

사람들이 주문 양식을 작성할 때 선택할 수 있는 이미지를 제공하려면 양식 편집기에서 이미지 선택 사용 확인란을 클릭하십시오.

이미지 선택 확인란 사용

이렇게 하면 판매 중인 품목을 보완하는 이미지를 업로드할 수 있는 동시에 고객에게 구매하려는 품목의 이미지를 표시할 수 있습니다.

이 단계에 대한 도움이 필요하면 WordPress 문의 양식에 이미지 선택 항목을 추가하는 방법에 대한 자습서를 확인하세요.

마지막으로 왼쪽에서 오른쪽으로 필드를 끌어 주문 양식에 추가 필드를 추가할 수 있습니다. 이는 고객의 주문과 관련된 추가 연락처 정보를 수집하는 데 유용합니다.

완료되면 저장을 클릭합니다.

2단계: WordPress 주문 양식 알림 구성

다음으로 고객에게 주문에 대한 이메일 영수증을 보낼 수 있도록 양식의 이메일 알림을 구성해야 합니다.

이것은 한 번에 여러 알림을 보내서 수행됩니다. 하나는 주문이 제출되었음을 알리기 위해 자신이나 주문을 담당하는 팀 구성원에게, 다른 하나는 고객에게 보냅니다.

기본적으로 WPForms는 알림을 끄지 않는 한 WordPress 사이트와 연결된 관리자 이메일에 양식 알림을 자동으로 보냅니다. 그러나 고객에게 이메일 알림도 보내려면 다른 알림을 추가해야 합니다.

이렇게 하려면 양식 편집기의 설정 아래에 있는 알림 탭을 클릭합니다. 그런 다음 새 알림 추가 버튼을 클릭합니다.

미납 알림 설정

팝업 모달이 나타납니다. 참조용이므로 여기에서 추가 알림의 이름을 원하는 대로 지정할 수 있습니다. 그런 다음 확인을 클릭합니다.

워드프레스 주문서 접수

주문 양식을 작성한 고객에게 이 알림을 보내려면 이메일 주소로 보내기 필드 옆에 있는 스마트 태그 표시를 클릭하십시오. 그런 다음 이메일 을 클릭합니다.

스마트 태그

이것은 제출된 주문 양식에 입력된 이메일 주소가 무엇이든 알림을 받아야 한다는 것을 WPForms에 알려줍니다.

다음으로 알림의 이메일 제목을 변경할 수 있습니다. 또한 "From Name", "From Email" 및 "Reply-To" 이메일을 사용자 정의하여 고객이 수신한 이메일 알림이 무엇인지 정확히 알 수 있습니다.

알림 메시지를 사용자 정의할 수도 있습니다. 고객이 주문 시 {all_fields} 모든 양식 필드 정보를 포함하려면 {all_fields} 스마트 태그를 사용하고 추가하고 싶은 메시지를 추가하세요.

감사 메시지

스마트 태그에 대한 추가 도움말은 WPForms에서 스마트 태그를 사용하는 방법에 대한 이 자습서를 확인하십시오.

저장 을 클릭합니다.

3단계: WordPress 주문 양식 확인 구성

다음으로 해야 할 일은 고객이 주문을 제출한 후 보게 될 확인 메시지를 설정하는 것입니다.

다음을 포함하여 양식에서 설정할 수 있는 몇 가지 확인 유형이 있습니다.

  • 양식 제출 및 체크아웃 후에 표시될 확인 메시지
  • "감사합니다" 페이지와 같은 웹사이트의 다른 페이지로 리디렉션
  • 고객을 다른 웹사이트로 리디렉션하려는 경우 URL 리디렉션으로 이동합니다.

이 세 가지 옵션 모두에 대한 도움을 받으려면 WordPress에서 양식 확인 설정에 대한 유용한 자습서를 살펴보십시오.

이 예에서는 고객이 주문 양식을 제출하면 표시되는 간단한 확인 메시지를 설정합니다.

먼저 설정 아래의 양식 편집기에서 확인 탭을 클릭 합니다 .

다음으로 생성하려는 확인 유형의 유형을 선택합니다. 이 예에서는 Message 를 선택합니다.

워드프레스 주문서 양식 확인 유형

그런 다음 확인 메시지를 사용자 지정하고 저장 을 클릭합니다.

4단계: 사이트에 주문 양식 추가

WPForms를 사용하면 블로그 게시물, 페이지 및 사이드바(위젯 준비 영역)와 같은 웹사이트의 여러 위치에 양식을 추가할 수 있습니다.

먼저 가장 일반적인 게시물/페이지 삽입 옵션을 살펴보겠습니다.

WordPress에서 새 게시물이나 페이지를 만드는 것으로 시작하십시오. 그런 다음 첫 번째 블록(페이지 제목 아래의 빈 영역) 내부를 클릭하고 WPForms 추가 아이콘을 클릭합니다.

wpforms 아이콘 추가

편리한 WPForms 위젯이 블록 내부에 나타납니다. WPForms 드롭다운을 클릭하고 이미 생성한 양식 중 페이지에 삽입할 양식을 선택합니다. 주문 양식을 선택하세요.

WordPress 주문 양식을 선택하십시오

그런 다음 오른쪽 상단에 게시라고 표시된 파란색 버튼을 클릭합니다. 이제 양식이 웹사이트에 표시됩니다.

WordPress 사이트에 주문 양식 게시

사이드바 위젯 영역에서 사이트에 간단한 주문 양식을 추가하려면 모양 » 위젯 으로 이동합니다.

그런 다음 사이드바에 WPForms 위젯을 추가합니다. 그런 다음 드롭다운 메뉴에서 청구/주문 양식을 선택하고 변경 사항을 위젯 영역에 저장합니다.

WPForms 위젯

온라인 주문 양식 생성기에서 저장을 클릭합니다. 준비가 완료되었습니다! 또한 온라인 주문 양식을 소규모 비즈니스 CRM 소프트웨어에 연결하여 워크플로를 더욱 체계적으로 관리할 수도 있습니다.

지금 온라인 주문 양식 작성을 시작하려면 여기를 클릭하십시오

지금 온라인 주문 양식 템플릿에 액세스

그리고 당신은 그것을 가지고 있습니다! 이제 WPForms를 주문 양식 작성기로 사용하여 온라인 결제 여부에 관계없이 WordPress에서 간단한 주문 양식을 만드는 방법을 알게 되었습니다.

자신의 웹사이트에서 더 많은 돈을 벌고 싶으십니까? 최고의 WordPress 제휴 플러그인에 대한 게시물을 확인하고 싶을 수 있습니다.

온라인 주문 양식 작성을 시작할 때까지 기다리지 마십시오. 지금 가장 강력한 WordPress 양식 플러그인을 시작하십시오. 무료 주문 양식을 찾고 계십니까? WPForms Pro는 무료 온라인 주문 양식 템플릿과 14일 환불 보장과 함께 제공됩니다.

이 기사가 마음에 들면 Facebook 및 Twitter와 함께 소셜 미디어에서 우리를 팔로우하는 것을 잊지 마십시오.