• 가이드

비회원 주문/배송조회 버튼 만들기

아임웹은 비회원이 상품을 구매 했을 때 주문 및 배송상태를 조회할 수 있도록 로그인 메뉴에 ‘비회원 주문배송 조회’ 버튼을 제공하지만, 비회원이 더 간편하게 조회할 수 있도록 원하는 페이지에 버튼 또는 링크를 추가할 수도 있습니다.

이 도움말에서는 간단한 링크 주소(URL)를 사용해 주문/배송조회 버튼을 만드는 몇 가지 방법을 안내합니다.

시작에 앞서

주문/배송상태 조회 버튼 또는 링크에는 아래의 URL(주소)이 사용됩니다. 사용자는 버튼, 링크 뿐만 아니라 링크 가능한 모든 메뉴, 위젯에 링크를 걸 수 있습니다.

javascript:;" onclick="SITE_MEMBER.openGuestLogin();

제작방법

상단 섹션에 링크/버튼 위젯을 추가해 주문/배송조회 버튼을 추가할 수 있습니다.

설정방법

  1. 디자인 모드에 접속합니다. 접속방법
  2. 디자인 모드 오른쪽 상단에 위치한 상단설정을 클릭합니다.
  3. 상단 디자인 모드로 진입하면 섹션에 마우스 포인터를 올리고, 상단 위젯 추가 ⨁ 아이콘을 클릭합니다.

  4. 링크/버튼 위젯을 클릭합니다.
  5. 링크/버튼 위젯을 마우스로 클릭 후 드래그하여 원하는 위치에 배치합니다.
  6. 링크/버튼 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.

  7. 컨텍스트 메뉴가 나오면 링크/버튼 설정을 클릭합니다.
  8. 아래의 그림과 설명에 따라 버튼 모양 및 스타일을 설정하고 링크를 추가합니다. (아래는 주문/배송조회를 위한 최소한의 옵션만 설정되었습니다.)

    1. 형태: 버튼을 선택합니다.
    2. 문구: 버튼 이름을 작성합니다. (예: 비회원 주문조회)
    3. 텍스트 크기: 버튼 문구 텍스트의 크기를 설정합니다.
    4. 링크: 링크 타입을 코드로 설정하고 javascript:;" onclick="SITE_MEMBER.openGuestLogin(); 를 복사 후 붙여넣습니다.
  9. 링크/버튼 설정 창 바깥 영역을 클릭해 설정을 종료합니다.
  10. 로그아웃 상태에서 주문/배송조회 버튼을 클릭합니다. 비회원 주문주회 팝업이 나오면 정상적으로 적용된 것입니다.

    참고: 시크릿창을 이용하면 아임웹 계정을 별도로 로그아웃을 하지 않아도 방문자 입장에서의 테스트가 가능해집니다. 크롬 시크릿창 활용하기
  11. 이제 디자인 모드로 돌아가 게시하기 버튼을 클릭해 변경사항을 적용합니다.

페이지 본문에 버튼 위젯을 추가해 주문/배송조회 버튼을 추가할 수 있습니다.

설정방법

  1. 디자인 모드에 접속합니다. 접속방법
  2. 왼쪽 상단의 위젯 추가 + 아이콘을 클릭합니다.
  3. 버튼 위젯을 클릭합니다.
  4. 버튼 위젯을 마우스로 클릭 후 드래그하여 원하는 위치에 배치합니다.
  5. 버튼 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.

  6. 컨텍스트 메뉴가 나오면 버튼 설정을 클릭합니다.
  7. 버튼 모양 및 스타일을 설정하고, 링크 타입코드로 선택 후 javascript:;" onclick="SITE_MEMBER.openGuestLogin(); 를 복사해 붙여넣습니다.

  8. 버튼 설정 창 바깥 영역을 클릭해 설정을 종료합니다.
  9. 로그아웃 상태에서 버튼을 클릭합니다. 비회원 주문주회 팝업이 나오면 정상적으로 적용된 것입니다.

    참고: 시크릿창을 이용하면 아임웹 계정을 별도로 로그아웃을 하지 않아도 방문자 입장에서의 테스트가 가능해집니다. 크롬 시크릿창 활용하기
  10. 이제 디자인 모드로 돌아가 게시하기 버튼을 클릭해 변경사항을 적용합니다.

링크를 추가할 수 있는 모든 기타 종류의 메뉴, 위젯에 주문/배송조회 링크를 걸 수 있습니다.

1. 상단 또는 하단 메뉴에 링크 걸기

상단 또는 하단 메뉴에 주문/배송조회 링크를 추가할 수도 있습니다. 새로운 메뉴를 생성하고, 새로 만든 메뉴의 메뉴 설정 창을 열어 메뉴 링크 항목에 주문/배송조회 링크를 추가해 보세요. 방문자가 상단 또는 하단의 주문/배송조회 메뉴를 클릭하면 비회원 주문조회 팝업이 켜지게 됩니다.

참고: 메뉴 링크를 설정하면 해당 메뉴는 더 이상 본래 메뉴로 이동하지 않고, 비회원 주문조회 팝업이 켜지게 되므로 해당 페이지는 디자인 편집이 제한됩니다.

2. 이미지 위젯에 링크 걸기

페이지에 이미지 위젯을 추가하고, 이미지 위젯 설정을 열어 관련 이미지를 업로드 후 주문/배송조회 링크를 추가할 수 있습니다. 그럼 방문자가 해당 이미지를 클릭했을 때 비회원 주문조회 팝업이 켜지게 됩니다.

3. 텍스트 위젯에 링크 걸기

텍스트 위젯을 추가하고, 텍스트 위젯 설정을 열어 주문/배송조회 링크를 추가할 수 있습니다. 방문자가 텍스트 위젯 영역을 마우스로 클릭하면 비회원 주문조회 팝업이 켜지게 됩니다.

관련 도움말

로그인, 회원정보수정, 장바구니, 마이페이지 와 같은 다양한 메뉴를 버튼 또는 링크 형식으로 페이지에 추가할 수 있습니다. 버튼에 회원가입, 로그인, 회원정보수정, 장바구니, 마이페이지 링크 걸기 도움말에서 확인해 보세요.

목록으로

시작이 어려우신가요?

교육 받아보시면 쉽습니다.

온라인 교육 바로가기

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

아임웹에서 당신의 생각을 표현해보세요.
725.9K
누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.
315
일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.
3.4K
전국 파트너/리셀러 수

아임웹 공식제휴사

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