이 쉬운 방법으로 WordPress에 문의 양식을 설정하세요

이 쉬운 방법으로 WordPress에 문의 양식을 설정하세요
WordPress가 열려 있는 노트북

WordPress 사이트에 문의 양식을 추가하는 데 어려움을 겪은 적이 있나요? 당신은 혼자가 아닙니다. 이 가이드는 혼란을 없애고 코딩의 번거로움 없이 WordPress 문의 양식을 설정하는 간단한 방법을 보여줍니다.

WordPress 문의 양식을 설정하려면 좋은 플러그인을 선택하세요

WordPress 웹사이트에서 문의 양식을 설정할 때 첫 번째 단계는 좋은 플러그인을 선택하는 것입니다. 예, 플러그인 없이 문의 양식을 만드는 것은 기술적으로 가능하지만 다음 두 가지 옵션만 있으므로 약간 번거롭습니다.

  • 처음부터 문의 양식 코딩: 구조용 HTML, 스타일 지정용 CSS
  • 타사 온라인 양식 작성기: Jotform 또는 을 사용하면 플랫폼에서 양식을 디자인하고 이를 WordPress 사이트에 삽입할 수 있습니다. 코딩보다 접근성이 더 높지만 삽입된 타사 양식은 사이트 속도를 저하시키고 사용자 정의에 제한이 있으며 중요한 기능을 외부 서비스에 의존하게 만들 수 있습니다.

문의 양식을 처음부터 코딩하는 것과 관련된 문제와 타사 온라인 양식 작성 도구에 의존하는 제한을 고려할 때 일반적으로 WordPress 문의 양식 플러그인을 사용하는 것이 가장 좋은 방법입니다.

플러그인은 핸드 코딩 및 타사 서비스에서 종종 부족한 사용 편의성, 사용자 정의 및 통합을 제공함으로써 완벽한 균형을 제공합니다. 사용자 친화적으로 설계되었으며 코딩 지식이 필요하지 않으며 특정 요구 사항에 맞는 다양한 디자인 및 기능 옵션이 제공됩니다. 아>

WordPress용 인기 문의 양식 플러그인

WordPress 사이트에 문의 양식을 추가하려면 올바른 플러그인을 선택하는 것이 중요합니다. 우리는 발품을 팔고 최고의 문의 양식 플러그인을 연구했습니다. 이러한 각 플러그인은 작업을 효율적으로 수행할 수 있지만 고유한 기능과 약간의 차이점이 있습니다. 다음은 귀하의 요구 사항에 가장 적합한 것을 결정하는 데 도움이 되는 요약입니다.

  • 문의 양식 7: 이 플러그인은 WordPress 사용자에게 꼭 필요한 플러그인입니다. 무료이며 가볍고 간단하며 간단한 마크업을 사용하여 쉽게 사용자 정의할 수 있는 다양한 양식을 허용합니다. Ajax 기반 제출 및 CAPTCHA 스팸 필터링을 지원합니다. 기본적으로 제출물을 데이터베이스에 저장하지는 않지만 이 기능에 추가 기능을 사용할 수 있으므로 아마도 필요하지 않을 것입니다.
  • WPForms: WPForms는 반응이 빠르고 아름다운 문의 양식, 피드백 양식, 구독 양식 등을 몇 분 만에 만드는 데 적합합니다. 이 플러그인은 오랫동안 사용되어 왔으며 현재 별점 5점 만점에 4.9점을 받았으므로 제 역할을 잘 수행하고 있음을 알 수 있습니다. 안타깝게도 무료 버전은 매우 제한적이며 모든 기능을 사용하려면 구독이 필요합니다.
  • Gravity Forms: 조건부 논리나 여러 옵션이 포함된 복잡한 양식이 필요한 경우 Gravity Forms가 좋은 선택입니다. 직관적인 시각적 양식 편집기를 제공하고 다양한 트랜잭션을 지원하지만, 단순한 양식이 필요한 초보자에게는 포괄적인 기능이 여전히 압도적일 수 있습니다. Gravity Forms의 무료 버전은 없지만 모든 기능을 갖춘 온라인 데모를 사용해 볼 수 있습니다.
  • Ninja Forms: 기술자가 아닌 사람들에게 이상적인 Ninja Forms는 드래그 앤 드롭 작성 도구, 다중 페이지 양식 및 파일 업로드 기능을 제공합니다. 사용자 친화적이고 전담 지원팀이 있지만 일부 고급 기능을 사용하려면 프리미엄 추가 기능을 구매하거나 사용 가능한 세 가지 유료 구독 요금제 중 하나를 구매해야 합니다.
  • Jetpack 양식: 다양한 기능을 제공하는 Jetpack 플러그인을 이미 사용하고 있는 경우 WordPress 사이트의 보안, 성능 및 성장 도구를 사용하는 경우 Jetpack Form을 사용하는 것은 자연스러운 선택입니다. 이 통합은 다른 플러그인을 설치할 필요가 없으므로 작업 흐름을 단순화합니다. 그러나 양식 기능만을 위해 Jetpack을 설치하는 것은 권장하지 않습니다. 플러그인은 리소스를 많이 사용하고 사이트 속도를 저하시킬 수 있기 때문입니다.

