Checkout Field Editor (Checkout Manager) for WooCommerce

대한민국(한글) 주소 넣기 플러그인(엠샵 대한민국 주소 플러그인, Beomps Korea Postcode Search)

1. 우커머스 결제화면의 문제점

이름과 성이 분리되어 표시되어 성과 이름을 붙여쓰는 국내 결제창과 다르며, 국내 판매의 경우, 굳이 국가를 대한민국으로 표시할 필요가 없는데 표시되며, 우편번호가 현재 2019-09-05, 5자리 체계인데 6자리로 되어 있는 등 일반적인 국내 결제창과 달라 이용자가 불편할 수 있습니다. (이질감플러그인 인증 후 주소 플러그인을 사용할 수 있습니다.을 줄 수 있습니다. )


우커머스 기본 결제 화면

 

2. 엠샵 대한민국 주소 플러그인

개요

69,900(구매자가 직접 설치하는 설치형은 69,900원(VAT  별도)이고 엠샵에서 설치를 지원하는 설치지원형은 99,900원(VAT 별도)입니다. 구매 옵션에서 선택할 수 있습니다. )

플러그인을 구입한 주체와 도메인 소유주, 서버 운영 주체가 모두 달라도 됩니다. 

구매 주소는 https://www.codemshop.com/shop/zipcode/ 입니다.

오늘 2020-05-01 5번째 구입을 위해 방문하였는데, 무슨 정기결제를 하라고 합니다. 69,900원이라고 하고 결제 들어가면 76,890 원을 결제하는 것은 이해하겠는데, 무슨 매년 35,000원을 내라고 합니다. 많이 구입하면 할인은 못해줄 망정. 약간 언짢습니다.  

플러그인을 설치 및 활성화한 이후에는 꼭 [내계정] -> [정기 구독]에서 [더보기]를 선택하신후

코드엠 정기구독 해지_1

정기구독을 해지해 주세요.

플러그인 다운로드 위치도 전에는 [다운로드/라이센스] 였는데, [정기구독]에서 하게 되었있고, 사이트 등록 및 연결하게 하여 다른 사이트에서는 사용하지 못하게 하려는 것인지 또는 사이트의 URL 은 변경할 수 있는 것인지 아직은 모르겠습니다.

코드엠 정기구독 해지_2

코드엠샵 대한민국주소 플러그인

– 대한민국형, 해외 주소 스타일 동시 지원
– 대한민국 도로명, 지번주소 지원
– 모바일 도로명, 지번주소 지원
– 다국어 쇼핑몰 이용 시 코리아 주소 체계 및 해외 주소 체계 동시 지원
– 대한민국 이름 체계 지원
– 신우편번호 5자리수 제공 & (구)우편번호 제공 : 2019-11-07 기준, 행정안전부 정책에 따라 구주소(지번주소)를 입력하셔도 신주소(도로명 주소)로 변환됩니다. 더 이상 구주소(지번주소)는 제공되지 않습니다. (신주소(도로명 주소)만 입력 가능한 이유는 신주소(도로명 주소) 실시 이후의 지번주소로는 등록되지 않고 신주소(도로명 주소)로만 등록된 위치들이 많기 때문이라고 합니다. )

– 체크아웃 필드 에디터 기능이 있습니다. 

 

※ 사용 버전 정보
– 워드프레스 버전 4.6 이상
– 우커머스 버전 2.6 이상
– 사용 가능 환경 : PHP 5.6 이상, MySQL 5.6 이상

 

코드엠샵 회원가입

코드엠샵 회원가입

기업은 공통으로 사용할 이메일로 회원가입을 이용하시는 것이 좋습니다.

코드엠샵 회원가입_1

구입 및 매뉴얼

일반형을 구매하신 분은 코드엠샵에서 설치지원을 못 받으므로 알아서 설치해야하는데, 구매 및 로그인한 상태에서만 매뉴얼을 볼 수 있습니다. 우측 하단의 매뉴얼을 선택합니다.

 

코드엠샵 매뉴얼

구매 및 로그인을 안 한 상태에서는 열람이 안됩니다.

코드엠샵 매뉴얼_3_대한민국 주소 플러그인_열람제한

매뉴얼 검색창에 “주소”를 입력하고 검색(Search)하면 아래와 같은 검색결과가 나옵니다. “대한민국 주소 플러그인”의 read more 를 선택하시면 매뉴얼로 들어갑니다.

