WPForms로 맞춤형 온라인 계산기를 만드는 방법

게시 됨: 2023-11-13

웹 사이트의 고유한 요구 사항에 맞게 WordPress에서 계산기를 만드는 방법에 대해 궁금한 적이 있습니까?

방문자의 이메일 주소를 캡처함으로써 계산기는 귀하의 비즈니스에 대한 추가 리드를 생성하는 훌륭한 방법입니다.

지금 계산기를 만들어보세요

계산기를 사용하면 사용자가 웹사이트에 더 오래 머물도록 유도하고 사용자의 질문에 답할 수 있으므로 참여도를 높일 수 있습니다.

이 기사에서는 WPForms를 사용하여 WordPress에서 사용자 정의 계산기를 만드는 방법에 대한 단계를 안내합니다!

WordPress에 사용자 정의 계산기를 추가하는 이유는 무엇입니까?

맞춤형 계산기를 사용하면 사용자가 사이트를 떠나지 않고도 쉽게 계산할 수 있어 참여율이 높아집니다.

예를 들어 자동차 웹사이트를 운영하는 경우 자동차 지불 계산기를 추가하면 방문자가 새 차량에 대한 월별 지불액을 쉽게 계산하고 구매 결정을 안내할 수 있습니다.

마찬가지로, 피트니스 또는 건강 웹사이트는 사용자가 자신의 건강 상태를 판단하고 정보를 바탕으로 보다 긍정적인 선택을 하도록 도와주는 체질량 지수 BMI 계산기 없이는 완성되지 않습니다.

또한 잠재 고객에게 전자상거래 웹사이트에서 배송 비용을 즉시 추정할 수 있는 배송 계산기를 제공하여 투명성을 높이고 고객 신뢰를 높일 수 있습니다.

또는 수의사 사이트에 개 나이 계산기를 추가하면 애완동물 소유자가 개 나이를 인간 나이로 이해할 수 있습니다. 이제 WPForms를 사용하여 모든 유형의 계산기를 쉽게 만드는 방법을 살펴보겠습니다.

WordPress에서 사용자 정의 계산기를 만드는 방법

WPForms를 사용하여 WordPress에서 사용자 정의 계산기를 만드는 것은 매우 쉽습니다. 아래의 간단한 단계를 따르기만 하면 됩니다.

이 기사에서는

  • 1. WPForms Pro 설치 및 활성화
  • 2. 계산 애드온 받기
  • 3. 전문적으로 디자인된 계산기 템플릿을 선택하세요
  • 4. 계산기 양식 템플릿 사용자 정의
  • 5. 계산기 양식 게시

1. WPForms Pro 설치 및 활성화

WPForms는 모든 유형의 양식을 만들 수 있는 최고의 양식 작성기이자 계산기 플러그인입니다. 수많은 온라인 비즈니스가 리드 생성 도구로 사용할 수 있는 사전 제작된 계산기 양식 템플릿의 방대한 목록을 제공합니다.

이 튜토리얼에서는 계산 애드온을 사용할 것이므로 프리미엄 통합, 애드온 및 조건부 논리, 양식 보고서 등과 같은 수많은 귀중한 기능에 대한 액세스도 제공하는 WPForms Pro를 구독해야 합니다.

The WPForms homepage

Pro 라이센스를 구매한 후 웹사이트에 WPForms 플러그인을 설치하고 활성화하세요. 시작하려면 WordPress 플러그인 설치 방법에 대한 간단한 지침을 읽어보세요.

2. 계산 애드온 받기

WordPress 웹사이트에 계산 애드온을 설치하는 것은 매우 간단합니다. WordPress 대시보드에서 WPForms를 클릭한 다음 Addons를 선택합니다.

WPForms addons

애드온 검색 필드에 "계산"을 입력하세요. 그런 다음 애드온 설치 버튼을 클릭한 다음 활성화 버튼을 클릭하세요.

Activate Calculations Addon

잘 했어! 이제 템플릿을 사용하여 계산기 양식을 만들고 이를 수정하여 리드를 생성하는 방법을 보여 드리겠습니다.

3. 전문적으로 디자인된 계산기 템플릿을 선택하세요

이제 새로운 양식을 작성할 시간입니다. WordPress 대시보드에서 WPForms를 선택한 다음 새로 추가 버튼을 클릭합니다.

Add new form

다음 화면으로 이동합니다. 시작하려면 양식 이름을 지정하십시오. 예를 들어, 우리는 "모기지 계산기"라고 부를 것입니다.

Name your form

그런 다음 아래로 스크롤하여 계산기 카테고리를 선택하여 비즈니스 요구 사항에 맞는 적합한 양식을 찾으세요.

Calculator template category

적합한 템플릿을 찾으면 템플릿 사용 버튼을 클릭하세요. 이 튜토리얼에서는 모기지 계산기 양식을 선택하겠습니다.

Click Use Template

이제 필드 화면으로 이동됩니다. 이 화면의 왼쪽 패널에 사용 가능한 필드가 나열되어 있습니다.

WPForms fields menu

오른쪽 패널에 편집 가능한 양식 미리보기가 표시됩니다. 계산기 템플릿을 선택했으므로 필드가 자동으로 추가됩니다.

Calculator form preview

이제 WPForms의 직관적인 드래그 앤 드롭 빌더를 사용하여 필드를 쉽게 수정, 정렬 또는 추가하여 원하는 대로 양식을 맞춤화할 수 있습니다.

4. 계산기 양식 템플릿 사용자 정의

계산기 양식을 사용하여 리드를 생성하는 경우 리드 양식처럼 작동하도록 양식 필드를 사용자 정의할 수 있습니다. 양식 작성기에서 설정 » 리드 양식 으로 이동합니다.

