Elementor 스토어 로케이터: WordPress에 매장 지도 추가하기

Elementor에는 기본 스토어 로케이터가 없습니다. 공급업체의 임베드 코드를 HTML 위젯에 붙이거나 WordPress 플러그인의 쇼트코드를 Shortcode 위젯에 넣어야 합니다.

지점이 10개든 200개든 설치 원리는 같습니다. 실제 차이는 위치 데이터를 WordPress 내부에서 관리할지 외부 SaaS 서비스에서 관리할지입니다.

Elementor가 담당하는 부분

Elementor는 WordPress 페이지 레이아웃을 만듭니다. 자체 지도나 지오코딩 엔진은 제공하지 않으므로 로케이터 기능은 플러그인 또는 외부 서비스에서 가져옵니다.

HTML 코드 사용법은 Elementor HTML 위젯 공식 문서에서 확인할 수 있습니다.

쇼트코드 사용법은 Elementor Shortcode 위젯 공식 문서를 따릅니다.

플러그인과 SaaS의 차이

WordPress 플러그인은 보통 위치 데이터를 사이트 데이터베이스에 저장하고 쇼트코드로 지도를 출력합니다. 업데이트, 호환성 확인과 호스팅 성능 관리는 사이트 운영자가 맡습니다.

SaaS 로케이터는 공급업체 계정에서 지점을 관리하고 생성된 코드를 HTML 위젯에 붙입니다. 위치 데이터와 주요 기능은 공급업체 서버에서 제공됩니다.

항상 더 나은 한 가지 방식은 없습니다. 데이터 내보내기, 지도 제공자, 모바일 성능, 업데이트 책임과 사이트 운영 방식을 비교해야 합니다.

설치 절차

1. 지점 이름, 주소, 전화번호와 영업시간을 스프레드시트로 정리합니다. CSV 가져오기 지원 여부를 먼저 확인하세요.
2. WordPress 안에서 관리하는 플러그인과 외부에서 관리하는 SaaS 위젯 중 하나를 선택합니다.
3. 플러그인을 활성화하거나 공급업체 계정을 만든 뒤 실제 지점을 추가합니다.
4. 생성된 쇼트코드 또는 임베드 코드를 복사합니다.
5. Elementor 편집기에서 알맞은 위젯을 놓고 코드를 붙입니다.
6. 지도가 좁다면 주변 컨테이너 폭을 조정하고 데스크톱과 모바일을 각각 확인합니다.
7. 실제 매장 근처 주소를 검색해 결과와 핀이 맞는지 확인한 뒤 공개합니다.

공개 전 테스트

• 우편번호가 없거나 표기 방식이 다른 주소까지 올바른 핀으로 변환되는지 확인합니다.
• 별도 Google Maps API 키와 결제 계정이 필요한지, 지도 제공자가 포함되는지 확인합니다.
• 캐시와 코드 최소화 플러그인을 켠 상태에서 HTML 위젯의 스크립트를 테스트합니다.
• 구독 중단 시 위치 목록을 내보낼 수 있는지 확인합니다.
• 휴대전화에서 검색창, 결과 목록, 지도 핀과 길찾기 링크를 실제 주소로 시험합니다.

운영 방법

로케이터는 한 번 설치하고 끝나는 페이지가 아닙니다. 영업시간이 바뀌고 매장이 닫히며 새 딜러가 추가되므로 상품 카탈로그처럼 담당자를 정해야 합니다.

공개 후에는 잘못된 주소 신고와 정기 데이터 검토 절차를 운영하세요. 잘못된 핀이나 닫힌 매장은 고객의 오프라인 방문을 직접 방해합니다.

도구 선택 시 확인할 점

Progus Store Locator는 WordPress 플러그인과 HTML 임베드 방식으로 사용할 수 있으며 기본 지도에는 별도 Google Maps API 키가 필요하지 않습니다.

설치 경로는 Elementor용 Store Locator 페이지에서 확인할 수 있습니다.