중요 공지, 눈에 띄게 전달하는 방법

큐샵 기능을 활용하면 다양한 방법으로 공지사항을 홈페이지에 띄울 수 있어요. 민족 대명절 한가위를 맞아 공지사항으로 활용할 콘텐츠를 안내해드릴게요.

👉 기능별 추천 요약!

기능
이럴때 사용하세요!
추천 노출 위치

팝업

화면 정중앙에 노출되며 사이트 디자인은 편집하지 않고 팝업창만을 이용하고 싶을 때, ON/OFF로 손쉬운 설정 가능!

메인페이지, 상품 상세페이지

띠배너

페이지 최상단에 얇고 긴 가로 형태로 노출되는 배너. ON/OFF로 손쉬운 설정 가능!

메인페이지

섹션 고정

화면 상/하단에 고정하여 스크롤 이동시에도 보여지도록 지속적으로 노출 시키고 싶을때 (텍스트, 버튼, 입력폼 등 원하는 콘텐츠를 넣을 수 있어요)

메인페이지, 특정 페이지

슬라이더 섹션

여러장의 이미지를 보여주고 싶을 때 (이미지, 텍스트, 버튼 등 원하는 콘텐츠를 넣을 수 있어요)

메인페이지 (히어로섹선)

Cover

팝업/배너

접속한 화면 위에 가장 먼저 나타나는 알림창

Cover

고정 섹션

페이지의 고정한 위치에 지속적으로 보임

Cover

슬라이더 섹션

여러개의 섹션을 한 공간에 담아 다양한 정보를 제공

(선택) 공지사항 게시글 작성

이미지나 한줄의 문구로 고객에게 안내할 내용을 모두 담기에 부족하다면, 게시판 기능을 활용 해 보는건 어떨까요? 각 콘텐츠에 링크를 연결해 게시글로 이동하도록 설정해주면, 활용도가 더욱 높아져요.

1) 에디터 모드에서 게시판 블록/섹션을 생성 할 수 있어요.

[게시판 블록 가이드]

2) 관리자페이지는 게시글을 등록 및 관리할 수 있어요. 에디터에 게시판을 생성해두었다면 등록한 글이 사이트에 반영돼요

[게시판 관리 가이드]

작성 게시글의 링크 확인 방법

  • [운영관리 > 콘텐츠 > 게시판 관리 > 게시글의 더보기 (…) > 게시글 바로가기] 를 누르면 게시글이 있는 새 창이 생성되며 링크를 확인 할 수 있어요.


1.팝업/배너

페이지 화면 중앙에 나타나는 팝업창과 사이트 최상단에 나타나는 긴 가로 모양의 배너에요. 공지사항, 휴무, 알림사항등 다양한 상황을 이미지 파일만 준비되면 간편하게 등록 할 수 있어요.

  • 노출페이지

    • 원하는 웹페이지를 중복 선택할 수 있어요.

    • 상품 페이지는 카테고리별로 선택할 수 있어요.

    • 단, 웹페이지와 상품페이지는 중복으로 선택할 수 없어요.

    • 특정 페이지와 특정 상품에 모두 팝업 노출을 원하신다면 팝업을 따로 만들어야 해요.

  • 게시 기간을 설정하면 자동으로 팝업이 노출되고 종료돼요.

  • 노출환경(데스크탑/모바일)을 자유롭게 선택할 수 있고, 이미지도 다르게 업로드할 수 있어요.

  • 링크 연결이 가능해요.

  • 닫기 버튼을 누르면 화면에서 사라져요.

링크 연결 방법

  • [운영관리 > 콘텐츠 > 팝업/배너 관리] 페이지에서 이미지 추가 항목에서 링크를 입력 할 수 있어요. 1번 선택사항으로 만든 게시글 링크를 추가하면 팝업/배너 클릭시 해당 게시글 페이지로 이동해요

자세한 기능 및 이미지 권장 사이즈는 아래 가이드에서 확인 해 볼 수 있어요!

[팝업/배너 설정하기 가이드]


2.고정 섹션

섹션 고정 기능을 활용하면 화면 상단이나 하단에 배너처럼 고정되어 보여요. 닫기 버튼이 없어서, 해당 페이지에 접속하는 동안 계속 노출돼요.

  • 섹션 배경색의 불투명도를 조절하면, 디자인과 더 자연스럽게 어울려 보여요.

  • 강조하고 싶은 텍스트 블록에는 애니메이션 효과를 넣어 주목시켜보세요.

  • 버튼을 추가해 클릭이벤트를 설정 할 수 있어요.

  • 상단 고정을 활용하면 띠배너처럼 눈에 잘 띄어요.

  • 입력폼을 넣어, 방문자가 쉽게 문의나 신청을 할 수 있도록 유도할 수 있어요.

[고정 섹션 예시 보기]

상단 고정

하단 고정

Cover

Cover

클릭이벤트 설정 방법

  1. [에디터 바로가기 > 추가패널 - 버튼 > 버튼] 을 추가해주세요.

  2. [블록 선택 > 속성패널 - 고급 > 클릭이벤트] 에서 링크 연결 및 다양한 클릭 이동 설정이 가능해요.

자세한 기능은 아래 가이드에서 확인 해 볼 수 있어요!

[섹션 고정 가이드 바로가기]


3.슬라이더 섹션

여러 이미지를 보여주고 싶다면 슬라이더 섹션을 활용해보세요. 이미지뿐만 아니라 텍스트·버튼 같은 블록을 추가해 다채롭게 꾸밀 수 있어요.

  • 이미지 블록 또는 섹션의 배경을 추가 할 수 있어요.

  • 슬라이더 섹션에는 섹션(슬라이드)을 최대 10개까지 추가할 수 있어요.

  • 다양한 블록을 추가해 클릭이벤트를 설정 할 수 있어요.

  • 슬라이드 전환 효과는 슬라이드 / 플립 / 페이드인 중에서 선택할 수 있어요

  • 자동 넘김을 사용하는 경우, [마우스 올릴 시 일시 정지] 기능을 활성화하면 원하는 화면에서 멈출 수 있어요.

  • 섹션에 배경 이미지를 넣으면 [헤더 합치기] 기능으로 하나의 화면처럼 연출할 수 있어요.

클릭이벤트 설정 방법

  • 슬라이더 섹션에는 직접 링크를 걸 수 없지만, 섹션에 추가한 다양한 콘텐츠(텍스트/이미지/도형/버튼)에 클릭이벤트 설정을 할 수 있어요. [클릭이벤트 가이드]

자세한 기능은 아래 가이드에서 확인 해 볼 수 있어요!

[슬라이더 섹션 가이드]

Last updated

Was this helpful?