WordPress에서 연락처 양식을 쉽게 만드는 방법

게시 됨: 2022-03-17

정보나 제품을 찾기 위해 웹사이트를 탐색할 때 한 번 이상 더 알고 싶거나 추가 정보를 요청하게 됩니다. 웹사이트에서 이러한 일이 발생하지 않도록 하려면 방문자가 웹사이트에서 연락할 수 있도록 모든 기능을 제공해야 합니다.

내 웹사이트에 문의 양식이 필요한 이유는 무엇입니까?

소규모 비즈니스든, 온라인 상점이든, 정보 블로그든 조만간 방문자가 귀하에게 연락할 수 있기를 원할 것입니다. 가장 빠르고 쉬운 해결책은 웹에 이메일 주소를 포함시켜 그들이 당신에게 연락할 수 있도록 하는 것입니다. 그러나 이것은 좋은 생각이 아닐 수도 있습니다. 당신은 많은 스팸을 받게 될 것입니다. 당신을 찾았고(그들이 웹이나 다른 곳에서 주소를 보았기 때문에 온 경우), 확실히 당신이 받는 이메일에는 당신이 알고 싶은 정보가 빠져 있을 것입니다.

연락처 양식을 사용하면 구조화된 방식으로 정보를 수신하고 가장 적합한 방식으로 올바르게 저장할 수 있습니다. 또한 다음과 같은 이점이 있습니다.

페이지, 게시물, 위젯에 다양한 양식을 정의합니다.
그들이 채우기를 원하는 필수 정보를 표시하십시오.
양식이 채워지면 확인 또는 오류 메시지를 표시합니다.
작성된 양식에서 정보를 수신할 위치를 지정하십시오.
RGPD에 따라 연락처 데이터를 저장합니다.
받은 정보의 출처를 알 수 있습니다.
스팸을 제어합니다.
여러 사용자에게 정보를 보냅니다.
다른 플랫폼 등과 통합하십시오.

웹 사이트에서 무료 연락처 양식을 빠르고 쉽게 만드는 방법을 살펴보겠습니다. 아시다시피, 새로 설치된 WordPress는 사용자 지정 연락처 양식을 만드는 옵션을 제공하지 않습니다. 사용자 지정 양식을 만들려면 연락처 양식이 포함된 테마를 설치하거나 플러그인을 사용해야 합니다.

선택할 수 있는 플러그인이 많이 있습니다. 가장 인기 있는 연락처 양식 플러그인 중 하나인 Contact Form 7은 사용하기 쉽지만 양식을 만드는 시각적 편집기가 없으며 해당 구문을 배워야 합니다. WPForms, Fomidable Form Builder, HubSpot 또는 Ninja Forms와 같은 대부분의 플러그인이 제공하는 대안은 연락처 양식을 디자인할 제어판이 있는 WordPress 프레임워크를 추가하는 것입니다.

이 게시물에서는 이전 플러그인과 다른 연락처 양식 플러그인인 Nelio Forms에 대해 이야기하고자 합니다.

넬리오 양식

Nelio Forms는 우리가 방금 출시한 플러그인입니다. WordPress 플러그인 디렉토리에서 무료 버전을 사용할 수 있습니다.

이미 사용 가능한 다른 양식 플러그인이 있는 경우 새로운 문의 양식 플러그인을 출시한 이유는 무엇입니까? 우리는 한동안 다른 플러그인을 사용하여 양식을 만들었으며 우리의 경험이 우리가 원했던 것이 아니었기 때문입니다. Nelio Forms는 WordPress 블록 편집기에 통합되는 플러그인이므로 사용자 정의 양식 빌더 프레임워크를 구현하지 않습니다.

Nelio Forms로 연락처 양식을 쉽게 만들기 위해 따라야 하는 단계를 살펴보겠습니다.

Nelio Forms 플러그인 설치

Nelio Forms는 다른 플러그인처럼 설치됩니다. WordPress 대시보드에서 "새로 추가"를 클릭하고 검색 엔진에 "Nelio Forms"를 입력한 다음 플러그인을 설치하고 활성화합니다.

첫 번째 양식 만들기

설치 및 활성화되면 메뉴 사이드바에서 Nelio Forms 옵션을 찾을 수 있습니다. "새로 추가:"를 클릭하십시오.

Nelio Forms로 새 문의 양식 추가 — Nelio Forms로 새 연락처 양식을 추가하십시오.

