연락처 양식에 Google 지도를 포함하는 방법

게시 됨: 2022-06-28

성공적인 웹사이트를 운영하고 있다면 사용자 경험을 개선하고 더 많은 방문자를 유치할 수 있는 방법을 찾고 있을 것입니다. WP Full Care의 우리는 이러한 것들이 귀하의 비즈니스에 얼마나 필수적인지 완전히 이해하고 있으므로 연락처 양식에 Google 지도를 포함하는 방법을 보여 드리겠습니다. 별 것 아닌 것처럼 들리겠지만 이와 같은 세부 정보는 더 많은 방문자를 웹사이트로 끌어들일 수 있습니다. 이제 작업을 시작하겠습니다!

연락처 양식에 Google 지도를 포함해야 하는 이유

WordPress에 웹 사이트를 설정할 때 사이트 방문자가 연락하기 위해 사용할 연락처 양식을 포함했을 가능성이 큽니다. 당신 은 당신 이 제공 하는 상품 과 서비스 에 대한 질문 을 잠재 고객 들이 더 쉽게 하기를 원했습니다 . 또한 회사에 물리적 존재가 있는 경우 고객이 회사에서 쇼핑하도록 유도하기 위해 웹사이트에 해당 지역의 Google 지도를 포함했을 가능성이 큽니다.

한 손에 스마트 폰을 들고 다른 한 손으로 노트북에 타이핑하는 사람
연락처 양식에 Google 지도를 삽입하면 사용자 경험이 향상됩니다.

그러나 연락처 양식에도 Google 지도를 포함할 수 있고 포함해야 합니다. 그 이유는 크게 두 가지입니다.

  • 지리적 위치를 활용하여 연락처 양식의 주소 필드를 자동으로 채울 수 있으며 이 기능을 사용하여 지도에 사용자의 위치를 ​​표시할 수도 있습니다. 그러나 많은 기업 웹사이트 소유자는 이 기능을 모르고 있습니다. 이것은 전반적인 사용자 경험을 향상시키고 양식 제출을 떠나는 사람들의 수를 줄이는 데 도움이 됩니다.
  • 사용자의 위치를 ​​알고 있는 경우 지리적 위치 타겟팅을 사용하여 사용자에게 더 맞춤화된 콘텐츠를 제공할 수 있습니다. 이는 전환율을 높이는 데 실제로 도움이 될 수 있습니다.

연락처 양식에 Google 지도를 추가하는 것은 매우 쉽고 이 문서에서 추가 방법을 알려 드리겠습니다. 물론, 항상 가장 쉬운 방법을 선택할 수 있으며 이를 개인화된 웹사이트 지원의 일부로 수행할 수 있습니다.

연락처 양식에 Google 지도를 삽입하는 간단한 방법

연락처 양식에 Google 지도를 삽입하는 가장 쉬운 방법은 WordPress용 최고의 연락처 양식 플러그인으로 널리 간주되는 WP 양식 플러그인을 사용하는 것입니다. 직관적인 드래그 앤 드롭 인터페이스를 사용하여 양식 빌더를 사용하면 모든 종류의 양식을 빠르고 쉽게 디자인할 수 있습니다 .

다운로드할 수 있는 무료 버전의 WPForms가 있으며, 간단한 문의 양식을 만드는 데 필요한 모든 기능을 갖추고 있습니다. 그러나 WPForms Pro는 이미 Google 지도 확장 프로그램과 함께 제공되므로 이 강의에서는 대신 이를 사용할 것입니다.

WPForms 플러그인을 설치하고 활성화하는 것은 달성해야 할 목록에서 가장 먼저 해야 할 일입니다. 그런 다음 WPForms » Addons 메뉴 옵션으로 이동하여 Geolocation Addon 을 찾습니다. 화면 상단에 표시되는 검색 표시줄을 사용할 수 있습니다. 애드온을 찾은 후 애드온 설치 프로세스를 시작하려면 " 애드온 설치 " 옵션을 클릭해야 합니다.

