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

게시 됨: 2019-01-09

Contact Form 7은 WP.org 리포지토리에서 가장 인기 있는 양식 플러그인입니다. CF7에는 대부분의 플러그인이 전반적으로 수행하는 것보다 리포지토리에서 더 많은 기능이 있습니다. 그 외에도 생각할 수 있는 거의 모든 작업을 수행할 수 있는 플러그인에 대한 확장 기능이 엄청나게 많이 있습니다. 이를 염두에 두고 Contact Form 7과 다양한 Contact Form 7 확장을 최대한 활용하는 방법을 보여드리고자 합니다.

YouTube 채널 구독

문의 양식 7: 간략한 개요

연락처 양식 7 확장

위에서 말했듯이 CF7은 가장 널리 사용되는 양식 플러그인이자 가장 다재다능한 플러그인 중 하나입니다. 그러나 익숙하지 않은 경우 처음에는 복잡해 보일 수 있습니다. 그러나 그것을 분해해보면 그렇지 않다는 것을 알게 될 것입니다.

연락처 양식 7 확장

코드를 사용하여 양식을 생성한다고 해서 겁먹을 필요는 없습니다. 정말 직관적입니다. 텍스트 영역 위의 버튼이 사용자 정의를 위한 모달을 제공하기 때문에 사용된 코드를 기술적으로 배울 필요조차 없습니다. 걱정 없이 모달을 사용할 수 있으며 Contact Form 7이 유용할 것입니다. 그러나 태그와 코드를 자세히 살펴보면 플러그인의 모든 기능을 사용할 수 있습니다.

연락처 양식 7 확장

예를 들어 기본 연락처 양식 템플릿에는 4개의 필드가 있습니다.

  • 이름
  • 이메일
  • 주제
  • 메세지

하지만 누군가의 전화번호도 필요하다고 가정해 보겠습니다. 전화 버튼을 누르면 해당 필드를 양식에 삽입할 수 있습니다.

연락처 양식 7 확장

옵션은 매우 간단하지만 몇 가지 설명이 필요할 수 있습니다.

  1. 이름: 이 필드는 귀하만을 위한 것입니다. 이를 사용하여 조직 목록에서 양식을 식별하고 단축 코드에서 표시하려는 전화 입력 필드를 Contact Form 7에 알릴 수도 있습니다.
  2. 기본값: 이 값은 기본적으로 필드에 있는 값입니다. 예를 들어 숫자 형식을 원하는 방식을 보여주고 싶다면.
  3. ID 속성: CSS로 이 특정 필드의 스타일을 지정하려면 여기에 ID를 지정하십시오.
  4. 클래스 속성: 모든 전화 필드 또는 일반 필드에 대한 CSS 클래스입니다. 그러나 클래스 명명 규칙을 수행하는 것은 사용자에게 달려 있습니다.
  5. Shortcode: Contact Form 7은 모든 값을 입력하므로 코드를 복사하거나 태그 삽입 을 눌러 완료할 수 있습니다. 나중에 양식에서 편집해야 하는 경우 모든 정보가 여기에 있으므로 편집할 수 있으며 아무 것도 다시 할 필요가 없습니다. 최종 코드는 [[tel contact-phone-1 id:phone-1 class:phone placeholder "1 (931) 762-0897"]]과 같습니다.

기본적으로 가지고 있는 각 태그는 이러한 방식으로 작동합니다.

기타 탭: 메일 및 메시지

메일 탭은 매우 간단합니다. 여기에서 이전 양식의 단축 코드 레이블을 사용하여 읽을 수 있는 이메일로 전송되는 정보의 형식을 지정합니다. 이렇게 하면 사람들이 문의 양식을 사용할 때 제출물이 gobbledygook으로 전송되지 않습니다. 여기에서 헤더와 이메일 주소도 설정합니다.

연락처 양식 7 확장

메시지 탭은 많은 사람들이 혼동하지 않는 것입니다. CF7은 사용자가 보게 될 모든 전면 메시지를 보관합니다. 감사합니다. 귀하의 이메일이 일종의 메시지를 보냈 거나 죄송합니다 . 모든 필수 필드를 채우지 않았습니다 . 그런 종류의 것.

연락처 양식 7 확장

