SNS 로그인 디자인 설정하기

 

SNS 로그인 디자인 설정하기

SNS 로그인 연동 후에 쇼핑몰 로그인 페이지에 SNS 로그인 버튼이 표시되게 하려면 별도의 디자인 설정을 해야 해요.

  • PC 디자인 설정 방법

  1. [관리자] 디자인 > 디자인 보관함 > 'PC > 사용중인 디자인 > 편집' 을 눌러 주세요.
    '스마트 디자인 편집' 화면이 열려요.

  2. 왼쪽 메뉴 중 '자주 쓰는 화면 > 로그인'을 선택해 주세요.

  3. '회원 로그인' 영역을 눌러 표시되는 '편집' 버튼을 눌러 주세요.

  4. '꾸미기 탭 > SNS 로그인 디자인' 중 원하는 디자인을 선택하여 적용하면 완료되어요.

  • 모바일 디자인 설정 방법

  1. [관리자] 디자인 > 디자인 보관함 > '모바일 > 사용 중인 디자인 > 편집' 을 눌러 주세요.
    '스마트 디자인 편집' 화면이 열려요.

  2. 다음 단계부터는 PC 설정 방법과 동일해요.





Comments

Post a Comment

Popular posts from this blog

SNS 매체별 Client(App) ID 발급 방법 - 구글 로그인 설정 방법

  구글 클라이언트(앱) 아이디를 발급받으려면 어떻게 해야 하나요? 구글 개발자센터에서 프로젝트를 생성하여 발급 받을 수 있어요. 쇼핑몰에 구글 로그인 연동을 위해서는 구글 클라이언트(앱) ID를 발급 받아야 해요. 자세히 알아보기 구글 개발자센터 가입 구글 로그인 연동을 위해  구글 개발자센터  로 이동하여 로그인 해 주세요. 기존 생성한 구글 계정이 없는 경우에는 '계정 만들기'를 클릭하여 구글 계정을 생성해 주세요.   프로젝트 생성 구글 클라이언트 ID를 생성하기 위해서는 먼저 새로운 프로젝트를 등록해야 해요. 서비스 약관을 확인하고 '동의' 버튼 클릭 후, '사용 설정된 API 및 서비스'에서 '프로젝트 만들기' 버튼을 클릭해 주세요. (상단의 '프로젝트 선택 > 새 프로젝트' 클릭도 가능) 새 프로젝트 등록 화면이 표시되면, '프로젝트 이름' 입력하고 '만들기' 버튼을 클릭하여 새로운 프로젝트를 생성해 주세요.   OAuth 동의 화면 정보 입력 'API 및 서비스 > OAuth 동의 화면'으로 이동해 주세요. 'User Type'을 '외부'로 선택 후 '앱 등록 수정'으로 이동해 주세요. 앱 이름, 승인된 도메인 등의 정보를 입력 후 '저장 후 계속' 버튼을 클릭해 주세요. '승인된 도메인' 입력 시 프로토콜(http:// 또는 https://)은 제외해야 하며, 경로(test.com /path )를 포함해선 안돼요.   클라이언트 ID 생성 새 프로젝트가 생성되면 'API 및 서비스 > 사용자 인증 정보'에서 '사용자 인증 정보 만들기(CREATE CREDENTIALS) > OAuth 클라이언트 ID'를 선택해 주세요. 애플리케이션 유형은 '웹 애플리케이션' 유형을 선택하고 '승인된 자바스크립...
Read more

SNS 매체별 Client(App) ID 발급 방법 - 애플 로그인 설정 방법

Apple ID 로그인 설정은 어떻게 해야 하나요? Apple ID 로그인을 연동하기 위해서는 우선 Apple Developer에서 'App ID, Services ID, Key'를 설정해야 해요. 자세히 알아보기 Apple ID 로그인 연동 전 준비하기 쇼핑몰에 Apple ID 로그인을 연동하기 위해서는 Apple Developer에서 'App ID, Services ID, Key'를 설정해야 해요. 설정을 위해 반드시 Apple Developer 계정이 있어야 해요. 그리고 서비스 중인 App이 있어야 해요. Info Apple Developer 계정 생성하기 개인용 Apple 개발자 계정 생성 가이드 기업용 Apple 개발자 계정 생성 가이드   로그인 연동을 위한 필수 정보 확인하기 Apple Developer에서의 설정을 위한 쇼핑몰 정보를 준비해 주세요. 필요한 정보는 아래와 같아요. 설정을 위해 PC 메모장 등에 미리 기록해 두세요. 대표 도메인/멀티몰 대표 도메인 [관리자] 쇼핑몰 설정 > 기본 설정 > '쇼핑몰 정보 > 도메인 설정'  의 도메인 관리에서 확인해 주세요. 대표 도메인은 URL 옆에 '대표' 아이콘으로 표시되어 있어요. 모바일 도메인/멀티몰 모바일 도메인 [관리자] 쇼핑몰 설정 > 사이트 설정 > '사이트 환경 설정 > 쇼핑몰 환경 설정'  의 모바일 탭으로 이동하여 모바일 접속 주소에서 확인해 주세요. 멀티몰 모바일 도메인은 각 멀티몰 관리자로 이동해 확인해야 해요. Return URLs 1, 2번에서 작성한 도메인들의 Return URL을 작성해 주세요. 대표 도메인이 samplemall.com 이면, Return URL은 https://samplemall.com/Api/Member/Oauth2ClientCallback/apple/ 과 같이 작성해요. https://대표 도메인/Api/Member/Oauth2ClientCal...
Read more

SNS 매체별 Client(App) ID 발급 방법 - 야후재팬 로그인 설정 방법

Image
  야후 재팬 클라이언트(앱) 아이디를 발급받으려면 어떻게 해야 하나요? 야후 재팬 개발자센터 에서  클라이언트(앱) 아이디를 발급  받아 등록할 수 있어요. 야후 재팬 로그인을 등록하면, 야후 재팬 계정을 가지고 있는 회원이 해당 계정으로 쇼핑몰에 회원 가입을 할 수 있어요. 야후 재팬 계정 로그인 연동을 위해서는  클라이언트(앱) 아이디가 필요 하며, 야후 재팬 클라이언트(앱) 아이디는 야후 재팬 개발자 센터에 회원 가입 후 애플리케이션을 등록하여 발급 받을 수 있어요.   자세히 알아보기 야후재팬 개발자센터 회원 가입 방법 1)  야후 재팬 개발자 센터  로 이동해 주세요. 2) 화면 상단에 있는  '新規取得 ' 버튼을 클릭하여 회원가입을 진행해 주세요.     Note - 야후 재팬 회원가입 시 유의사항 ※ 야후 재팬 회원 가입 시 일본 내에서 SMS 인증이 가능한 휴대전화 번호가 필요해요.   야후재팬 클라이언트(앱) 아이디 발급 및 도메인 설정 방법 1) 회원가입 또는 로그인이 완료되면 다음과 같은 화면으로 이동되어요. ' 新しいアプリケーションを開発アプリケーション一覧 ' (애플리케이션 생성) 버튼을 클릭해 주세요.   2) 애플리케이션 생성을 누르면, 해당 화면으로 이동합니다. 아래 순서대로 진행이 필요해요. ID連携利用有無  (ID 연계 이용 유무) 에  ID連携を利用する  (ID 연계 사용) 를 선택해 주세요. 属性取得APIを利用しますか？ (속성 취득 API 사용 여부) 에  属性取得APIを利用する  (속성 취득 API 사용) 을 선택해 주세요. アプリケーションの種類  (애플리케이션 종류) 에  サーバーサイド（Yahoo! ID連携 v2） (서버 사이드 Yahoo ID V2) 를 선택해 주세요. 属性取得APIで追加して取得する情報  (API로부터 취득하는 정보) 에 ...
