WordPress에 문의 양식을 추가하는 방법(2023 튜토리얼)

문의 양식은 WordPress 웹사이트 방문자로부터 정보를 수집하는 훌륭한 방법입니다. 주문, 설문조사 응답, 취업 지원 등 무엇을 원하든 WordPress 문의 양식을 추가하는 것은 웹사이트 방문자가 온라인에서 귀하 및 귀하의 브랜드에 연락하고 상호 작용할 수 있는 효과적인 방법입니다.

WordPress 문의 양식 사용의 이점

양식을 만들 수 있는 다양한 플랫폼과 온라인 도구가 있습니다. 많은 최신 플랫폼은 무엇보다도 사용하기 쉬운 인터페이스, 보고, 분석 등의 기능을 제공합니다. 그러나 WordPress 문의 양식을 사용하면 WordPress 인터페이스 내에서 이러한 모든 기능과 그 이상을 사용할 수 있습니다. WordPress 문의 양식을 사용하여 얻을 수 있는 다른 이점은 다음과 같습니다.

• 리드 생성 – WordPress 문의 양식을 사용하면 해당 항목을 활용하여 웹 사이트를 통해 청중을 늘릴 수 있습니다. 좋은 양식 플러그인에는 많은 기능이 내장되어 있으므로 리드 생성, 콘텐츠 퍼널, 이메일 수신 동의, CRM 통합 등을 위해 별도의 플러그인이 필요하지 않습니다. 방문자가 귀하의 웹사이트나 이메일 플랫폼에서 직접 이메일을 보내는 경우에는 이를 수행하기가 어렵습니다.
• 향상된 보안 및 유효성 검사 – WordPress 웹 사이트에 기본적으로 구축된 양식을 사용하면 양식 결과의 전달 가능성을 보장하고 Recaptcha, Akismet 등과 같은 스팸 방지 서비스를 사용하여 이메일 주소와 사용자 데이터를 보호할 수 있습니다.
• 한 곳에서 항목 및 연락처 관리 – WordPress 문의 양식을 사용하면 양식 항목을 하나의 중앙 위치에 두고 사이트 전체에서 사용할 수 있습니다. 많은 양식 플러그인을 사용하면 저장할 수 있는 양식의 콘텐츠를 정렬, 구성 및 내보낼 수 있으며 포괄적인 데이터베이스를 쉽게 만들 수 있습니다. 사람들이 귀하에게 직접 이메일을 보내는 경우에는 불가능합니다.
• 고급 기능으로 다양한 양식 유형 생성 – 설문 조사, 여론 조사, 신청서 양식 등을 모두 WordPress 문의 양식을 사용하여 쉽게 생성할 수 있습니다. 한계는 여러분의 상상력에 달려 있습니다. 고급 계산, 조건부 필드 등과 같은 기능을 허용하는 양식 작성기를 사용하여 웹사이트에 문의 양식을 추가하면 방문자가 머물고 다시 방문하게 만드는 대화형 경험을 사이트로 만드는 데 도움이 됩니다. – 귀하의 웹사이트로.

WordPress 사이트에 문의 양식을 추가하는 방법(단계별)

인기 있고 기능이 풍부한 WPForms 문의 양식 플러그인을 사용하여 WordPress 웹사이트에 문의 양식을 추가하겠습니다. 먼저 웹사이트에 플러그인을 설치합니다.

WPForms 설치

먼저 WordPress 대시보드에 로그인하고 플러그인 위로 마우스를 가져갑니다 . 그런 다음 새로 추가를 클릭 하고 검색 상자에 WPForms 를 입력합니다 . 설치 버튼을 클릭하면 플러그인 설치 프로세스가 시작됩니다.

마지막으로 파란색 활성화 버튼을 클릭하여 WPForms 플러그인 설치를 완료합니다.

이제 플러그인이 설치되고 활성화되었으므로 WordPress 메뉴에 새 메뉴 항목이 추가된 것을 볼 수 있습니다.

첫 번째 양식 만들기

WPForms는 대시보드로 이동하면 새 양식을 추가할 수 있는 여러 위치를 제공합니다. 대시보드 상단에 있는 주황색 Add New 버튼을 클릭하는 것부터 시작하겠습니다.

WPForms의 양식 작성 프로세스는 양식 이름을 지정하고 사용 가능한 많은 템플릿 중 하나를 선택하는 것으로 시작됩니다. 양식 이름을 지정하려면 제목 텍스트 상자에 제목을 입력하세요 . 그런 다음 양식 템플릿을 선택합니다 . 튜토리얼을 위한 사용자 정의 양식을 만들 것이므로 빈 양식 템플릿을 선택 하겠습니다.

