WordPress에 연락처 양식을 추가하는 방법

Contact Form 7 및 Total을 사용하여 WordPress에 Contact Form을 추가하는 방법

웹 사이트를 구축하면 얻을 수있는 이점 중 하나는 연결하려는 잠재 고객에게 항상 연락 할 수 있다는 것입니다. 웹 사이트에 연락처 양식 또는 연락처 페이지를 추가하는 것과 같은 트릭은 없습니다. 문의 양식은 웹 사이트에서 가장 효과적인 클릭 유도 문안 옵션 중 하나이며 방문자가 귀하에게 연락 할 수있는 좋은 방법입니다. 간단히 말해서 웹 사이트의 효율성을 높여주는 이상적인 커뮤니케이션 도구입니다..


종종 연락처 양식은 연락처 페이지의 많은 웹 사이트에 일반적인 형식으로 나타납니다. 그러나 웹 사이트와 스타일을 유지하도록 사용자 정의 할 수도 있습니다. 블로그 게시물 아래 또는 특수 방문 페이지 하단에 배치하여 방문자가 특정 조치를 취하도록 설득 할 수도 있습니다..

연락 양식은 항상 온라인상에서 방대했습니다. 이유를 알아 봅시다 :

  • 연중 무휴 24 시간 이용 가능한 문의 양식: 연락 양식을 통해 모든 방문자에게 빠르고 편리하며 연중 무휴로 액세스 할 수 있습니다.
  • 더 나은 사용자 경험을 제공하는 연락 양식: 문의 양식을 통해 전반적인 고객 경험이 향상됩니다. 고객이 웹 사이트의 어느 곳에서나 연락 할 수 있습니다. 또한 문의 양식은 방문자의 브라우저와 동기화 될 수 있습니다. 자동 완성 옵션은 양식을 작성하는 지루함을 없앨 수 있습니다. 그러나 연락처 양식 대신 이메일 링크를 사용하는 경우 고객의 관심은 단순히 다른 창으로 이동하여 기본 이메일을 설정합니다..
  • 연락처 양식은 모든 항목을 기록하고 데이터를보다 쉽게 ​​처리 할 수 ​​있도록합니다: 연락처 양식은 중요한 데이터의 중요한 소스입니다. 연락처 양식의 필드에 원하는 특정 정보를 설정하면 필요한 정확한 정보를 수집 할 수 있습니다. 모든 정보는 똑같은 방식으로 귀하에 의해 수신됩니다. 이를 통해 이해하기 쉬운 방식으로 응답을 구성 할 수 있습니다..
  • 연락처 양식을 사용하면 가입자 목록을 확장 할 수 있습니다: 연락처 양식의 데이터를 수집, 대조 및 분석하여 마케팅을 개선하고 리드를 생성 할 수 있습니다. 양식은 자동으로 데이터를 수집하고 Google 웹 로그 분석 그것을 이해하기 위해. 독자를 “뉴스 레터 구독”으로 초대하는 간단한 확인란은 방해받지 않고 이메일 목록을 확장 할 수 있습니다..
  • 연락 양식은 자동 응답을 보내고 작업 흐름을 향상시킬 수 있습니다: 자동 응답이 팀 구성원 또는 고객에게 전송되도록 양식을 설정하십시오. 스프레드 시트를 디자인하고 나중에 사용하기 위해 수집 된 데이터를이 시트로 내 보냅니다. WordPress의 백엔드에서 전반적인 워크 플로가 개선되었습니다. 또한 양식을 다음과 같은 서비스와 통합 할 수 있습니다 트렐로, 영업 워크 플로우 개선.
  • 연락 양식을 사용하여 사용자에게 응답하도록 장려: 방문자에게 연락 양식을 사용하도록 인센티브를 제공 할 수 있습니다. 이는 사용자 참여를 늘리고 데이터 수집을 개선하는 한 가지 방법입니다..
  • 연락처 양식은 웹 사이트 브랜딩에 도움이 될 수 있습니다: 연락처 양식이 항상 일반적이고 지루한 것으로 보일 필요는 없습니다. 브랜드 나 웹 사이트 스타일에 맞게 양식의 스타일을 지정할 수도 있습니다. 브랜드 인지도를 높이고 온라인 웹 사이트의 가시성을 높이는 데 도움이됩니다..
  • 연락 양식은 일반적으로 더 안전합니다: 연락처 양식은 고객에 대한 정보를 수집하는보다 안전하고 안정적인 방법입니다.
  • 연락처 양식을 사용하면 과부하 및 스팸으로부터 전자 메일을 보호 할 수 있습니다: 웹 사이트의 연락처 양식이받은 편지함에 적힌 메일 수를 자동으로 줄입니다. 동시에 양식에서 스팸 필터를 사용하여 양식에서 스팸 응답을 줄일 수 있습니다. 뿐만 아니라 연락처는 전자 메일 주소를 쉽게 사용할 수없는 서버 쪽에서 처리됩니다..
  • 연락처 양식은 원치 않는 연락처를 필터링하는 데 도움이됩니다.: 연락처 양식에있는 사람에 대한 일부 정보 (전화 번호 또는 주소)를 요청하면 원치 않는 연락처를 차단하고 진정으로 관심있는 독자 만 나에게 연락 할 수 있습니다. 그러나이 방법으로도 정품 사용자를 차단할 수 있으므로이 옵션을 신중하게 사용하십시오..
  • 연락 양식은 다른 목적에도 유용합니다: 기부금 수락, 예약 등의 이중 업무를 수행하기위한 연락 양식을받을 수 있습니다. 또한 문의 양식을 사용하여 방문자로부터 피드백을 수집하거나 세부 사항을 요청하거나 제품에 대해 문의하도록 권장 할 수 있습니다..

