안녕하세요. 메이크샵 운영팀장입니다.

오늘 업그레이드된 회원가입 관련 가상태그에 대하여 안내드리도록 하겠습니다.


■회원가입 체크메세지 가상태그 추가

쇼핑몰 방문고객이 회원가입 시 입력한 가입정보의 적합여부를 즉시 자동확인하여

체크 메시지를 노출시킬 수 있도록 회원가입 관련 체크 메시지 가상태그를 추가하였습니다.

회원가입 체크메세지 가상태그를 사용하여 빠르고 편리한 회원가입을 제공하시기 바랍니다.


[위치 및 사용법]

(D2) 개별디자인 > 인사이드 디자인 || > 회원가입 관련 화면

(D4) 개별디자인 > 디자인 편집 > 중앙 디자인 > 회원관련 > 회원가입화면

* 회원가입 체크 메시지 태그는 개인회원/기업회원/간편/BtoB(성인)가입/수정 화면에만 적용됩니다.


[개인회원 가입 예시화면]



(D2) 개인회원 관련 가상태그

1. 아이디 입력 체크 메시지: [ID_CHECK_MSG]
2. 이름 입력 체크 메시지: [HNAME_CHECK_MSG]
3. 닉네임 입력 체크 메시지: [NICKNAME_CHECK_MSG]
4. 비밀번호 입력 체크 메시지: [PASS_CHECK_MSG]
5. 비밀번호 확인 입력 체크 메시지: [PASS2_CHECK_MSG]
6. 이메일 입력 체크 메시지: [EMAIL_CHECK_MSG]
7. 연락처 입력 체크 메시지: [TEL_CHECK_MSG]
8. 휴대폰 입력 체크 메시지: [PHONE_CHECK_MSG]
9. 주소 입력 체크 메시지: [ADDRESS_CHECK_MSG]
10. 생일/성별 입력 체크 메시지: [RESNO_CHECK_MSG]
11. 인사말 입력 체크 메시지: [GREETING_CHECK_MSG]
12. 회원 이미지 입력 체크 메시지: [USERIMAGE_CHECK_MSG]
13. 회사 전화번호 입력 체크 메시지: [COMTEL_CHECK_MSG]
14. 회사 주소 입력 체크 메시지: [COMADDRESS_CHECK_MSG]
15.추천인 입력 체크 메시지: [RECOMMAND_CHECK_MSG]
16. 기념일 입력 체크 메시지: [ANNIVERSARY?_CHECK_MSG]
17. 기타정보 입력체크 메시지 : [ETC_CHECK_MSG]


(D4) 개인회원 관련 가상태그

1. 아이디 입력 체크 메시지: <!--/id_check_msg/-->
2. 이름 입력 체크 메시지: <!--/name_check_msg/-->
3. 닉네임 입력 체크 메시지: <!--/nickname_check_msg/-->
4. 비밀번호 입력 체크 메시지: <!--/password_check_msg/-->
5. 비밀번호 확인 입력 체크 메시지: <!--/repassword_check_msg/-->
6. 이메일 입력 체크 메시지: <!--/email_check_msg/-->
7. 연락처 입력 체크 메시지: <!--/tel_check_msg/-->
8. 휴대폰 입력 체크 메시지: <!--/mobile_check_msg/-->
9. 주소 입력 체크 메시지: <!--/address_check_msg/-->
10. 생일/성별 입력 체크 메시지: <!--/social_check_msg/-->
11. 인사말 입력 체크 메시지: <!--/greeting_check_msg/-->
12. 회원 이미지 입력 체크 메시지: <!--/user_img_check_msg/-->
13. 회사 전화번호 입력 체크 메시지: <!--/office_tel_check_msg/-->
14. 회사 주소 입력 체크 메시지: <!--/office_address_check_msg/-->
15.추천인 입력 체크 메시지: <!--/recommend_id_check_msg/-->
16. 기념일 입력 체크 메시지: <!--/anniversary_check_msg/-->
17. 기타정보 입력체크 메시지 : <!--/etc_info@check_msg/-->
18. 국가선택 체크 메시지: <!--/country_check_msg/-->

[텍스트 색상 관련 CSS]

#join .MK_ok_confirm {color: #1984f1;}
#join .MK_no_confirm {color: #f1191f;}



[간편회원 가입 예시화면]



[관련 CSS]

(D2)
#join_simple .MK_ok_confirm {z-index: 1; position: absolute; top: 10px; right:0px; color:blue; background-color: #fff; border: 0px solid rgb(0, 0, 0); line-height: 1.5; padding: 5px;}
#join_simple .MK_no_confirm {z-index: 1; position: absolute; top: 10px; right:0px; color:red; background-color: #fff; border: 0px solid rgb(0, 0, 0); line-height: 1.5; padding: 5px;}

(D4)
#join_form .MK_ok_confirm {z-index: 2; position: absolute; top: 10px; right:0; color:blue; background-color: #fff; border: 0px solid rgb(0, 0, 0); line-height: 1.5; padding: 5px;}
#join_form .MK_no_confirm {z-index: 2; position: absolute; top: 31px; left:25px; color:red; background-color: #fff; border: 0px solid rgb(0, 0, 0); line-height: 1; padding: 1px;}

● 관련 CSS를 개별디자인 하셔야 입력박스 우측에 체크 메시지가 노출됩니다.



[기업회원 가입 예시화면]



(D2) 기업회원 관련 가상태그

1. 사업자등록번호 입력 체크 메시지: [COMPANY_NUM_CHECK_MSG]
2. 회사명 입력 체크 메시지: [COMPANY_NAME_CHECK_MSG]
3. 대표자명 입력 체크 메시지: [COMPANY_OWNER_CHECK_MSG]
4. 사업장 주소 입력 체크 메시지: [COMPANY_ADDRESS_CHECK_MSG]
5. 업종 입력 체크 메시지: [COMPANY_ITEM_CHECK_MSG]
6. 업태 입력 체크 메시지:[COMPANY_BIZ_CHECK_MSG]
7. 법인등록번호 입력 체크 메시지: [COMPANY_CORP_CHECK_MSG]


(D4) 기업회원 관련 가상태그

1. 사업자등록번호 입력 체크 메시지: <!--/company_num_check_msg/-->
2. 회사명 입력 체크 메시지: <!--/company_name_check_msg/-->
3. 대표자명 입력 체크 메시지: <!--/company_owner_check_msg/-->
4. 사업장 주소 입력 체크 메시지: <!--/company_address_check_msg/-->
5. 업종 입력 체크 메시지: <!--/company_item_check_msg/-->
6. 업태 입력 체크 메시지: <!--/company_biz_check_msg/-->
7. 법인등록번호 입력 체크 메시지: <!--/company_corp_check_msg/-->


※ 참고사항

● 체크 메시지 가상태그와 CSS를 참고하여 회원가입 페이지 개별디자인을 하시기 바랍니다.
● 개인회원/기업회원/간편/BtoB(성인)가입 체크 메시지 태그는 해당 개별 디자인 화면 안내 영역에서 확인 가능합니다.



감사합니다.