빈 양식 템플릿을 선택하면 WPForms의 아름다운 드래그 앤 드롭 빌더가 표시됩니다. 왼쪽에서 필드 유형을 찾을 수 있습니다.

무료 버전을 사용하더라도 멋진 양식을 만들 수 있는 여러 가지 양식 필드 유형이 제공됩니다. 간단한 연락처 양식을 만들고 양식에 이름, 이메일, 드롭다운 및 단락 텍스트 필드를 사용하겠습니다.

이제 양식 필드를 선택했으므로 WPForms로 수행할 수 있는 몇 가지 사용자 정의를 살펴보겠습니다.

양식 및 양식 필드 사용자 정의

먼저 이름 양식 필드를 클릭해 보겠습니다 . 다음으로 이 양식 필드의 필드 옵션에서 일반 탭을 선택 하겠습니다. 이제 이 필드의 형식을 변경하고 First Middle Last 를 선택하겠습니다 . 마지막으로 필수 양식 필드를 전환 하겠습니다. 이는 이 양식 필드를 필수로 작성하도록 했다는 의미입니다.

다음으로 고급 탭을 클릭해 보겠습니다. 선택한 텍스트로 자리 표시자 필드를 채워 이름 필드에 자리 표시자를 추가해 보겠습니다.

먼저 이메일 필드를 조정하려면 이메일 필드를 클릭하세요 . 그런 다음 일반 탭을 클릭하세요 . 이 필드에는 이메일 확인 옵션을 추가해 보겠습니다. 즉, 사용자는 이메일을 두 번 입력하여 확인해야 합니다. 이메일 확인 필드를 전환하여 이를 수행합니다.

드롭다운 필드의 경우 해당 필드를 클릭하여 시작하겠습니다 . 그런 다음 일반 탭을 클릭하세요 . 이제 사용자가 이 드롭다운의 목적을 알 수 있도록 양식 필드에 레이블을 추가합니다 . 마지막으로 이 필드에 옵션을 추가 하겠습니다.

마지막으로 최종 양식 필드인 단락 필드로 이동하겠습니다. 양식 필드를 클릭한 다음 일반 탭을 클릭합니다 . 필드에 라벨을 할당합니다 . 이제 연락처 양식 내의 양식 필드를 편집했으므로 필요에 맞게 양식 설정을 조정해 보겠습니다.

양식 설정 사용자 정의

양식 설정을 조정하려면 양식 작성기 왼쪽에 있는 설정 아이콘을 클릭하세요 . 그런 다음 일반 탭을 클릭하세요 . 이 탭에서는 이름, 설명, 태그 등과 같은 양식의 일반 설정을 편집할 수 있습니다. 계속해서 제출 버튼의 텍스트를 변경하겠습니다. 제출 버튼 텍스트 텍스트 상자까지 아래로 스크롤합니다 . 그런 다음 메시지 보내기 를 입력합니다 .

또한 양식의 처리 텍스트를 변경하겠습니다. 텍스트 상자에 선택한 텍스트를 추가합니다 . 우리의 경우 메시지 보내기로 편집했습니다.

WPForms에는 보안 기능이 내장되어 있습니다. 그러나 사용하고 싶은 다른 공급자가 있는 경우 스팸 방지 및 보안 탭을 사용하여 선택한 스팸 및 보안 공급자를 양식과 통합할 수 있습니다. 이제 양식에 대해 WPForm이 제공하는 기본 조항을 사용하겠습니다.

이제 양식에 몇 가지 알림을 추가해 보겠습니다. 이는 방문자가 당사 웹사이트를 방문하여 양식을 통해 메시지를 보낼 때 이메일을 받게 된다는 의미입니다. 이를 활성화하려면 먼저 알림 탭을 클릭하세요 . 그런 다음 이메일 제목 줄을 새 웹 사이트 양식 메시지로 변경하겠습니다 . 또한 보낸 사람 이름을 이메일 받은 편지함에서 인식할 수 있는 이름으로 조정해 보겠습니다. WPForms의 프로 버전을 사용하면 향후 여러 알림을 추가할 수 있습니다.

마지막으로 웹사이트 방문자에게 양식 항목이 성공적으로 접수되었다는 확인 메시지를 보내겠습니다. 이렇게 하려면 확인 메뉴 옵션을 클릭하세요 . 그런 다음 텍스트 상자에서 확인 메시지를 조정하세요 . 또한 사용자를 웹 사이트의 다른 페이지로 리디렉션하거나 화면 메시지를 표시하는 것 외에 다른 페이지를 표시할 수도 있습니다.