또한 메시지가 스팸으로 플래그 지정되면 어떻게 되는지와 같은 사소한 조건부 논리가 있습니다. Contact Form 7을 사용하면 이 영역에서 많은 제어를 할 수 있습니다. 특히 이 모든 것이 베어본(bare-bones) 무료 버전에서 이루어 졌기 때문입니다 .

그리고 더 좋아집니다. 이제 플러그인 자체로 할 수 있는 일에 익숙해졌으므로 CF7 후드 아래에 있는 기능을 실제로 볼 수 있도록 최고의 Contact Form 7 확장 기능을 살펴보겠습니다.

상위 7개 연락처 양식 7 확장

연락처 양식 7이기 때문에 7을 고수하기에 좋은 숫자라고 생각합니다. 그리고 그것은 의미가 있습니다. 무료 기본 플러그인에 내장된 모든 기능을 사용하여 몇 개의 플러그인으로 길고 먼 길을 갈 수 있습니다. 그럼 시작하겠습니다.

1. 문의 양식 7의 조건부 필드

연락처 양식 7 확장

모든 문의 양식 7 확장 중에서 이것이 가장 중요할 수 있습니다. 기본 플러그인에 없는 기능 중 하나는 조건부 논리입니다. 이 플러그인은 CF7의 기능을 확장하여 이를 수정합니다. 장치에 관계없이 모든 사람에게 동일한 양식을 표시하는 대신 플랫폼에 더 적합한 특정 양식을 제공할 수 있습니다. 그리고 연락처에만 CF7을 사용할 필요가 없습니다. 원하는 모든 종류의 양식을 만들 수 있습니다. 따라서 특정 기준이 충족된 후 피드백 양식을 표시해야 하는 경우 이 플러그인을 사용하면 됩니다.

가격: 무료 | 추가 정보

2. PayPal 및 Stripe 추가 기능

연락처 양식 7 확장

완전한 전자 상거래 솔루션이 필요하지 않을 수도 있습니다. 아마도 WooCommerce 또는 다른 것을 실행하는 것은 당신이 판매하는 한두 가지에 너무 많은 것입니다. 이 플러그인이 최선의 선택일 수 있습니다. 판매하는 각 특정 항목(각각 고유한 SKU 또는 ID가 있음)에 대해 만든 양식을 유지할 수 있으며 양식을 제출하면 사용자가 PayPal 또는 Square로 리디렉션됩니다. 지불 정보를 호스팅하거나 처리하지 않고 몇 번의 클릭으로 물건을 판매하는 이점을 얻을 수 있습니다.

가격: 무료 | 추가 정보

3. 정말 간단한 보안문자

연락처 양식 7 확장

우리 모두는 보안 문자를 싫어합니다. 그래도 스팸 및 보안 위협에 대한 효과적인 첫 번째 방어 수단입니다. 정말 간단한 CAPTCHA는 Contact Form 7과 같은 개발자에 의해 작성되었으므로 이 기능을 제공하는 모든 확장 중 이 확장이 신뢰할 수 있습니다.

가격: 무료 | 추가 정보

4. 문의 양식 7 스킨

연락처 양식 7 확장

CF7은 사용자 정의가 매우 쉽습니다. 물론, 각 양식에 CSS ID를 추가하고 그런 식으로 스타일을 지정할 수 있지만 Contact Form 7 스킨이 존재하는 이유는 무엇입니까? 이 플러그인은 끌어서 놓기 편집기를 사용하므로 디자인 전문가가 아니고 모자 한 방울에서 CSS를 채찍질할 수 있는 경우 대신 이 작업을 수행할 수 있습니다. 전문 웹사이트의 특징 중 하나는 완전히 통합된 디자인이며 양식이 포함되어 있으며 이는 디자인 전문가의 도움 없이 스스로 작업을 수행하는 데 도움이 됩니다.

사이트에서 Contact Forms 7을 최대한 사용하고 싶다면 스타일을 지정하는 다양한 옵션이 필요할 것입니다. CF7 스킨은 여러 프리미엄 번들과 애드온을 제공하므로 사이트에 대한 더 많은 템플릿과 스킨을 얻을 수 있을 뿐만 아니라 로직과 양식을 여러 페이지로 나누는 기능, 그리고 훨씬 더 고급 스타일을 사용할 수 있습니다. 무료 버전.