웹 사이트에 연락처 양식을 추가하는 방법

여러 가지 이유로 테마에는 일반적으로 기본 제공 문의 양식이 제공되지 않습니다. 일반적으로이 기능을 처리하는 플러그인을 번들로 제공합니다. 이 게시물에서는 Total 테마를 사용하여 WordPress 웹 사이트에 Contact Form 7을 설치하는 단계를 진행합니다..

토탈은 문의 양식을 추가하기 위해 두 개의 플러그인을 권장합니다.  문의 양식 7, 프리미엄 플러그인을 선호하는 경우 무료 및 중력 양식입니다. 두 옵션 중 하나를 선택하고 사이트 어디에서나 양식을 추가 할 수 있습니다.

Contact Form 7 및 Total Theme를 사용하여 Contact Page 추가

Total 테마를 설치할 때 Contact Form 7도 설치하는 것이 좋습니다. 샘플 데모를 가져올 때 Contact Form 7을 설치하고 활성화하지 않으면 웹 사이트에서 사용하기 위해 별도로 활성화해야합니다..

Contact Form 7 플러그인을 활성화하면 새로운 메뉴 항목 인 “접촉”를 대시 보드에서 시작하는 데 도움이되는 샘플 문의 양식이 있어야합니다. 클릭하여 문의 양식을 열고 요구 사항에 맞게 양식 내용을 편집하십시오. 편집을 마쳤 으면 양식을 저장 한 다음 단축 코드를 복사하여 나중에 사용하십시오..

옵션을 참조하십시오 추가 세팅 에디터에서? 이 옵션을 사용하면 각 연락처 양식에 추가 설정을 포함시킬 수 있습니다. 연락처 형식의 수정 화면에서 특정 형식의 코드 스 니펫을 해당 입력란에 추가해야합니다..

다음으로 대시 보드에서 새 페이지. 내 페이지 제목을 ‘Contact Page’로 지정했습니다. 페이지를 초안으로 저장 한 다음 더 편한 비주얼 작곡가 옵션을 클릭하십시오. 우리는 프론트 엔드 편집기 원하는 경우 백엔드에서 동일한 단계를 사용할 수 있습니다..

새 페이지 만들기

그러면 Total Front 기반의 라이브 프런트 엔드 드래그 앤 드롭 편집기가 열립니다. 연락처 양식을 삽입하려면 파란색 버튼을 클릭하여 + 요소 추가.

총 테마 : 요소 추가

다음으로 양식 단축 구성 단위.

총 주제 : 양식 단축 코드 모듈

그런 다음 앞서 복사 한 단축 코드를 첫 번째 상자에 붙여 넣습니다. 페이지에 양식을 삽입하기 위해 저장.

총 주제 : 양식 삽입