양식을 모두 변경한 후 화면 오른쪽 상단에 있는 주황색 저장 버튼을 클릭하세요 . 양식이 생성되었으면 페이지에 추가해 보겠습니다.

WordPress 페이지에 문의 양식 추가하기

페이지에 양식을 추가하려면 웹사이트에 새 페이지를 만들거나 기존 페이지를 편집하세요. 문의 양식에 대한 새 페이지를 만들어 보겠습니다. 먼저 페이지 메뉴 옵션 위로 마우스를 가져간 다음 새로 추가 를 클릭하세요 .

기본 WordPress 페이지 편집기로 이동한 후 페이지 제목을 지정합니다 . 그런 다음 검은색 더하기 아이콘을 클릭하여 사용 가능한 블록 라이브러리를 엽니다 . WPForms를 검색 하고 WPForms 블록을 선택합니다 .

사용 가능한 양식 드롭다운에서 양식을 선택하세요 .

양식을 선택하면 블록 편집기 내에서 스타일 지정을 시작할 수 있습니다.

양식 스타일링

WPForms를 사용하면 연락처 양식의 스타일을 매우 쉽게 지정할 수 있습니다. CSS를 사용할 수도 있지만 블록 편집기 내의 간단한 도구를 사용하여 양식을 편집하고 스타일을 지정할 수도 있습니다.

편집기 내에서 몇 번의 간단한 클릭만으로 양식 필드의 색상, 양식 필드 크기 등을 변경할 수 있습니다. 스타일 편집을 추가하기 전의 양식은 다음과 같습니다.

스타일을 적용한 후의 형태는 다음과 같습니다. 제출 버튼의 색상이 변경되었으며 양식 필드의 테두리가 편집되었습니다. 양식의 각 측면에 CSS 클래스를 할당하고 CSS를 사용하여 양식을 추가로 사용자 정의할 수도 있다는 것을 잊지 마십시오.

양식을 사용자 정의하고 필드를 배치하여 첫 번째 WordPress 양식을 성공적으로 만들었습니다! 연락처 양식을 작성하는 동안 기억해야 할 몇 가지 팁과 요령은 다음과 같습니다.

문의 양식을 최대한 활용하는 방법

문의 양식을 사용하면 사이트 방문자와의 동적 연결을 추가할 수 있습니다. 그러나 사이트 구축을 계획할 때 기억해야 할 몇 가지 팁이 있습니다.

고정관념에서 벗어나 생각해보세요

이 튜토리얼에서는 간단한 양식을 만들었지만 WPForms 및 기타 문의 양식 플러그인에는 다양한 양식을 만드는 데 사용할 수 있는 수백 개의 템플릿이 있습니다. 양식은 연락처 정보를 수집하는 데만 사용되는 것이 아니라 성공적인 비즈니스에 필수적일 수 있습니다. 다양한 WordPress 양식 빌더를 사용하여 고객을 위한 설문조사를 만들고, 여론 조사에 참여하고, 견적을 생성할 수 있습니다. 문의 양식을 사용하여 제품 개인화 요청을 수집하는 것도 가능합니다. 또한 웹사이트에서 양식을 사용하는 방식에 있어서 창의성을 발휘하는 것을 두려워하지 마십시오.

양식을 안전하게 유지하세요

스팸 발송자는 자신의 작업을 달성하기 위해 모든 수단을 사용합니다. 한 가지 방법은 온라인 문의 양식입니다. 그러나 Akismet 또는 Recaptcha와 같은 보안 기능을 사용하면 양식 콘텐츠와 이메일 주소를 안전하게 유지하는 데 도움이 될 수 있습니다. 웹사이트에 양식을 추가할 때 양식 보안을 엄격하게 유지하는 것을 잊지 마세요.

통합의 힘

통합은 기본 WordPress 문의 양식을 사용하는 곳에서 빛납니다. 이메일 마케팅 솔루션(예: Mailchimp)을 자동으로 채우는 사용자 정의 이메일 구독 양식을 만들 수 있습니다. 귀하의 양식을 CRM에 연결하여 리드를 효과적으로 육성할 수 있습니다. WordPress 문의 양식은 귀하의 웹사이트처럼 보이고 느껴지므로 고객에게 신뢰를 심어줍니다. 귀하의 양식은 프로세스를 원활하고 간소화하면서 비즈니스의 다양한 측면을 채우는 강력한 도구가 됩니다.

양식 알림 및 이메일을 사용자 정의하세요

