디자인

신규 배너를 등록할 수 있습니다.

배너는 이미지 혹은 이미지와 링크를 쇼핑몰 방문자에게 노출시켜 정보를 제공하거나 페이지 이동을 유도하는데 활용됩니다.

배너 등록 시 치환코드가 생성되며, 생성된 치환코드를 디자인 페이지에 삽입하여 노출할 수 있습니다.

이미지를 서버에 등록하고 HTML로 직접 코딩하는 별도의 과정 없이도, 등록한 배너의 치환코드를 디자인 페이지에 삽입하는 방식으로 배너 이미지 노출 및 링크 연결이 가능합니다.

배너 등록 시 "구분 / 디자인 스킨 / 배너 그룹 / 배너 이미지 설명 / 배너 이미지 / 노출 여부"는 필수 항목입니다.

구분

PC와 모바일쇼핑몰 중 노출하고자 하는 쇼핑몰을 선택합니다.

쇼핑몰은 하나만 선택할 수 있으며, PC와 모바일쇼핑몰에 모두 노출하고자 하는 경우 배너를 각각 등록하셔야 합니다.

디자인 스킨

현재 등록할 배너를 어떤 스킨에 등록할지를 선택할 수 있습니다.

• 등록된 이미지는 선택한 스킨의 Web FTP 폴더에 저장됩니다.
• 적용 스킨 선택은 필수 항목으로 선택하지 않을 경우 등록이 불가능합니다.

배너 그룹

등록할 배너의 그룹을 선택할 수 있습니다.

• 배너 그룹은 "디자인 > 디자인 설정 > 배너 그룹 관리"에서 등록 / 수정 / 삭제가 가능합니다.
• 배너 그룹 선택은 배너 등록 시 필수 항목으로 선택하지 않을 경우 등록이 불가능합니다.

치환코드

선택한 배너 그룹의 치환코드가 노출됩니다.

등록되어 있는 배너 그룹에 배너를 추가 등록하는 경우 해당 배너 그룹 안에 신규 배너가 추가 등록되며,

해당 치환코드 삽입 시 추가된 배너가 동시에 노출됩니다.

배너 링크 주소

배너 클릭 시 연결되는 페이지 주소를 등록할 수 있습니다.

• 링크 주소는 절대경로 또는 상대경로 모두 입력 가능합니다.
• 기본값은 "현재창"으로 설정되어 있습니다.
• 현재창 : 현재 배너가 노출되어 있는 브라우저 내에서 링크 주소로 이동합니다.
• 새창 : 현재 브라우저가 아닌 새로운 브라우저에서 링크 주소로 이동합니다.

배너 이미지 설명

배너 이미지의 alt와 title 값을 등록할 수 있습니다.

배너 이미지 설명은 배너 등록 시 필수 항목으로, 입력하지 않을 경우 등록이 불가능합니다.

시각장애인 등 이미지를 보지 못하는 사람을 위해 문서의 내용을 목소리로 변환해주는 음성 합성 기술을 이용하는 소프트웨어에서 사용됩니다.

예시)

• 스크린 리더

2013년 4월 11일부터 시행하는 장애인 차별금지 및 권리구제 등에 관한 법률이 시행되면서 웹 접근성 준수가 의무화되었습니다.

이에 따라 이미지를 보지 못하는 사람을 위해 이미지를 글로 설명해주는 alt 값 설정을 위해 배너 이미지 설명은 필수항목 입니다.

webP 확장자 파일의 경우 이미지 크기 측정이 불가능 하여 업로드 시 해당 파일의 크기 정보는 출력되지 않습니다.

등록한 webP 형식의 이미지 크기 정보가 출력되지는 않지만 webP 형식의 파일로 배너 등록 및 이용은 가능하오니 해당 부분은 오류가 아닌 점 참고 바랍니다.

배너 이미지

쇼핑몰에서 노출할 배너 이미지를 등록합니다.

등록한 이미지 사이즈대로 노출되므로 등록 시 유의하시기 바랍니다.

노출 여부

배너의 쇼핑몰 노출 여부를 설정할 수 있습니다.

• 노출 : 등록된 배너가 노출됩니다.
• 미노출 : 배너가 노출되지 않습니다.
• "노출 기간" 설정이 "기간 노출"일 경우, 노출 여부 설정과 무관하게 종료일 이후에는 배너가 노출되지 않습니다.

노출 기간

쇼핑몰에 노출될 배너의 노출 기간을 설정할 수 있습니다.

• 상시 노출 : 기간에 상관없이 배너를 항상 노출합니다.
• 기간 노출 : 일자와 시간을 설정하여 특정 기간동안 배너를 노출합니다.

쇼핑몰 내 배너 등록 예시

배너를 삽입할 디자인 페이지에 치환코드를 삽입하면 쇼핑몰에 배너를 노출시킬 수 있습니다.