WordPress에 플러그인 페이지 추가
연락처 양식에 Google 지도를 삽입하는 가장 쉬운 방법은 WP Forms 플러그인을 사용하는 것입니다.

다음으로 애드온의 매개변수를 구성해야 합니다. 이를 수행하려면 WPForms » 설정 으로 이동한 다음 드롭다운 메뉴에서 지리적 위치 탭 을 선택합니다. 다음 페이지에서 지리적 위치 제공자를 선택하라는 메시지가 표시됩니다. 이 부분의 초점을 고려하여 Google Places API 를 사용하기로 결정했습니다.

다음 단계는 페이지를 아래로 스크롤하여 Google Places API 설정을 찾는 것입니다. 여기에서 Google API 키를 제공 해야 합니다. Google에서 키를 받은 다음 필드에 복사하여 붙여넣을 수 있습니다. 이제 Google 지도를 사용하여 연락처 양식을 개선하는 방법을 알아보겠습니다.

WordPress에 Google 지도가 포함된 연락처 양식을 만드는 방법은 무엇입니까?

WPForms 및 Google 장소를 구성했으면 연락처 양식을 만들고 여기에 Google 지도를 포함할 차례입니다. 기본 양식을 만든 후에 는 주소 필드를 포함해야 합니다. 한 줄 텍스트 필드 또는 주소 블록 을 사용할 수 있습니다. 이 자습서에서는 단일 행 텍스트 필드를 사용합니다.

다음 단계에서는 필드 설정을 구성합니다. 이를 수행하려면 필드를 클릭하여 단일 행 텍스트 형식에 대한 매개변수를 확인해야 합니다. 시작하려면 필드 레이블을 변경하여 " 주소 "를 읽어야 합니다. 이 작업을 수행하면 사용자가 필드에 입력해야 하는 내용을 이해하는 데 문제가 없습니다.

그런 다음 지도가 표시되도록 필드 설정을 조정해야 하며 이를 수행하려면 고급 탭을 선택해야 합니다. 거기에 도착하면 설정 맨 아래로 이동하여 "주소 자동 완성 사용" 이라는 옵션을 찾으십시오. 해당 옵션을 토글하여 "켜기"로 설정합니다. 그 후에 활성화해야 하는 또 다른 기능인 "지도 표시"라는 새 옵션이 표시됩니다. 필드 위 또는 아래에 지도를 표시할 수 있습니다.

웹사이트에 문의 양식을 추가하는 방법은 무엇입니까?

"포함" 이라고 표시된 버튼을 클릭하는 것이 연락처 양식을 웹사이트에 통합하는 가장 빠르고 쉬운 방법입니다. 양식 편집기 화면 상단의 "저장" 버튼 바로 옆에서 찾을 수 있습니다. 이미 존재하는 페이지에 양식을 추가하거나 새 페이지를 만드는 옵션이 있습니다 .

큰 창 앞에서 노란색 헤드폰 프로그래밍을 하는 사람
WordPress 웹사이트의 가장 좋은 점은 완전히 초보자에게 친숙하다는 것입니다.

"새 페이지 만들기"를 선택하고 페이지 이름을 지정한 다음 "가자!" 라고 표시된 버튼을 클릭하기만 하면 됩니다. – 그만큼 간단합니다! 이렇게 하면 연락처 양식이 즉시 첨부될 원하는 이름으로 새 페이지를 만들 수 있습니다. "게시" 를 클릭하는 것을 잊지 마십시오. 그러면 공식적으로 완료됩니다!

결론

보시다시피 연락처 양식에 Google 지도를 삽입하는 것은 매우 간단합니다. WP Forms 플러그인은 매우 간단하며 초보자도 모든 양식 관련 작업을 간단하게 만듭니다. 물론 WordPress 전문가에게 문의하면 이 작업을 직접 수행할 필요가 없습니다. 그들은 귀하의 웹사이트가 순조롭게 운영되고 방문자의 수가 증가하고 있는지 확인합니다!