자신이나 방문자에게 알림을 보내는 경우 알림과 이메일을 맞춤 설정하는 것을 잊지 마세요. 브랜드 색상을 추가하고 상용구 텍스트를 변경하는 등의 작업을 수행하면 웹사이트 방문자가 브랜드에 대한 신뢰감을 느끼게 됩니다. 또한 양식 제출 후 사람들을 다른 페이지로 리디렉션하는 경우 해당 페이지에서 고객이 웹 사이트에서 다음 단계를 시작하는 데 필요한 모든 정보를 제공하는지 확인하세요.

사용자 경험에 대해 생각해 보세요

전환 최적화 양식을 작성하면 방문자가 양식을 성공적으로 작성하고 제출할 수 있습니다. 간단하고 이해하기 쉬운 양식을 작성하면 방문자가 양식을 성공적으로 제출할 수 있도록 안내하는 데 도움이 됩니다. 고객에게 양식의 다양한 필드와 섹션에 대해 알리는 도구 설명, 설명, 지침 및 자리 표시자를 추가하여 원활하고 원활한 양식 작성 프로세스를 제공하는 것을 고려해보세요.

접근성을 고려하세요

자주 논의되지는 않지만 접근성은 웹 디자인의 최전선에 다가오고 있습니다. 다른 사용자가 대체 수단을 통해 양식과 상호 작용할 수 있는 방법을 고려하십시오. 레이블, ARIA, 탭 시퀀스 등이 제대로 작동하는지 확인하면 인터넷을 다르게 사용할 수 있는 사람들이 웹 사이트를 사용하고 궁극적으로 자신의 요구에 가장 적합한 방식으로 웹 사이트의 대화형 요소를 경험하는 데 도움이 됩니다.

더 많은 문의 양식 플러그인 및 플랫폼

테스트할 대체 문의 양식 플러그인 및 플랫폼은 다음과 같습니다.

• Formidable Forms: 깔끔한 드래그 앤 드롭 인터페이스, 15개 이상의 프리미엄 추가 기능, 고급 계산기 생성 등을 갖춘 인기 있는 양식 작성기
• Gravity Forms: 30개 이상의 양식 필드 유형 라이브러리, 결제 프로세서 통합, 퀴즈, 설문조사 등과 같은 복잡한 양식 템플릿이 포함된 또 다른 WordPress 양식 플러그인
• Ninja Forms: AWeber 및 CampaignMonitor와 같은 플랫폼과 통합된 이 양식 플러그인은 40개 이상의 프리미엄 추가 기능을 자랑하므로 통합을 중요하게 생각하는 사람들에게 훌륭한 양식 작성 도구입니다.
• 문의 양식 7: Mailchimp에서 Stripe까지 다양한 통합 기능을 갖춘 강력한 무료 WordPress 양식 플러그인
• Divi: 가장 강력한 WordPress 테마에는 웹사이트에서 브랜드화된 모바일 반응형 양식을 원활하게 생성할 수 있게 해주는 훌륭한 문의 양식 모듈이 있습니다.
• Google Forms: 또 다른 무료 양식 작성 도구인 Google Forms는 모든 Google 계정과 함께 제공되며 뛰어난 분석 기능을 갖춘 강력한 작성 도구이며 다중 페이지 양식 등을 허용합니다.
• Typeform: 이 양식 빌더는 아름다운 UI 디자인, 양식 애니메이션 및 통합으로 인해 수년 동안 인기를 얻었습니다. 이는 사용자가 대화 방식으로 양식에 참여할 수 있는 독특한 방법을 제공합니다.
• Jotform: 최초의 온라인 양식 작성 도구 중 하나인 Jotform은 많은 변화를 겪었으며 가장 인기 있는 무료 온라인 양식 작성 플랫폼 중 하나로 남아 있습니다.

결론

문의 양식은 모든 웹사이트에 있어야 하는 강력한 도구입니다. 이는 고객이 귀하에게 연락하는 방법일 뿐만 아니라 귀하의 웹사이트에 대화형 요소를 추가하는 방법이기도 합니다. 드래그 앤 드롭 빌더와 함께 제공되는 WPForms와 같은 플러그인을 사용하면 기능이 뛰어나고 아름다운 양식을 간단하게 제작할 수 있습니다. 통합, 알림 및 보안은 기본 WordPress 연락처 구축을 웹 사이트 구축 프로세스의 중심으로 만드는 기능입니다. 더 자세히 알아보려면 다음 웹사이트에 추가할 수 있는 최고의 문의 양식 플러그인 목록을 확인하세요. 웹사이트에 문의 양식을 어떻게 추가하나요? 우리가 더 알아보고 싶은 플러그인이 있나요? 아래 댓글 섹션을 통해 알려주세요!

Viktoria Kurpas/shutterstock.com을 통한 특집 이미지