WordPress에서 문의 양식 플러그인을 설치하고 구성하는 단계

문의 양식 플러그인을 설정하려면 몇 가지 간단한 단계가 필요합니다. 이 데모에서는 Contact Form 7을 사용하고 있지만 선택한 플러그인에 관계없이 프로세스는 거의 동일합니다.

문의 양식 플러그인 설치 및 활성화

강조 표시된 WordPress 버튼에 문의 양식 7 플러그인 설치

WordPress 관리 대시보드로 이동하여 플러그인 ->을 클릭하세요. 새 플러그인을 추가하고 ‘문의 양식 7’을 검색하세요. 플러그인 옆에 있는 지금 설치 버튼을 누르고 설치가 완료되면 활성화

기본 문의 양식 표시

문의 양식 7 문의 양식 메뉴 강조 표시

해당 양식을 페이지에 넣어 보겠습니다. WordPress 관리 화면에서 연락처 -> 문의 양식. 다음과 같은 단축 코드와 함께 ‘연락처 양식 1’이라는 기본 양식을 찾을 수 있습니다. .[contact-form-7 id="1234"title="Contact form 1"]

기본 문의 양식 단축 코드가 강조 표시됨

이 단축코드를 복사하세요. 다음으로 페이지 -> 모든 페이지 양식을 원하는 페이지를 엽니다. 제목이 ‘연락처’인 페이지일 수도 있습니다. 페이지의 콘텐츠 영역에 단축 코드를 붙여넣으면 양식이 활성화됩니다!

새 페이지에 연락처 양식 단축 코드를 붙여넣었습니다.

양식을 사용자 정의하세요

문의 양식 7을 사용하여 생성된 기본 양식

기본 양식은 매우 기본적이므로 맞춤설정해 보겠습니다. 연락처 -> 문의 양식 메뉴에서 양식을 클릭하여 편집하세요. 양식 탭에서 양식 템플릿을 볼 수 있습니다.

기본 문의 양식 편집

양식에 새 필드를 추가할 수 있습니다. 예를 들어 드롭다운 메뉴나 체크박스를 추가하려면 제공된 태그 생성 도구를 사용하세요. 이러한 도구를 사용하면 구문을 배울 필요 없이 새 태그를 생성할 수 있습니다.

문의 양식 7 메일 탭 설정

또한 메일 탭으로 이동하여 메일 템플릿을 맞춤설정해야 합니다. 연락처 양식을 사용하여 보낸 모든 메시지가 기본 관리자 이메일 주소에 도달하도록 받는 사람 필드에 을 입력하는 것이 좋습니다. . 잘못 구성된 경우 문의 양식 메시지를 통해 연락할 수 없습니다. [_site_admin_email]

안정적인 이메일 전송을 위한 SMTP 구성(선택 사항)

문의 양식을 설정한 후 이메일 전달에 문제가 있는 경우 WordPress에서 기본적으로 이메일 발송에 PHP mail() 기능을 사용하기 때문일 수 있습니다. 여기에는 확인 및 응답과 같은 문의 양식의 이메일이 포함됩니다.

PHP mail()의 문제점은 메시지가 의도한 수신자에게 도달하지 못하거나 스팸 폴더에 들어가는 등 배달 가능성 문제로 이어지는 경우가 많다는 것입니다. 다행히 WP Mail SMTP와 같은 SMTP(Simple Mail Transfer Protocol) 플러그인을 사용하면 WordPress에서 적절한 SMTP 공급자를 사용하도록 쉽게 재구성할 수 있으므로 시간을 절약할 수 있습니다. Gmail, Microsoft, Zoho 또는 웹 호스트의 이메일 서비스와 같은 이메일 보내기.

Wp 메일 Smtp 플러그인 설치 버튼이 강조 표시됨

간단히 설치 및 활성화 WP Mail SMTP 플러그인 플러그인을 통해 -> WordPress 대시보드에 새로 추가하세요. 활성화되면 플러그인을 열고 왼쪽 창에서 설정 마법사 시작을 클릭하세요. 이 사용자 친화적인 마법사는 SMTP 메일 제공업체를 선택하고 필요한 자격 증명을 입력하는 과정을 안내합니다.

Wp 메일 SMTP 플러그인 실행 설정 마법사 버튼이 강조 표시됨

이러한 단계를 수행하면 WordPress 사이트에 완전한 기능을 갖춘 사용자 정의된 문의 양식이 있어야 합니다. 이제 WordPress 설정이 약간 발전했으므로 모든 중요한 정보를 한 눈에 볼 수 있도록 WordPress 관리 대시보드를 사용자 정의하는 것이 좋습니다. .

이미지 출처: Unsplash. 모든 스크린샷: David Morelo.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다