WordPress 문의 양식에 Google 지도를 추가하는 방법은 무엇입니까?

WordPress 문의 양식에 Google 지도를 추가하는 가장 좋은 방법을 찾고 있다면 이 문서가 완벽한 가이드입니다.

연락처 양식에 Google 지도를 추가하면 사용자의 위치를 ​​추적하는 데 도움이 됩니다. 그리고 이 데이터를 사용하여 대화율을 높이고 효과적인 마케팅 캠페인을 수행하는 등의 작업을 수행할 수 있습니다.

따라서 이 가이드에서는 가장 효과적인 방법으로 WordPress 문의 양식에 Google 지도를 추가하는 방법을 배웁니다.

그러나 그 전에 문의 양식에 Google 지도를 추가해야 하는 이유를 알아보겠습니다.

문의 양식에 Google 지도를 추가하는 이유는 무엇입니까?

문의 양식에 Google 지도를 추가하면 웹사이트가 여러 면에서 성장하는 데 도움이 됩니다.

우선, 사용자의 위치에 관한 데이터를 수집할 수 있습니다. 따라서 향후에는 브랜드를 마케팅하면서 특정 고객과 사용자를 타겟팅할 수 있습니다.

또한 사용자의 위치를 ​​알면 지리적 위치 타겟팅이 향상되고 개인화된 콘텐츠를 표시할 수 있습니다. 이는 차례로 리드, 전환율을 크게 향상시키고 웹사이트 수익을 증가시킵니다.

따라서 다음은 문의 양식에 Google 지도를 추가할 때의 주요 이점 중 일부입니다. 이제 가장 좋은 방법을 알아보겠습니다.

WordPress 문의 양식에 Google 지도를 추가하는 가장 좋은 방법

Google 지도 WordPress 플러그인을 사용하여 연락처 양식에 Google 지도를 추가할 수 있습니다. 또는 Google 지도 통합을 지원하는 양식 플러그인을 사용할 수 있습니다. WordPress 시장에는 이러한 플러그인이 많이 있습니다.

그러나 나머지 부분에서 눈에 띄는 것은 강력한 WordPress 양식 빌더 플러그인인 Everest Forms입니다.

왜 에베레스트가 형성되는가? 글쎄, 그것은 광범위한 기능을 갖춘 다재다능한 플러그인입니다. 또한 모든 형태를 구축할 수 있는 완벽한 솔루션입니다. 기부 양식, 입사 지원서, 호텔 예약 양식, 원하는대로 말만 해!

또한 사용자 친화적 인 인터페이스가 있습니다. 따라서 간단한 드래그 앤 드롭 방식으로 모든 유형의 양식을 작성할 수 있습니다.

가장 중요한 것은 양식을 통해 사용자의 위치 데이터를 수집할 수 있는 Geolocation 추가 기능을 제공한다는 것입니다. 국가, 도시, 우편 번호 및 위도/경도와 같은 사용자의 IP 주소를 기반으로 데이터를 얻을 수 있습니다.

동일한 추가 기능을 사용하여 프런트 엔드의 연락처 양식에 지도를 추가할 수 있습니다.

그리고 지금까지 100000명 이상의 사용자의 신뢰를 성공적으로 축적했습니다. 따라서 WordPress 문의 양식에 Google 지도를 추가하는 것은 최고의 플러그인 옵션 중 하나입니다.

Everest 양식을 사용하여 WordPress 문의 양식에 Google 지도 추가

연락처 양식에 Google 지도를 추가하는 것은 매우 쉽습니다. 아래에 설명된 단계를 따르기만 하면 곧 Google 지도에서 WordPress 문의 양식을 만들 수 있습니다.

1. Everest Forms Pro 및 Geolocation 애드온 설치 및 활성화

먼저 문의 양식에 Google 지도를 추가하는 데 사용하는 플러그인에 상관없이 프리미엄 플러그인을 구매해야 한다는 점을 분명히 해두겠습니다.

마찬가지로 이 기능에 액세스하려면 Everest Forms의 프리미엄 플랜도 구매해야 합니다. 그러나 걱정하지 마십시오. 이 플러그인의 프리미엄 플랜은 저렴한 가격에 제공됩니다.

따라서 공식 웹 사이트 WPEverest를 방문하여 프리미엄 플랜을 구입할 수 있습니다.

그런 다음 이 기사 를 확인하여 Everest Forms Pro를 설치하고 활성화하십시오 .

이제 Everest Forms Pro를 성공적으로 활성화하셨습니다. 따라서 Geolocation 추가 기능을 활성화하려면 WordPress 대시보드의 Everest Forms >> Add-ons 섹션으로 이동하십시오.

아래로 스크롤하면 지리적 위치 추가 기능이 표시되고 추가 기능 설치 옵션을 클릭합니다.

그런 다음 활성화 버튼을 누릅니다.

2. 지리적 위치 추가 기능 설정

Geolocation 추가 기능을 성공적으로 활성화했으므로 이제 API(응용 프로그래밍 인터페이스) 키를 생성할 차례입니다.

일반적으로 API는 한 프로그램을 다른 프로그램에 연결하고 이러한 프로그램 간의 요청을 제어합니다. 반면 API 키는 이러한 프로그램을 서로 연결하여 데이터를 공유하고 시스템에 연결합니다.

I. Google 콘솔에서 API 키 생성

연락처 양식에 Google 지도를 추가하려면 Google 콘솔에서 API 키를 생성하려면 결제 계정이 필요합니다. 따라서 공식 청구 페이지를 방문하여 하나를 받으십시오.

이제 결제 계정을 구매한 후 Google 콘솔 대시보드로 이동합니다. 그런 다음 내 첫 번째 프로젝트 를 클릭합니다.