그러면 "리드 양식 애드온이 설치되지 않았습니다."라는 팝업이 표시됩니다. 설치하고 활성화하시겠습니까?” 예, 설치하고 활성화합니다 버튼을 클릭합니다.

Install Lead Forms

그런 다음 예, 저장하고 새로 고침 버튼을 클릭하여 설치를 완료한 다음 리드 양식 모드 활성화 를 켭니다.

Enable Lead Form Mode

그러면 리드 양식 애드온이 양식을 재구성한다는 것을 알리는 또 다른 팝업이 표시됩니다. 리드 양식 활성화 버튼을 클릭하세요.

Enable Lead Forms

이제 양식 플러그인이 계산된 필드를 리드 양식으로 자동 변환합니다. 필드가 많지 않은 한 일반적으로 몇 초 정도 걸립니다.

Converting to Lead Form

이제 원하는 대로 필드를 추가, 수정 및 정렬할 수 있습니다. 예를 들어 양식 상단에 이름이메일 필드를 추가했습니다.

Add Name and Email Fields

필드 옵션일반 탭에서 필요에 따라 이름 및 이메일 필드를 표시할 수도 있습니다.

Mark field as required

사용자가 양식을 제출하도록 유도하려면 제출 버튼 텍스트를 변경하여 리드 생성 프로세스를 강화할 수도 있습니다.

이렇게 하려면 양식의 오른쪽 미리 보기에서 맨 아래에 도달할 때까지 아래로 스크롤하세요. 거기에서 제출 버튼을 클릭하세요.

Click Submit button

그러면 설정 » 일반 탭으로 리디렉션됩니다. 여기에서 제출 버튼 텍스트를 "내 결과 보내기"와 같은 내용으로 변경하세요.

Change Submit Button Text

원하는 모든 기능을 포함하도록 계산기와 문의 양식을 사용자 정의한 후에는 저장 버튼을 누르는 것을 잊지 마세요.

Save the form

그리고 거기에 있습니다! 이제 WordPress에 계산기 양식을 게시하여 리드 생성을 촉진하고 이메일 전환율을 높일 수 있습니다.

5. 계산기 양식 게시

템플릿을 사용하여 계산기 양식을 만든 후에는 이를 WordPress 웹사이트에 추가하고 블록 편집기를 사용하여 추가 스타일을 지정할 수 있습니다.

새 페이지나 게시물을 만들거나 기존 페이지나 게시물을 업데이트하세요. 다음으로 블록 추가 버튼을 클릭한 다음 WPForms 아이콘을 선택해야 합니다.

Add form widget WPForms

다음으로, WPForms 위젯의 드롭다운 메뉴에서 사용자 정의 온라인 계산기 양식을 선택하여 페이지/게시물에 첨부하세요.

Select Calculator Form

양식 모양이 만족스러우면 업데이트 또는 게시 버튼을 클릭하여 양식을 활성화하세요.

Publish Calculator Form

문제가 없는지 확인하려면 게시 후 포함된 양식을 테스트하고 프런트엔드에서 의도한 대로 작동하는지 확인하는 것이 중요합니다.

Testing Calculator Form

계산기를 만드는 방법에 대한 추가 질문

WordPress에서 계산기를 만드는 방법을 배우는 것은 독자들 사이에서 인기 있는 주제입니다. 다음은 이에 대한 몇 가지 일반적인 질문에 대한 답변입니다.

나만의 계산기를 만드는 것이 얼마나 어렵습니까?

WordPress 사이트용 계산기를 만드는 것은 간단할 수 있습니다. WPForms와 같은 도구를 사용하면 코딩 전문 지식 없이도 맞춤형 계산기를 쉽게 만들 수 있습니다. 인터페이스는 사용자 친화적이고 직관적입니다.

내 웹사이트에 계산기를 어떻게 추가하나요?

사이트에 계산기를 추가하려면 WPForms 사용을 고려해 보세요. 계산기를 원활하게 통합할 수 있는 신뢰할 수 있는 WordPress 계산기 플러그인입니다. 계산 애드온을 사용하면 필요에 맞게 계산기를 디자인할 수 있습니다.

WordPress에서 모기지 계산기를 어떻게 만듭니까?

WPForms를 사용하면 모기지 계산기를 만드는 것이 매우 쉽습니다. 플러그인을 설치한 후 계산 애드온을 활성화하세요. 이 애드온을 사용하면 필드와 공식을 설정하여 방문자가 정확한 모기지 견적을 얻을 수 있습니다.

WordPress에서 무료 계산기를 어떻게 만드나요?

무료 계산기 빌더도 있지만 WPForms와 같은 유료 도구를 사용하는 것이 항상 더 좋습니다. 이렇게 하면 계산 애드온을 통해 고급 기능을 갖춘 다양한 계산기를 유연하게 만들 수 있습니다.

다음으로 WPForms를 사용하여 총 가격 계산을 변경하는 방법을 알아보세요.

WPForms 계산을 사용하여 사용자의 제품 선택에 따른 총 주문 금액을 반영하시겠습니까? WPForms를 사용하여 제품의 계산된 가격을 변경하는 제품 옵션을 추가하는 방법을 확인하세요.

지금 계산기를 만들어보세요

양식을 작성할 준비가 되셨나요? 가장 쉬운 WordPress 양식 작성 플러그인으로 지금 시작해보세요. WPForms Pro에는 다양한 무료 템플릿이 포함되어 있으며 14일 환불 보장을 제공합니다.

이 기사가 도움이 되었다면 Facebook과 Twitter에서 우리를 팔로우하여 더 많은 무료 WordPress 튜토리얼과 가이드를 확인하세요.