코드엠샵 매뉴얼_2_대한민국 주소 플러그인

 

결제을 완료하면 아래와 같은 처리 완료 안내 이메일이 옵니다. [내려받기]해주세요.

대한민국 주소 플러그인 결제 완료 이메일

1. 코드엠샵 사이트에서 구입한 주소 플러그인을 파일 업로드방식으로 업로드하여 플러그인을 설치합니다. ( [플러그인]->[플러그인 추가하기]->[플러그인 업로드] -> 파일선택 -> [지금설치하기] )

대한민국 주소 플러그인 워드프레스 업로드

[플러그인 활성화] -> [플러그인 페이지로 돌아가기]

대한민국 주소 플러그인 워드프레스 업로드_1

2. 업로드한 플러그인 MShop Korean Address 플러그인을 활성화 합니다.

address1

(이미지 출처 : http://manual.codemshop.com/docs/address/settings/ )

3. 주소 플러그인 활성화 후 메뉴 [우커머스]> [설정]> [대한민국주소 탭]으로 이동합니다.

대한민국 주소 플러그인_라이선스 키입력 및 활성화_1

주소 플러그인을 구입한 회원 이메일로 코드엠샵 로그인 후 내계정에 있는 라이센스를 입력합니다.

대한민국 주소 플러그인_라이선스 키입력 및 활성화_2

1개의 라이센스는 1사이트에서만 사용할 수 있습니다. 플러그인을 1년마다 갱신(파란색 네모)하라고 나오는데, 업데이트 안한거나 기술지원 받지 않는 경우 또는 도메인변경이나 호스팅 변경이 없이 사용하는 경우, 만료일 이후에도 갱신 안 해도 사용 가능합니다. (만료1개월전에는 50%의 가격으로 가능하며 유료 갱신의 경우, 기술지원과 업데이트가 가능하다고 하오니 참조하세요.) 

 

4. 플러그인 인증 후 주소 플러그인을 사용할 수 있습니다.

라이센스키를 입력하고 [활성화]버튼을 누루고 잘 활성화되면 아래의 분홍색과 같은 추가 설정창이 형성됩니다.

엠샵 대한민국 주소 플러그인_1

 

4-1. 플러그인 활성화 체크 시 주소 플러그인을 사용할 수 있습니다. 우커머스 설정> 일반설정의 기준위치 설정 값이 South Korea 로 설정되어 있는 경우 사용자단에서 기본적으로 대한민국 주소 체계로 나오게 됩니다.

4-2. 내정보 수정 페이지 : 내계정  수정 페이지 경로를 입력합니다.

4-3. 사용자정의 CSS : 테마에서 주소 플러그인의 CSS 가 맞지 않는 경우, 사용자정의 CSS 를 통해 주소 플러그인의 CSS 를 수정하여 이용할 수 있습니다.

4-4. 주소 검색버튼 텍스트 : 사용자단의 주소검색 버튼에 대한 텍스트를 수정할 수 있습니다.

Place Holder 문구 설정은 사용자 단의 텍스트 박스 내 우편번호, 기본주소, 상세주소 등에 대한 텍스트를  관리자가 직접 수정하여 입력 할 수 있습니다.

address_5

(이미지 출처 : http://manual.codemshop.com/docs/address/settings/ )

코드엠샵의 주소 플러그인을 사용하면 도로명주소와 지번주소가 같이 표시되어 사용자 편의성을 도모할 수 있습니다.

adress_7

(이미지 출처 : http://manual.codemshop.com/docs/address/settings/)

설정(활성화) 및 저장을 완료하니 한글 주소 입력폼으로 변경된 것을 확인할 수 있습니다. 대한민국 주소 플러그인_라이선스 키입력 및 활성화_완성

체크아웃 필드 에디터

1. 체크아웃 필드 에디터ad_editor_02

 

1.1 필드 순서 변경

  • Drag & Drop으로 필드의 표시 순서를 변경할 수 있습니다.

 

1.2 활성화

  • 필드의 사용 여부를 설정할 수 있습니다.
  • 비활성화된 필드는 화면에 표시되지 않습니다.

 

1.3 아이디

  • 필드의 아이디(slug)를 입력합니다.
  • ※ 슬러그(slug)는 영문, 숫자, ‘_’ 만으로 입력해야하며 중복되지 않은 유일한 값이어야 합니다.

 

1.4 종류

  • 필드의 타입을 지정합니다.

 

1.5 제목

  • 필드의 제목을 입력합니다.
  • 제목은 체크아웃 화면에서 필드의 레이블로 표시됩니다.
  • ad_editor_04

1.6 안내문구

  • 필드의 PlaceHolder 문구를 지정합니다.

1.7 클래스

  • 필드에 커스텀 클래스를 설정할 수 있습니다.

1.8 위치

  • 필드의 표시 위치를 지정합니다.
  • Left : 화면 좌측에 50%의 크기로 표시됩니다.
  • Right : 화면 우측에 50%의 크기로 표시됩니다.
  • Full Width : 화면에 100%의 크기로 표시됩니다.ad_editor_05

1.9 필수 입력

  • 필수 입력 여부를 지정합니다.

1.10 국가옵션

  • 선택된 국가에 따른 표시 여부를 지정합니다.

1.11 필드 추가 삭제 버튼

  • +, – 버튼을 이용해서 필드를 추가하거나 삭제할 수 있습니다.

 

세금계산서 발행 요청

카드결제외 무통장입금, 가상계좌 등을 이용하신 경우, 우측 상단에 [1:1 신규 상담 문의]후 성명, 이메일, 전화번호 등을 기재하시고 제목 세금계산서 발행 요청하신후 내용을 기재하시고 사업자등록증을 첨부하신후 [빠른 전송]하여 요청하시면 됩니다.

대한민국 주소 플러그인_세금계산서 발행 요청

 

 

3. Beomps Korea Postcode Search – 플러그인 : 우커머스 한국형 결제화면과 주소입력 플러그인

( URL 링크 : https://wpbox.kr/beomps-korea-postcode-search-woocommerce-korean-postcode/#comment-14920 )

엠샵 대한민국 주소 플러그인을 유료(76,890원(vat 포함))로 구입하여 설치했었는데, 알아보니 무료로 가능한 방법이 있었습니다.(참고로 엠샵의 경우, 업데이트를 안한거나 기술지원 받지 않는 경우 또는 도메인변경이나 호스팅 변경이 없이 사용하는 경우, 만료일 이후에도 갱신을 하지 안아도 사용 가능하고 만료1개월전에는 50%의 가격으로 가능하며 유료 갱신의 경우, 기술지원과 업데이트가 가능하다고 하오니 꼭 참조하세요. )

WPBOX.KR 운영자이며 워드프레스 전문가이신  님이 Beomps Korea Postcode Search – 플러그인 : 우커머스 한국형 결제화면과 주소입력 플러그인 게시글을 통해 박성범님이 만든 Beomps Korea Postcode Search ( https://wordpress.org/plugins/beomps-korea-postcode-search/ ) 플러그인을 추천해 주셨고 이 플러그인만 사용해도 결제화면이 한글주소체계로 전환되니 일단 무료로 사용하기에는 매우 만족스럽습니다.
참고 : 회원 가입이나 서비스 요청 양식에 “우편번호와 주소”를 검색하여 주소를 자동 삽입할 수 있는 기능을 추가하는 것이 과거에는 쉽지 않은 작업이었지만 현재 2019-09-11는 다음 우편번호 서비스를 이용하면 쉽게 이 기능을 구현할 수 있습니다. 포털 검색창에 “워드프레스 우편번호 검색”하여 검색하시면 더 많은 정보를 얻으실 수 있습니다.  다음 우편번호 서비스 가이드 를 이용하면 가능하며 워드프레스에 우편번호 검색창 추가하기 를 참조하세요. 

사용법

설치

아래의 링크를 이용하시어 설치 및 활성화해주세요.

Beomps Korea Postcode Search

 

설정(Setting)

first-last name, 회사 란이 보이게 하거나 보이지 않게 하는등의 상세한 세부설정 부분은 저와 같은 초심자들에게 약간은 부담스러웠던 부분인데 플러그인이 업데이트되면 설정창이 생겨 손쉽게 세팅 가능합니다.

관리자 페이지에서 [BEOMPS]를 선택하시면 바로 설정(setting)페이지로 이동합니다.

BEOMPS Setting

  • 프로토콜 타입 : http와 https중 선택할 수 있습니다.
  • 우편주소 타입 : 5자리와 6자리중 선택할 수 있는데, 현재는 5자리이므로 5자리로 해주세요.
  • 우편번호 찾기 버튼명 : 아무값도 입력하지 않을시, 우편번호 찾기 로 입력되므로 빈칸으로 놓아두셔도 됩니다.
  • 빌링(청구) 이메일 표시
  • 빌링(청구) 성 표시
  • 빌링(청구) 회사명 표시
  • 빌링(청구) 도시명 표시
  • 빌링(청구) 휴대폰 표시
  • 쉬핑(배송) 성 표시 : 해외배송 서비스르 하는 경우만 설정해주세요.
    쉬핑(배송) 회사명 표시 : ”
    쉬핑(배송) 도시명 표시 : “

 

문제점들

1. [우편번호 찾기]버튼의 위치가 부적절함

우편번호 찾기의 위치가 도로명 주소와 상세주소 사이에 있어 적당하지 않습니다. 

 

2. 우커머스 결제 페이지에서 필드들의 위치의 부적절함

이름이 성보다 위에 있는등 필드 순서가 국내와 달라 이질적으로 보임. 결제창 필드들의 순서를 변경시켜야 합니다.

beomps korea post 결제 화면의 문제점

 

해결책

워드프레스 우커머스 결제 페이지에서 필드 위치 변경하기 를 참조하여 위치를 변경해야 합니다.

순서 변경은 공개 플러그인들( 4. 결제 페이지 필드(화면) 편집 플러그인들)로 가능하나 이 경우) 우편번호 찾기 버튼이 활성화 및 작동되지 않습니다. 따라서 4. 결제 페이지 필드(화면) 편집 플러그인들로 해결이 안되고 테마 편집기나 테마 편집기를 제공하지 않는 테마의 경우, FTP로 편집해야합니다. 궁극에는 FTP로 소스 편집을 하는 것이  해결책입니다.

 

 

(( 2019-09-12 memo))
Beomps Korea Postcode Search 무료 플러그인으로 무료인 한국형 결제 페이지를 만들고자 시도와 정리까지 포함하면 오늘도 6시간 이상을 시도하였습니다.

다음 시도에서는 “4. 결제 페이지 필드(화면) 편집 플러그인들” 이후의 내용은 절대 더 이상 살펴보지 마세요

“Beomps Korea Postcode Search 무료 플러그인 활용 및  테마 편집기 또는 FTP를 활용”하여 상기 문제점들을 해결할 수 없다면

    불편해도 Beomps Korea Postcode Search 를 무료로 사용할지

        또는 

    깔금하고 편리하게  유료(69,000원)로 엠샵 대한민국 주소 플러그인을 이용할지 중에 결정하시어 이용하세요. 

 

 

 

테마 편집기 사용

((주의))테마를 수정할 경우 반드시 차일드 테마를 이용하세요.

워드프레스의 알림판에서 외모 > 테마편집기를 선택하면 템플릿 파일들을 수정할 수 있는 화면이 표시됩니다. 편집을 원하는 파일을 선택하여 수정하면 됩니다. 템플릿 파일을 수정하는 가장 간단한 방법입니다.

일부 테마는 테마편집기가 없는 경우가 있습니다. 이럴 경우, 테마 편집기 대신 가능한 한 FTP를 사용할 것을 권장합니다. 테마 편집기에서 잘못 편집할 경우 사이트가 망가질 수 있습니다.

wp-config.php 파일에 다음 코드를 추가하여 테마 편집기를 비활성화하는 것이 보안상에도 좋을 것 같습니다. (여기에 대해 동의하지 않는 분도 계시지만, 실제로 테마 편집기를 잘못 사용하여 사이트가 망가지는 경우를 자주 목격합니다.)

define('DISALLOW_FILE_EDIT', true);

워드프레스에서 FTP 사용법은 여기를 참고해보세요.

FTP로 테마 파일을 수정하는 방법에 관해서는 아래의 게시글을 참조해주세요.

https://www.thewordcracker.com/basic/how-to-edit-theme-files-in-wordpress/

 

4. 결제 페이지 필드(화면) 편집 플러그인들

한계

우수한 무료 결제화면 편집 플러그인들(WooCommerce Checkout Manager By QuadLayers, Flexible Checkout Fields for WooCommerce By WP Desk 등)은 있습니다.

그러나 꼭 있어야하는데 없는 기능은 우편번호 검색 및 찾은 우편번호로 기본 주소중 자치구 행정동까지 자동으로 주소를 입력해 주는 기능입니다.

2019-09-12 기준  아래의 Daum WooShipping 플러그인은 [우커머스] -> [설정] -> [배송설정]에서 setting(설정)할수는 있으나 설정후 해당 페이지를 열어보면 “우편번호 검색”버튼이 보이지도 않습니다. = 제대로 작동되지 않습니다.

WooShipping – Postcode KR

워드프레스에 우편번호 검색창 추가하기 를 참조하세요. 이 문제는 워드프레스 우편번호 플러그인 – 팝업형 50,000 을 구입하여 해결할 수 있습니다.( 이플러그인을 사용하면 엠샵플러그인보다는 9,000원 정도를 아낄 수 있을 것입니다. ) 엠샵플러그인에서는 가능하나 이 플러그인은 [배송지 설정]이나 [체크아웃필드 설정]은 할 수 없습니다. 

워드프레스 우편번호 플러그인 – 팝업형

 

WooCommerce Checkout Manager By QuadLayers

이 플러그인은 무료이고 성능도 만족스러운데, Beomps Korea Postcode Search – 플러그인 과 함께 사용할 수 없습니다.

 

  • Version:4.3.4
  • Last updated:1 day ago
  • Active installations:50,000+
  • WordPress Version:3.0 or higher
  • Tested up to:5.2.3

 

필드의 위치를 재배치

#은 필드의 순서를 의미합니다.

:  필드의 위치를 재배치하고자 하시면 아래의 이미지를 참조하여 #칸에 있는 1, 2, 3, 4 등의 순서를 원하는 위치로 마우스 drag 하여 배치하시고 저장하시면 됩니다.  우편번호도 같은 방법으로 재배치하시면 됩니다.

Required 는 필수입력 항목인지 확인하는 열입니다.

WooCommerce Checkout Manager_1

결제 페이지중 특정 필드 삭제(ex:국가 대한민국, 회사명의 삭제)

[Billing]의 우측 맨 끝에 “X”에서 삭제하고자하는 필드(버튼)에 check표시해주시면 됩니다. WooCommerce Checkout Manager_2_필드 삭제하기

 

Flexible Checkout Fields for WooCommerce By WP Desk

Flexible Checkout Fields for WooCommerce

  • Version:2.1.1
  • Last updated:2 weeks ago
  • Active installations:20,000+
  • WordPress Version:4.6 or higher
  • Tested up to:5.2.0
  • PHP Version:5.6 or higher

 

 

Checkout Field Editor (Checkout Manager) for WooCommerce 

Checkout Field Editor (Checkout Manager) for WooCommerce

유료버전의 라이센스는 연간 49 달러부터 시작

  • Version:1.3.7
  • Last updated:5 days ago
  • Active installations:100,000+
  • WordPress Version:4.9 or higher
  • Tested up to:5.2.3

이 플러그인은 25 Must-Have and Best WooCommerce Plugins for 2019( https://www.seenbuy.kr/25-must-have-and-best-woocommerce-plugins-for-2019/ )에서 소개되고 있는 플러그인입니다.

일반적으로 귀하의 결제 프로세스는 가능한 한 간단하게 유지할 것을 권장합니다. 그러나 때때로 추가 필드를 추가하면 고객이 주문 메모를 남길 수 있도록하는 등 사용자 경험을 향상시킬 수 있습니다. Checkout Field Editor로 그 이상을 할 수 있습니다. 유료버전의 라이센스는 연간 49 달러부터 시작합니다. (엠샵 대한민국 주소 플러그인 보다는 저렴한데, 장단점은 아직 비교를 못했습니다. )

플러그인 설치 및 활성화한 후 [우커머스] -> [Checkout Form]로 이동하면 편집할 수 있는데, 유료 버전이라 그런지 무료에서는 전혀 편집 버튼이 안 먹힙니다.

Checkout Field Editor (Checkout Manager) for WooCommerce_edit

5. 워드프레스 쇼핑몰 플러그인한국형 주소 찾기

이 플러그인도 무료인데, 구성방식이 “다보리 통합 플러그인”으로 되어 있습니다. 다보리 통합 플러그인을 사용할때만 한국형 주소 찾기가 가능한지 확인해보세요.

 

 

참고자료 : 1.  Beomps Korea Postcode Search – 플러그인 : 우커머스 한국형 결제화면과 주소입력 플러그인

2. 워드프레스에 우편번호 검색창 추가하기

3. 워드프레스 우커머스 결제 페이지에서 필드 위치 변경하기