사이트 회원가입/로그인 설정하기

상단 영역에 회원가입 및 로그인 버튼을 추가하여, 방문자가 사이트 회원으로 가입하고 로그인할 수 있게 설정할 수 있습니다. 회원가입 및 로그인 버튼을 만들려면 상단에 로그인/장바구니 위젯을 추가해야 합니다.

이 도움말에서는 상단에 로그인/장바구니 위젯을 추가하고, 회원가입 및 로그인 버튼을 추가하는 과정을 설명합니다.

설정방법

1단계: 상단설정 진입하기

상단 영역에 로그인/장바구니 위젯을 추가합니다.

  1. 디자인 모드에 접속합니다. 접속방법
  2. 상단 영역 오른쪽에 상단설정을 클릭합니다.
  3. 섹션에 마우스 포인터를 올립니다.
  4. 위젯 추가 아이콘이 나타나면 클릭합니다.
  5. 로그인/장바구니 위젯을 추가합니다.
    참고: 선택하신 테마에 로그인/장바구니 위젯이 이미 추가된 경우 이 과정은 건너뜁니다.
  6. (선택 사항) 로그인/장바구니 위젯을 마우스로 클릭하고 드래그하여, 원하는 곳에 배치합니다.
2단계: 로그인 전 객체 추가하기

로그인/장바구니 위젯은 로그인 전로그인 후 설정을 따로 해줘야 합니다. 방문자가 로그인, 회원가입 전에는 일반적으로 로그인회원가입 버튼이 표시됩니다.

  1. 로그인/장바구니 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 보조 메뉴가 나타나면 로그인 설정을 클릭합니다.
  3. 로그인 설정 창이 나오면, 상단에 로그인 전 탭을 클릭합니다.

  4. 왼쪽 상단의 +추가를 클릭하고, 회원가입을 클릭합니다.
    참고: 이미 회원가입 버튼이 존재하는 경우 추가 선택할 수 없습니다.

  5. 위 4번과 같은 방법으로 로그인 객체를 추가합니다.
  6. 객체를 2개 이상 추가한 경우 객체를 마우스로 클릭하고 드래그하여 순서를 변경할 수 있습니다.
    참고: 추가한 객체를 삭제하려면 객체 위에 마우스 포인터를 올리면 나타나는 를 클릭해 줍니다.

3단계: 객체 설정하기

추가한 로그인 및 회원가입 버튼의 설정을 변경합니다.

  1. 로그인 객체를 선택합니다.

  2. 하단에 로그인 옵션이 나타납니다. 필요에 따라 로그인 문구텍스트 크기를 변경합니다. 텍스트 크기 변경 시 회원가입 텍스트에도 영향을 줍니다.

  3. 회원가입 객체를 클릭합니다.

  4. 하단에 회원가입 옵션이 나타납니다. 필요에 따라 회원가입 문구를 변경합니다.

  5. 공통으로 적용할 텍스트 색상텍스트 Hover 색상을 편집합니다. 필요에 따라 객체간 간격을 조절해 버튼간 간격을 조절해 보세요. 롤오버(Hover)란?

4단계: 로그인 후 객체 추가 및 설정하기

로그인 전 객체를 추가하고 설정했던 방식 그대로, 로그인 후 객체를 설정합니다. 로그인 후에는 대개 회원가입, 로그인 메뉴는 숨겨지고, 마이페이지, 장바구니 등을 표시합니다.

  1. 로그인 설정 창 상단 로그인 후 탭을 클릭합니다.

  2. 왼쪽 상단의 +추가를 클릭하고, 필요한 객체들을 추가합니다.
  3. 객체를 클릭하고, 각 객체의 설정을 변경해 줍니다.

  4. 로그인 설정 창 바깥 영역을 클릭해 설정을 완료합니다.
5단계: 미리보기 및 게시하기

Google 크롬 시크릿창을 활용해 회원가입 및 로그인이 정상적으로 동작하는지 확인하고 적용합니다.

  1. 디자인 모드 오른쪽 상단  아이콘을 클릭합니다.
  2. 문제가 없다면 디자인 모드로 돌아가 게시하기 버튼을 클릭해 적용합니다.
  3. Google 크롬 시크릿창을 켜고, 사이트에 접속해 회원가입 및 로그인을 해봅니다. 크롬 시크릿창이란?
    참고: 크롬 시크릿창을 사용하면, 비로그인 상태로 내 사이트 접속이 가능하여 테스트가 편리합니다.
  4. 사이트 관리자 메뉴에 접속합니다. 접속방법
  5. 왼쪽 관리 메뉴에서 [사용자 관리 > 사용자 목록]으로 이동해 정상적으로 회원가입이 되었는지 확인합니다.



회원가입 항목을 수정하고 싶으세요?

아이디/이메일, 전화번호, 성별, 주소, 파일첨부 등 필요에 따라 다양한 회원가입 항목을 추가할 수 있습니다.

회원가입 항목 추가 및 편집방법

목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

218.7K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

315

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

2.3K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 나이스페이, 엑심베이 공식파트너입니다.