그런 다음 새 프로젝트 를 선택합니다.

그런 다음 대시보드 왼쪽의 햄버거 메뉴를 누르고 API 및 서비스 를 클릭합니다.

그런 다음 API 라이브러리가 열리고 여기에서 + ENABLE APIS AND SERVICES 버튼을 누릅니다.

활성화하면 Places API 옵션을 검색해야 하는 새 페이지로 이동합니다.

찾으면 클릭한 다음 ENABLE 버튼을 누릅니다.

활성화하면 왼쪽 상단에 표시되는 햄버거 메뉴를 클릭합니다. 그런 다음 API 및 서비스 >> 자격 증명으로 이동합니다.

그런 다음 + CREATE CREDENTIALS 섹션을 클릭합니다. 그리고 여기에서 API 키 옵션을 선택하여 API 키 를 생성합니다.

이제 API 키가 팝업 창에 나타납니다. 복사만 하면 됩니다.

Ⅱ. Everest Forms의 Geolocation 설정에 API 키 추가

이제 WordPress 대시보드로 돌아가 Everest Forms의 Geolocation 설정 에 API 키를 추가합니다.

키를 복사한 후 WordPress 대시보드로 돌아갑니다. Everest Forms >> Settings 로 이동하고 상단에서 Geolocation 옵션을 클릭합니다.

여기에 이전에 복사한 API 키를 붙여넣어야 하는 Google Places API 키 옵션이 표시됩니다. 그런 다음 아래의 변경 사항 저장 버튼을 누릅니다.

3. 새 문의 양식 만들기

API를 생성하여 웹사이트에 추가했으므로 이제 문의 양식을 만들 차례입니다.

Everest Forms로 연락처 양식을 만드는 것은 케이크 조각입니다. 먼저 WordPress 대시보드로 이동하여 Everest Forms >> Add New 를 클릭합니다.

Everest Forms는 한 번의 버튼 클릭으로 사용하거나 처음부터 양식을 작성할 수 있는 일련의 템플릿을 제공합니다.

여기에서는 처음부터 양식을 작성하고 이름을 Contact Form 으로 지정했습니다.

그런 다음 필드 추가 섹션에서 연락처 양식의 필드를 끌어다 놓을 수 있습니다.

또한 Everest Forms를 사용하면 양식의 필드 레이블 , 메타 키 , 설명 등을 변경할 수 있습니다. 그렇게 하려면 양식 필드를 클릭하고 필드 옵션 으로 이동하여 변경하십시오.

양식 작성 프로세스에 대한 추가 도움이 필요하면 Everest 양식을 사용하여 문의 양식을 작성하는 방법에 대한 기사를 참조하십시오.

필요한 모든 사용자 정의가 끝나면 상단의 저장 버튼을 클릭하여 저장하십시오. 양식이 프런트 엔드에서 어떻게 보이는지 미리 볼 수도 있습니다.

4. 양식에 Google 지도 주소 필드 추가

먼저 연락처 양식에 Google 지도 주소 기능을 추가하려면 연락처 양식에 주소 필드를 추가해야 합니다.

따라서 필드 추가 섹션으로 이동하여 고급 필드 까지 아래로 스크롤합니다.

그런 다음 연락처 양식에 주소 필드를 추가합니다.

그런 다음 오른쪽에 있는 주소 필드를 클릭하여 왼쪽 패널에서 고급 옵션 을 엽니다.

기본적으로 양식에는 텍스트 주소가 표시됩니다. 양식에 텍스트 주소 대신 지도를 추가해야 하므로 드롭다운에서 스타일 옵션을 지도 로 변경합니다.

그러면 연락처 양식에 지도와 주소 입력란 1 이 추가됩니다. 사용자가 지도에서 장소를 선택하면 아래 주소 필드가 선택한 위치로 자동 채워집니다.

그게 다야! Everest 양식을 사용하여 WordPress 문의 양식에 Google 지도를 성공적으로 추가했습니다!

5. WordPress 양식 게시

위의 모든 단계를 완료했으면 이제 연락처 양식을 게시할 차례입니다.

양식 작성기 상단에서 연락처 양식 단축 코드를 복사하기만 하면 됩니다.

그런 다음 양식을 선보일 게시물이나 페이지를 엽니다. 여기에 블록 삽입기( + )를 사용하여 Shortcode 블록을 추가합니다.

그런 다음 블록에 단축 코드를 붙여넣습니다.

마지막으로 왼쪽 상단 모서리에서 게시 버튼을 누릅니다.

또는 연락처 양식을 게시하려면 이미지와 같이 블록 삽입기( + ) 버튼을 클릭합니다. 검색 창에 Everest Forms를 입력하고 결과에 나타나면 블록을 클릭하십시오.

그런 다음 드롭다운 메뉴에서 방금 만든 연락처 양식을 선택하고 게시 합니다.

이를 통해 Google 지도의 연락처 양식이 웹사이트에 게시됩니다.

결론

WordPress 문의 양식에 Google 지도를 추가하는 방법에 대한 기사는 여기까지입니다. 보시다시피 Everest Forms와 같은 플러그인을 사용하면 매우 쉽습니다. 하지만 그게 다가 아닙니다.

Everest Forms를 사용하면 양식에 반복기 필드를 추가하고 제출 버튼의 색상을 변경할 수도 있습니다. 양식 제출 후 확인 이메일을 보낼 수도 있습니다.

그러나 그것은 빙산의 일각일 뿐입니다. 이 플러그인에 대해 자세히 알아보려면 블로그와 공식 문서 페이지를 방문하세요.

또한 우리를 팔로우하는 것을 잊지 마십시오. 트위터 그리고 페이스북 더 유용한 기사에 대한 업데이트를 수신합니다.