이제 Total에 포함 된 내장 양식 옵션을 사용하여 애니메이션, 스타일, 너비 및 글꼴 크기를 사용자 지정할 수 있습니다. dave 양식 모듈을 완료 한 후 화면 오른쪽 상단의 파란색 버튼을 클릭하여 게시 당신의 페이지.

총 테마 : 양식 옵션

라이브 테마 Customizer에는 WordPress 대시 보드를 통해 액세스 할 수있는 추가 옵션이 있습니다. 로 이동 모양> 사용자 화> 일반 테마 옵션> 링크 및 버튼 연락처 양식에 사용되는 테마 버튼 스타일을 편집하려면.

총 테마 : 양식 버튼 색상

양식 모듈이 포함되지 않은 다른 테마를 사용하면 단축 코드를 WordPress 텍스트 편집기 나 텍스트 상자 모듈에 붙여 넣을 수 있습니다.,

사이드 바에서 위젯에 연락처 양식 추가

전체 연락처 페이지 (또는 그 외에 추가) 대신 페이지 또는 게시물의 일부 또는 전부에 대한 사이드 바에 연락처 양식 위젯을 추가 할 수도 있습니다. 바닥 글 또는 웹 사이트의 위젯을 포함 할 수있는 영역에 추가 할 수도 있습니다. 이를 통해 사용자는 웹 사이트 어디에서나 귀하에게 연락 할 수 있습니다.

Total은 기본 WordPress 기능을 사용합니다. 따라서 Customizer의 모양과 작동 방식에 익숙하면 이점이 있습니다. Customizer Manager는 기본적으로 활성화되어 있습니다. 에 새로운 관리자 페이지를 추가합니다 테마 패널> 사용자 정의 프로그램 관리자, WordPress Customizer에서 섹션을 활성화 / 비활성화 할 수 있습니다. 이 기능에 대한 자세한 내용은 여기를 참조하십시오..

그러나 연락처 위젯을 추가하는 작업을 계속하려면로 이동해야합니다. 모양> 사용자 화.

옵션 세트가 나타납니다. 위젯> 메인 사이드 바.

위젯 영역 테마 옵션은 기본적으로 사용됩니다. 이를 통해 사이트에서 사용자 정의 위젯 영역을 작성할 수 있습니다. 내장 사이드 바 / 위젯 영역 만 사용하려는 경우이 기능을 비활성화 할 수 있습니다. 사용자 정의 위젯 화 된 영역 추가에 대한 자세한 내용은 여기를 참조하십시오..

모든 위젯 옵션이 포함 된 사용자 정의 프로그램에 다른 패널이 열립니다. 고르다 텍스트 위젯, 기존 메인 사이드 바 위젯에 자동으로 추가됩니다. 드래그 앤 드롭을 클릭하여 위젯을 재정렬하고 사이드 바에서 위치를 변경하면됩니다..

텍스트 위젯을 열고 위젯에 제목을 추가 한 다음 연락처 페이지를 작성하는 동안 복사 한 단축 코드를 붙여 넣으십시오..

이제 클릭 할 수 있습니다 완료> 저장 및 게시.

또한 사이드 바에 기본적이고 기능적인 연락처 양식이 제공됩니다 (전체에는 주소, 연락처 및 이메일에 추가 할 수있는 멋진 비즈니스 정보 위젯도 있습니다). 이것이 사이드 바의 연락처 양식이 프론트 엔드의 독자에게 표시되는 방식입니다..

연락처 양식의 스타일 / 형식 변경

Total은 확인란, 라디오 버튼, 드롭 다운, reCaptcha, 숨겨진 필드, 자리 표시 자 텍스트 등을 포함한 모든 Contact Form 7 필드를 지원합니다. 즉, 양식의 설정을 조정하고, 자동 응답을 보내고, 제목을 추가하는 등의 작업을 수행 할 수 있습니다. 좀 봐 문의 양식 7 문서 플러그인 및 플러그인에 포함 된 멋진 기능에 대해 자세히 알아보기.

결론적으로

웹 사이트에 연락처 양식을 추가하는 것은 쉽고 비용이 많이 들지 않으며 효율성과 워크 플로를 향상시킵니다. 중요한 경험을 동시에 얻는 동시에 사용자 경험을 높이기 위해이 간단한 방법을 채택해서는 안되는 이유는 없습니다..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me