Read more

SNS 매체별 Client(App) ID 발급 방법 - 네이버 로그인 설정 방법

  네이버 로그인을 처음으로 등록하려는데 좀 더 쉽게 등록할 순 없나요? 네이버 로그인 플러스를 이용하면 네이버 로그인을 쉽게 등록할 수 있어요. 자세히 알아보기 네이버 로그인 플러스를 이용하여 네이버 로그인을 설정하는 방법 'SNS 로그인 연동 관리(또는 판매채널>네이버>네이버 로그인)'에서  '네이버 로그인 플러스 신청하기'  버튼을 선택해 주세요. 이때, 쇼핑몰에 '네이버 로그인 플러스'앱이 자동으로 설치 진행되어요.  네이버 로그인 앱을 관리할 쇼핑몰의 네이버 계정으로 로그인해 주세요. '네이버 로그인 플러스' 팝업에서 이용정보를 읽고 '동의'를 선택해 주세요. '애플리케이션 등록' 버튼을 선택해서 애플리케이션 이름과 로고 이미지를 입력한 후 '다음' 버튼을 선택해 주세요. 이때, 원래 사용하고 있던 앱이 있다면 원래 사용하던 앱의 이름/ Client ID/ 생성일을 확인한 후 사용하던 앱을 그대로 선택해서 연결해 주세요. 해당 앱을 통해 가입하는 회원에게 마케팅 메시지를 보낼 수 있는 톡톡 계정을 등록해 주세요. 애플리케이션과 톡톡 계정 등록이 완료되었다면, 내 애플리케이션/ 톡톡 정보를 확인해 주세요. 정보가 맞다면 '적용하기' 버튼을 선택해 주세요. 이제 모든 설정이 완료되었어요.   Info '네이버 로그인 플러스'로 '네이버 로그인'을 설정하면 좋은 점 SNS 로그인의 가장 큰 장점은 신규 회원 가입 동선을 최소화할 수 있다는 점이에요. '네이버 로그인 플러스'는 그 동선을 더 짧게 해 드릴 거예요. '네이버 로그인'을 설정한 몰은 쇼핑몰 회원이 네이버로 가입할 때, [네이버 회원 정보]가 쇼핑몰의 [회원 가입 항목]을 모두 충족하고 있다면 기존에 카페24에 가입할 때 입력해야 했던 SNS 간편 가입 창을 생략해 드려요. (예시)  쇼핑몰 SNS 회원 가입 항목 중...
