중요 공지, 눈에 띄게 전달하는 방법
큐샵 기능을 활용하면 다양한 방법으로 공지사항을 홈페이지에 띄울 수 있어요. 민족 대명절 한가위를 맞아 공지사항으로 활용할 콘텐츠를 안내해드릴게요.
👉 기능별 추천 요약!
팝업
화면 정중앙에 노출되며 사이트 디자인은 편집하지 않고 팝업창만을 이용하고 싶을 때, ON/OFF로 손쉬운 설정 가능!
메인페이지, 상품 상세페이지
띠배너
페이지 최상단에 얇고 긴 가로 형태로 노출되는 배너. ON/OFF로 손쉬운 설정 가능!
메인페이지
섹션 고정
화면 상/하단에 고정하여 스크롤 이동시에도 보여지도록 지속적으로 노출 시키고 싶을때 (텍스트, 버튼, 입력폼 등 원하는 콘텐츠를 넣을 수 있어요)
메인페이지, 특정 페이지
슬라이더 섹션
여러장의 이미지를 보여주고 싶을 때 (이미지, 텍스트, 버튼 등 원하는 콘텐츠를 넣을 수 있어요)
메인페이지 (히어로섹선)
팝업/배너
접속한 화면 위에 가장 먼저 나타나는 알림창
고정 섹션
페이지의 고정한 위치에 지속적으로 보임
슬라이더 섹션
여러개의 섹션을 한 공간에 담아 다양한 정보를 제공
(선택) 공지사항 게시글 작성
이미지나 한줄의 문구로 고객에게 안내할 내용을 모두 담기에 부족하다면, 게시판 기능을 활용 해 보는건 어떨까요? 각 콘텐츠에 링크를 연결해 게시글로 이동하도록 설정해주면, 활용도가 더욱 높아져요.
1) 에디터 모드에서 게시판 블록/섹션을 생성 할 수 있어요.
2) 관리자페이지는 게시글을 등록 및 관리할 수 있어요. 에디터에 게시판을 생성해두었다면 등록한 글이 사이트에 반영돼요
작성 게시글의 링크 확인 방법
[운영관리 > 콘텐츠 > 게시판 관리 > 게시글의 더보기 (…) > 게시글 바로가기] 를 누르면 게시글이 있는 새 창이 생성되며 링크를 확인 할 수 있어요.
1.팝업/배너
페이지 화면 중앙에 나타나는 팝업창과 사이트 최상단에 나타나는 긴 가로 모양의 배너에요. 공지사항, 휴무, 알림사항등 다양한 상황을 이미지 파일만 준비되면 간편하게 등록 할 수 있어요.
노출페이지
원하는 웹페이지를 중복 선택할 수 있어요.
상품 페이지는 카테고리별로 선택할 수 있어요.
단, 웹페이지와 상품페이지는 중복으로 선택할 수 없어요.
특정 페이지와 특정 상품에 모두 팝업 노출을 원하신다면 팝업을 따로 만들어야 해요.
게시 기간을 설정하면 자동으로 팝업이 노출되고 종료돼요.
노출환경(데스크탑/모바일)을 자유롭게 선택할 수 있고, 이미지도 다르게 업로드할 수 있어요.
링크 연결이 가능해요.
닫기 버튼을 누르면 화면에서 사라져요.
링크 연결 방법
[운영관리 > 콘텐츠 > 팝업/배너 관리] 페이지에서 이미지 추가 항목에서 링크를 입력 할 수 있어요. 1번 선택사항으로 만든 게시글 링크를 추가하면 팝업/배너 클릭시 해당 게시글 페이지로 이동해요
자세한 기능 및 이미지 권장 사이즈는 아래 가이드에서 확인 해 볼 수 있어요!
2.고정 섹션
섹션 고정 기능을 활용하면 화면 상단이나 하단에 배너처럼 고정되어 보여요. 닫기 버튼이 없어서, 해당 페이지에 접속하는 동안 계속 노출돼요.
섹션 배경색의 불투명도를 조절하면, 디자인과 더 자연스럽게 어울려 보여요.
강조하고 싶은 텍스트 블록에는 애니메이션 효과를 넣어 주목시켜보세요.
버튼을 추가해 클릭이벤트를 설정 할 수 있어요.
상단 고정을 활용하면 띠배너처럼 눈에 잘 띄어요.
입력폼을 넣어, 방문자가 쉽게 문의나 신청을 할 수 있도록 유도할 수 있어요.
[고정 섹션 예시 보기]
상단 고정
하단 고정
클릭이벤트 설정 방법
[에디터 바로가기 > 추가패널 - 버튼 > 버튼] 을 추가해주세요.
[블록 선택 > 속성패널 - 고급 > 클릭이벤트] 에서 링크 연결 및 다양한 클릭 이동 설정이 가능해요.
자세한 기능은 아래 가이드에서 확인 해 볼 수 있어요!
3.슬라이더 섹션
여러 이미지를 보여주고 싶다면 슬라이더 섹션을 활용해보세요. 이미지뿐만 아니라 텍스트·버튼 같은 블록을 추가해 다채롭게 꾸밀 수 있어요.
이미지 블록 또는 섹션의 배경을 추가 할 수 있어요.
슬라이더 섹션에는 섹션(슬라이드)을 최대 10개까지 추가할 수 있어요.
다양한 블록을 추가해 클릭이벤트를 설정 할 수 있어요.
슬라이드 전환 효과는 슬라이드 / 플립 / 페이드인 중에서 선택할 수 있어요
자동 넘김을 사용하는 경우, [마우스 올릴 시 일시 정지] 기능을 활성화하면 원하는 화면에서 멈출 수 있어요.
섹션에 배경 이미지를 넣으면 [헤더 합치기] 기능으로 하나의 화면처럼 연출할 수 있어요.
클릭이벤트 설정 방법
슬라이더 섹션에는 직접 링크를 걸 수 없지만, 섹션에 추가한 다양한 콘텐츠(텍스트/이미지/도형/버튼)에 클릭이벤트 설정을 할 수 있어요. [클릭이벤트 가이드]
자세한 기능은 아래 가이드에서 확인 해 볼 수 있어요!
Last updated