블록 편집기가 열리고 게시물 및 페이지 편집기와 매우 유사해 보이지만 이 경우 양식에 포함해야 하는 최소한의 정보가 표시됩니다. 식별을 위한 양식 이름, 필드( 기본적으로 입력할 텍스트 필드)와 "제출" 버튼이 표시됩니다.

Nelio Forms로 새 문의 양식 만들기 — Nelio Forms로 새 연락처 양식 만들기.

문의 양식 편집

양식에 이름을 지정한 후 액세스할 수 있도록 하려면 각 필드에 설명 레이블을 추가해야 합니다(양식에 이 레이블을 표시할지 여부를 선택할 수 있음).

사이드바에서 편집 중인 블록의 속성을 볼 수 있습니다. 따라서 예를 들어 설명 레이블과 자리 표시자를 추가하는 기능을 제외하고 텍스트 입력 필드를 편집할 때 양식을 제출하는 데 해당 필드가 필요한지 여부와 설명 레이블을 표시합니다.

WordPress 블록 편집기에서 새 블록을 추가하는 것과 같은 방식으로 레이아웃을 수정하고 다른 블록을 추가하여 양식을 편집할 수 있습니다.

위 이미지에서 볼 수 있듯이 이미 알고 있는 단락 유형 블록 외에도 양식을 열로 디자인할 수 있으며 연락처 양식에 특정한 블록 세트가 있습니다.

텍스트 입력 필드,
텍스트 영역 필드,
메일 필드,
전화 분야,
비밀번호 필드,
체크박스 필드,
숫자 필드 및
URL 필드

각 필드에는 고유한 설정이 있을 수 있습니다. 예를 들어, 숫자 필드의 경우 요구하거나 레이블을 숨길 수 있을 뿐만 아니라 최소 및 최대 범위 값과 각 단계의 수를 표시할 수도 있습니다.

확인란의 경우 기본적으로 선택되어 있는지 여부를 나타낼 수 있습니다.

마지막으로 다른 버튼과 마찬가지로 제출 버튼을 편집할 수 있습니다. 즉, 스타일, 색상, 테두리, 너비, 글꼴 또는 치수를 변경할 수 있을 뿐만 아니라 양식을 제출한 후 이동할 URL 또는 앵커를 정의할 수 있습니다. 추가 CSS 클래스를 추가할 수도 있습니다.

보시다시피, 이 게시물의 첫 번째 이미지와 같은 형식을 만드는 것은 블록 편집기에서 게시물을 작성하는 것만큼 쉽습니다.

완성된 양식 제출

양식을 작성한 후 양식이 제출되면 양식을 보낼 위치를 지정해야 합니다. 이렇게 하려면 새 "제출 작업"을 추가하거나 기존 작업을 편집할 수 있습니다.

플러그인의 무료 버전에서는 이메일 알림만 추가할 수 있습니다. 알림이 주어지면 수신자의 이메일 주소, 이메일을 보낸 사람 또는 메시지 자체와 같은 몇 가지 설정을 정의해야 합니다. 각 이메일 필드에 유효한 이메일 주소를 입력하거나 양식에서 이메일 필드를 선택하거나 사이트 관리자의 이메일을 사용할 수 있습니다.

메시지 자체에 원하는 대로 작성할 수 있지만 사용자가 제출한 필드의 전체 또는 일부, 양식의 URL 또는 사이트 관리자의 이메일 주소를 사용할 수도 있습니다.

정보를 추가하면 연락처 양식이 완성됩니다. 마찬가지로, 원하는 만큼 다양한 연락처 양식을 만들 수 있으며 모든 양식은 Nelio 양식 메뉴의 "모든 양식" 옵션에서 편집할 수 있습니다.

Nelio Forms로 만든 양식 목록 — Nelio Forms로 만든 문의 양식 목록입니다.

페이지 및 게시물에 양식 추가

양식이 생성되면 웹사이트에 표시할 위치에 추가하기만 하면 됩니다. 이렇게 하려면 페이지 편집기에서 "양식" 유형의 블록을 추가해야 합니다.

페이지 자체에서 양식 블록을 추가할 때 위에서 언급한 것과 똑같은 방식으로 새 양식을 직접 생성하거나 반대로 이전에 생성한 양식 중 하나를 추가하는 옵션이 있습니다.

일단 삽입되면 Nelio Forms의 가장 큰 장점 중 하나는 다른 블록과 마찬가지로 페이지를 편집하면서 양식을 직접 수정할 수 있다는 것입니다. 수정할 때 "업데이트" 버튼에서 양식 자체에서 변경한 내용을 저장할지 여부를 나타내는 흰색 점이 단어 왼쪽에 나타납니다(템플릿 업데이트와 유사).