위젯은 디자인 모드에서 페이지를 꾸밀 때 사용하는 가장 작은 구성 요소예요. 이미지·텍스트·동영상부터 게시판·갤러리·쇼핑까지, 필요한 위젯을 페이지에 얹어 화면을 완성할 수 있어요.
이제 위젯 추가 창에서 캠페이너스가 제공하는 기본 위젯을 한 곳에서 골라 넣을 수 있어요.
위젯 추가하기
위젯 종류 한눈에 보기
커스텀 위젯 사용하기
위젯 선택하고 설정하기
위젯 이동하기
위젯 복사해서 붙여넣기
위젯 삭제하기
자주 묻는 질문
참고: 위젯 추가 창은 새로운 모습으로 순차 적용되고 있어요. 사용 중인 사이트의 화면이 아래 이미지와 다르다면 조금만 기다려 주세요. 이미 넣어 둔 위젯은 그대로 사용할 수 있어요.
방법 1. 위젯 추가 버튼으로 넣기 1. 디자인 모드 왼쪽 세로 도구 모음 맨 위의 ＋ 아이콘(위젯 추가)을 클릭해 주세요. 2. '위젯 추가' 창에서 왼쪽 분류를 고른 뒤, 넣고 싶은 위젯을 클릭해 주세요. 3. 선택한 위젯은 페이지 가장 아래 섹션의 끝에 삽입돼요. 원하는 자리로는 끌어서 옮겨 주세요.
방법 2. 원하는 위치에 바로 넣기 1. 위젯의 위쪽이나 아래쪽 경계에 마우스를 올리면 검은색 ＋ 버튼이 나타나요. 2. ＋ 버튼을 클릭한 뒤 위젯을 선택하면 그 자리에 바로 삽입돼요.
'위젯 추가' 창의 왼쪽 분류는 기본 · 콘텐츠 두 묶음으로 나뉘어요. 어떤 위젯이 어느 분류에 있는지 아래에서 한 번에 확인해 보세요.
기본 > 디자인·DB 요소 — 페이지를 구성하는 기본 재료예요.
디자인 요소 (14종) 이미지 · 이미지 맵 · 텍스트 · 여백 · 동영상 · 가로선 · 버튼 · 메뉴 리스트 · 타이틀 · 단일 지도 · 코드 · 아이콘 · 비주얼섹션 · 검색
DB 요소 (10종) 게시판 · 갤러리 · 캘린더 · 입력폼 · 지도 게시판 · 쇼핑 · 쇼핑 기획전 · 최신글 · 예약 · 출석체크 이벤트
콘텐츠 — 디자인이 완성된 형태로 제공돼요. 내용만 바꿔서 바로 사용할 수 있어요.
슬라이드 (14종) 풀 배너 슬라이드 · 큰 배너 슬라이드 · 작은 배너 슬라이드 · 분할 슬라이드 · 꽉 찬 이미지 슬라이드 · 다중 이미지 슬라이드 · 세로 카드 슬라이드 · 가로 카드 슬라이드 · 꽉 찬 동영상 슬라이드 · 다중 동영상 슬라이드 · 플립 띠 배너 · 롤링 띠 배너 · 롤링 기본 로고 · 롤링 원형 로고
텍스트카드 (10종) 박스 아코디언 · 라인 아코디언 · 긴 세로 카드 · 긴 가로 카드 · 이미지 세로 카드 · 이미지 가로 카드 · 이미지 위 텍스트 카드 · 플립 카드 · 마우스 오버 카드 · 리뷰 카드
레이아웃 (9종) 이미지·텍스트 좌우 분할 · 이미지 블록 · 단일 이미지 태그 · 분할 이미지 태그 · 갤러리 이미지 태그 · 캡슐 탭 · 밑줄 탭 · 타임라인 · 플로팅 버튼
프로모션 (3종) 큰 타이머 · 작은 타이머 · 프로모션 플로팅 버튼
메뉴 (2종) 이미지 메뉴 · 캡슐 메뉴
히어로 (4종) 숫자 카운터 · 롤링 텍스트 · 텍스트 하이라이트 · 스크롤 다운
참고: 타이머 위젯은 종료 시각만 설정하면 남은 시간이 자동으로 계산돼요. 슬라이드 배너처럼 노출 기간을 지정할 수 있는 위젯도 있어, 프로모션 일정에 맞춰 자동으로 켜지고 꺼지게 만들 수 있어요.
참고: 위젯 하나하나의 설정 항목이 궁금하다면 위젯별 기능 설명 (디자인 요소) 가이드를 확인해 주세요.
위젯을 클릭하면 위젯 전체가 연한 파란색으로 표시되면서 선택돼요. 선택된 상태에서 오른쪽 끝에 ⓘ 아이콘이 보여요.
설정을 열려면 위젯 위에서 마우스 오른쪽 버튼을 클릭한 뒤 메뉴 맨 위 항목을 선택해 주세요. 이 항목의 이름은 위젯 종류에 따라 달라져요. 텍스트 위젯이면 '텍스트 설정', 쇼핑 위젯이면 '쇼핑 설정'처럼 표시돼요.
화면 오른쪽에 설정 사이드패널이 열려요. 위젯 종류마다 준비된 항목이 달라서, 텍스트 위젯이면 줄 간격·높이·정렬·외부 여백 같은 항목을 조절할 수 있어요. 위쪽 탭에서 애니메이션 설정으로도 넘어갈 수 있어요.
참고: 줄 간격처럼 '기본'으로 되어 있는 항목은 공통 디자인 설정의 값을 따라가요. 이 위젯만 다르게 하려면 '직접 지정'을 선택해 주세요.
위젯을 마우스로 끌어(드래그) 원하는 자리에 놓으면 순서가 바뀌어요. 별도의 이동 손잡이는 없고, 위젯 본체를 그대로 잡아 끌면 돼요.
같은 섹션 안에서는 물론 다른 섹션으로도 옮길 수 있어요. 끄는 동안 들어갈 위치가 선으로 표시돼요.
참고: 잘 잡히지 않으면 위젯을 한 번 클릭해 선택한 뒤 다시 끌어 주세요.
같은 위젯이 여러 번 필요할 때는 복사해서 붙여넣어 주세요. 위젯 복사와 위젯 붙여넣기 두 단계로 나뉘어 있어요.
1. 복사할 위젯에서 마우스 오른쪽 버튼을 클릭하고 '위젯 복사'를 선택해 주세요.
2. 붙여넣고 싶은 위치의 위젯에서 마우스 오른쪽 버튼을 클릭하고 '위젯 붙여넣기'를 선택해 주세요. 복사하기 전에는 이 항목이 흐리게 표시돼요.
붙여넣은 위젯은 선택한 위젯 바로 아래에 들어가요. 다른 섹션이나 다른 메뉴(페이지)에도 붙여넣을 수 있어요.
페이지에서 필요 없어진 위젯은 두 가지 방법으로 지울 수 있어요.
방법 1. 위젯 위에서 마우스 오른쪽 버튼을 클릭하고 '삭제'를 선택해 주세요.
방법 2. 위젯 설정 사이드패널 맨 아래의 '위젯 삭제'를 클릭해 주세요.
확인 창이 열리면 '확인'을 눌러 주세요.
주의: 삭제한 위젯은 되돌릴 수 없어요. 실수로 지웠다면 게시하기 전에 왼쪽 위 되돌리기(↩) 버튼을 눌러 주세요.
Q. 위젯 추가 창의 모습이 예전과 달라요. A. 위젯 추가 창이 새로운 모습으로 개편되어 사이트별로 순차 적용되고 있어요. 이미 넣어 둔 위젯과 설정은 그대로 유지되니 안심하고 사용하셔도 돼요.
Q. 위젯은 몇 개까지 넣을 수 있나요? A. 기본 위젯은 개수 제한이 없어요.
Q. 전문가가 만들어 준 위젯의 글자나 색상만 제가 바꿀 수 있나요? A. 전문가가 설정 패널을 구성해 두었다면 디자인 모드에서 직접 바꿀 수 있어요. 위젯을 마우스 오른쪽 버튼으로 클릭한 뒤 '위젯 설정'을 선택해 주세요. 다만 원본 코드는 제작자만 확인·수정할 수 있어요.