Read more

SNS 매체별 Client(App) ID 발급 방법 - 라인 로그인 설정 방법

  라인 클라이언트(앱) 아이디를 발급받으려면 어떻게 해야 하나요? 라인 아이디로 쇼핑몰에 로그인할 수 있게 하려면 '라인 Client ID, Client Secret 키값'을 발급 받아야 해요. 해당 아이디와 키값은 '라인 개발자 센터'에서 개발자 등록 후 채널을 등록하여 발급 받을 수 있어요. 자세히 알아보기 라인 Client ID, Client Secret 키값 발급 방법 라인 개발자 센터  로 이동하여 '로그인'을 클릭해 주세요. 크롬(Chrome) 브라우저 이용을 권장해요. 기존 라인 계정이 있다면 해당 계정으로 로그인을 하고, 라인 계정을 없다면 회원 가입 후 로그인 해 주세요. 라인 개발자 계정을 생성해 주세요. (최초 로그인 시 한 번) Developer name과 Your email을 입력 후 LINE Developments Agreement 에 동의 체크 하고 'Create my account' 버튼을 클릭해 주세요. 로그인 후 표시되는 화면에서 'Create New provider' 버튼을 클릭해 주세요. Create a new provider 창이 열리면 'Provider name(제공 업체명)' 입력 후 'Create' 버튼을 클릭해 주세요. 다음 단계에서 'Channels(탭) > Create a LINE Login channel'을 선택해 주세요. 채널 생성에 필요한 정보를 입력 후, 이용 약관에 동의 한 뒤 'Create' 버튼을 클릭해 주세요. App types은 'Web app'에 체크해 주세요. 생성된 Channel 정보 화면이 표시되면 'LINE Login(탭)'을 클릭하여 'Callback URL' 영역의 'Edit' 버튼을 클릭해 주세요. 아래 안내에 따라 Callback URL을 입력해 주세요. 입력을 완료하였다면 'Upda...
Read more