가격: 무료, 프리미엄 업그레이드 포함 | 추가 정보

5. CF7 자동 응답기(프리미엄)

연락처 양식 7 확장

이메일 목록을 유지한다면(그리고 우리는 당신이 그렇게 할 것이라고 거의 확신합니다), 이 프리미엄 Contact Form 7 확장 프로그램을 살펴볼 수 있습니다. 시중에 나와 있는 많은 이메일 자동 응답 서비스에는 웹 사이트와의 프론트 엔드 통합이 별로입니다. 그들의 위젯과 API는 때때로 완전히 혼란스러울 수 있습니다. 따라서 CF7 Autoresponder를 사용하면 사이트와 완벽하게 일치하도록 이미 스타일을 지정하고 선호하는 이메일 서비스로 원하는 모든 리드를 생성 및 저장할 수 있는 강력한 플러그인을 사용할 수 있습니다. CodeCanyon에서 단 18달러에, 그것은 완전히 도둑질입니다. 특히 확립 된 양식에서도 작동하기 때문에 특히 그렇습니다. 아무것도 다시 만들 필요가 없습니다. 이것이 존재한다는 것을 알고 있는지 확인하십시오. 그리고 당신은 사업을 하고 있습니다. 문자 그대로.

가격: $18 | 추가 정보

6. 문의 양식 7 보관(프리미엄)

연락처 양식 7 확장

Contact Form 7을 최대한 활용하고 싶다면 WordPress에 모두 설치되어 있다는 점을 활용해야 합니다. CF7 Storage를 사용하면 모든 제출 양식이 WP 데이터베이스에 저장됩니다. 많은 경우 이메일이 손실됩니다. 또는 이메일 서버가 엉망이 되어 주요 리드를 놓쳤을 수도 있습니다. 또는 더 나쁜 것은 이메일이 웹사이트의 제출물을 스팸/정크로 표시하기 시작한다는 것입니다(경험상... 최악입니다). 이 플러그인은 모든 양식의 모든 제출에 대한 서버 측 받은 편지함을 제공하여 이 문제를 해결합니다. 19달러로 Google One의 1년 미만입니다. 우리는 당신이 이런 종류의 유틸리티(솔직히 보안과 보안)에 대해 지불하는 것이 적은 비용이라는 데 동의할 것이라고 생각합니다.

가격: $19 | 추가 정보

7. CF7 드롭 업로더(프리미엄)

연락처 양식 7 확장

업로드할 파일을 찾기 위해 파일 구조와 디렉토리를 검색하는 것은 2002년입니다. CF7 Drop Uploader는 모든 사람이 좋아하는 플러그인을 현대적인 터치로 제공합니다. 파일을 양식으로 드래그하면 업로드가 시작되며 사용자는 검색하고 클릭하고 클릭하고 클릭할 때 시간을 낭비하지 않습니다. 여러 번 사용자는 문제에 대한 도움을 요청하며 양식에서 스크린샷 업로드를 허용하지 않는 경우 사용자와 문제 해결 방법 사이에 마찰이 있습니다. 이것을 데이터베이스에 저장하는 것과 같은 다른 Contact Form 7 확장과 결합하면 가능한 작은 플러그인의 힘을 실제로 짜내기 시작했습니다. Drop Uploader의 가격은 $17이지만 사용자에게 제공하는 편의성 때문에 그만한 가치가 있습니다.

가격: $17 | 추가 정보

결론

이미 Contact Form 7 사용자라면 웹사이트에서 그 유용성을 확장할 수 있는 몇 가지 방법에 눈을 뜨게 되었기를 바랍니다. 그리고 처음 사용하는 경우 모든 Contact Form 7 확장을 살펴보십시오. CF7을 최대한 활용하려면 올바른 확장을 찾아야 합니다. 그리고 위의 7개는 저장소에서 무료 플러그인으로 가능한 것을 확장하는 측면에서 대부분의 기반을 실제로 다룹니다.

가장 좋아하는 Contact Form 7 확장은 무엇입니까?

기사 특집 이미지 제공: Vitya_M / shutterstock.com