웹사이트에 양식을 삽입하는 방법(3가지 방법)

웹사이트에 양식을 삽입하시겠습니까? 단순한 문의 양식이든 고객 설문조사이든 양식은 기능을 추가합니다. 그것들을 사용하는 방법은 무궁무진합니다.

이 게시물에서는 WordPress 웹사이트에 양식을 삽입하는 가장 쉬운 방법을 보여주기 위해 단계별 가이드를 마련했습니다.

지금 WordPress 양식 만들기

내 웹사이트에 작성 가능한 양식을 어떻게 추가합니까?

가장 쉽고 빠른 방법인 WPForms 플러그인을 사용하여 웹사이트에 양식을 포함할 수 있습니다. 웹사이트에 채울 수 있는 양식을 포함하는 3가지 방법이 있습니다. 이 게시물의 내용을 안내해 드리겠습니다.

웹사이트에 양식을 포함하는 방법

WordPress에서 양식을 쉽게 게시하는 3가지 방법을 보여 드리겠습니다.

시작하자.

1단계: WPForms 플러그인 설치

WPForms를 사용하면 자신만의 양식을 만들거나 400개 이상의 템플릿 중에서 선택할 수 있으며 WordPress 웹사이트에 매우 쉽게 포함할 수 있습니다. 시작하려면 WPForms 플러그인을 다운로드하십시오.

플러그인을 다운로드한 후에는 웹사이트에 업로드해야 합니다. 방법을 잘 모르겠다면 WordPress 플러그인 설치에 대한 이 초보자 가이드에서 프로세스를 안내할 수 있습니다.

2단계: 양식 만들기

WPForms 플러그인을 설치했으면 시작할 준비가 된 것입니다. 자신만의 양식을 만들거나 템플릿에서 시작할지 여부는 사용자에게 달려 있지만 가장 먼저 할 일은 새로 추가 를 클릭하는 것입니다.

해당 버튼을 클릭하면 선택할 수 있는 다양한 템플릿이 표시됩니다. 빈 양식을 선택하고 자신만의 양식을 만드는 옵션도 있습니다.

선택 항목 위에 마우스를 가져가면 2가지 옵션이 표시됩니다.

1. 템플릿 사용
2. 데모 보기

데모를 보면 포함된 양식이 어떻게 생겼는지 보여줍니다. 템플릿은 사용자 정의할 수 있으므로 변경하려는 것이 있으면 변경할 수 있습니다.

사용할 템플릿을 결정했으면 템플릿 사용 버튼을 클릭합니다. 편집기에서 열립니다. 이 게시물에서는 간단한 문의 양식 템플릿을 사용합니다.

이제 원하는 경우 양식을 사용자 정의할 때입니다. 우리의 경우 템플릿은 전화번호만 수집했습니다. 먼저 연락처 기본 설정을 묻는 확인란 필드를 추가하고 이메일 옵션을 추가하여 사용자 정의했습니다.

그런 다음 필드 옵션 아래의 스마트 논리 탭에서 찾을 수 있는 약간의 조건부 논리를 설정합니다. 조건부 논리를 사용하면 사용자가 자신에게 적용되는 필드만 볼 수 있도록 규칙을 설정할 수 있습니다.

이 예에서 이메일을 선택하면 이메일 주소를 제공하는 필드가 표시됩니다. 여기에 GDPR 확인란을 포함하려는 경우에도 쉽게 할 수 있습니다.

전화를 선택하면 전화번호를 제공할 수 있습니다.

이제 양식을 포함할 방법을 선택할 차례입니다.

3단계: 양식 포함

WPForms에는 웹 사이트에 양식을 포함하는 세 가지 방법이 있습니다. 여기에서 세 가지 방법을 모두 보여 드리며 가장 쉬운 방법을 선택할 수 있습니다.

WPForms 포함 버튼 사용

첫 번째 삽입 방법은 양식 편집기 상단에 있는 삽입 버튼을 사용하는 것입니다.

해당 버튼을 클릭하면 기존 페이지를 선택하거나 새 페이지를 생성할 수 있는 옵션이 표시됩니다. 사이트에 가장 적합한 것을 선택할 수 있습니다. 여기에 연락처 페이지를 만들었습니다. 그런 다음 Let's Go를 클릭할 수 있습니다. 단추.

그렇게 하면 페이지 초안이 열리고 포함된 양식이 표시됩니다. 게시 를 클릭하면 바로 사용할 수 있습니다!

WordPress 블록 편집기 사용

WordPress 블록 편집기에서 바로 양식을 포함하는 것은 양식 중 하나를 게시물이나 페이지에 추가하는 또 다른 쉬운 방법입니다.

양식을 표시할 페이지를 열고 파란색 + 아이콘을 클릭합니다.

다양한 위젯 옵션이 있는 메뉴가 열립니다. WPForms 위젯 을 찾을 때까지 아래로 스크롤하여 클릭합니다. 그렇게 하면 상자가 열리고 포함할 양식을 선택할 수 있습니다.

선택을 마치면 페이지에 포함된 양식이 표시됩니다.

단축 코드 포함 사용

웹사이트에 양식을 삽입하는 또 다른 간단한 방법은 짧은 코드를 붙여넣는 것입니다. 이 작업은 몇 초 밖에 걸리지 않습니다. 양식의 단축 코드는 다음 두 곳에서 찾을 수 있습니다.

삽입 버튼

편집기에서 포함 버튼을 클릭할 때 위에서 했던 것처럼 대체 옵션 중 하나 는 단축 코드를 사용하는 것 입니다. 그것을 클릭하면 양식의 단축 코드가 나타나고 복사할 수 있습니다.

WPForms 플러그인의 양식 목록

WordPress 대시보드의 사이드바에서 WPForms 플러그인 을 클릭합니다. 생성한 양식 목록이 표시되고 모든 양식에 대한 단축 코드가 표시됩니다. 이것은 양식에서 적극적으로 작업하지 않지만 어딘가에 포함하기 위해 단축 코드를 빠르게 가져와야 하는 경우에 유용합니다.

단축 코드를 복사한 후 삽입하려는 페이지 또는 게시물로 이동합니다. 다시 한 번, 왼쪽 상단 모서리에 있는 파란색 + 기호를 클릭하여 드롭다운 옵션 목록을 표시하고 싶을 것입니다.

이전처럼 WPForms 위젯을 선택하는 대신 Shortcode 위젯 을 선택하겠습니다.

그것을 클릭하면 게시물 편집기에 상자가 나타납니다. 해당 단축 코드를 상자에 붙여넣기만 하면 됩니다.

페이지를 미리 보면 양식이 성공적으로 포함되었음을 알 수 있습니다.

또한 위젯을 통하지 않고 편집기에 직접 단축 코드를 붙여넣을 수도 있습니다.

그리고 다시 콘텐츠 내에서 표시할 위치에 붙여넣은 후 페이지를 미리 보고 포함되었는지 확인할 수 있습니다.

이 방법은 웹사이트 바닥글에 양식을 쉽게 추가하는 데에도 효과적입니다.

4단계: 양식 게시

이제 양식을 성공적으로 만들고 포함했으므로 게시할 차례입니다! 계속해서 WordPress에서 해당 게시 버튼을 클릭하십시오. 라이브 페이지를 방문하면 포함된 양식이 정보를 수집할 준비가 됩니다.

기본적으로 사용자는 동일한 페이지에 남아 있습니다. 사용자가 양식 응답을 제출한 후 다른 페이지로 리디렉션하려면 그렇게 할 수 있습니다.

지금 WordPress 양식 만들기

다음으로 hCaptcha로 양식을 보호하십시오.

양식에 스팸 방지 계층을 추가하시겠습니까? WPForms에는 hCaptcha 통합이 포함되어 있어 수행이 간편합니다. hCaptcha로 WordPress 양식을 보호하는 방법을 알아보세요.

양식을 작성할 준비가 되셨습니까? 가장 쉬운 WordPress 양식 빌더 플러그인으로 오늘 시작하십시오. WPForms Pro에는 많은 무료 템플릿이 포함되어 있으며 14일 환불 보장을 제공합니다.

이 기사가 도움이 되었다면 Facebook과 Twitter에서 더 많은 무료 WordPress 자습서 및 가이드를 팔로우하세요.