모달창 띄우기

모달(Modal)

모달 기능을 활용해 페이지 위에 새로운 창을 띄워 콘텐츠를 보여줄 수 있습니다.


사용방법

1단계, 모달 메뉴 만들기

모달 기능을 활용하려면 앞서 띄울 모달 페이지를 만들어야 합니다.

  1. 디자인 모드에 접속합니다.
  2. 메뉴 관리를 열고 모달 오른쪽 ⊕를 클릭합니다.



  3. 모달 메뉴명을 입력하고 확인을 누릅니다.
  4. 빈 모달 메뉴에 위젯을 추가하거나 섹션을 나누어 디자인할 수 있습니다.
  5. (선택 사항) 모달 메뉴 설정을 열고, 모달 제목, 모달 넓기, 배경색 등 설정을 변경합니다.


2단계, 모달 링크 걸기

버튼 위젯 등에 링크 형식을 모달로 선택하고 위에서 제작한 모달 메뉴를 연결합니다.

  1. 버튼 위젯을 추가합니다.
    참고 : 버튼 위젯 외 텍스트, 이미지, 갤러리 등 링크 옵션이 제공되는 위젯이라면 모두 사용 가능합니다.
  2. 버튼 위젯 설정을 켭니다.
  3. 링크 방식으로 모달을 선택합니다.



  4. 위 1단계에서 제작한 모달 메뉴를 연결합니다.



  5. 버튼 클릭 시 모달 창이 정상적으로 나타나는지 미리보기를 클릭해 확인합니다.


추가 도움말: 텍스트에 모달 링크를 추가하려면?

특정 텍스트의 링크를 삽입하고, 링크 클릭 시 모달이 나오도록 설정하려면 다음 도움말에서 확인해주세요.

텍스트 링크 클릭 시 모달창 띄우기

사업자등록번호 : 106-04-80687

통신판매업신고번호 : 제 2015-서울용산-00950 호

Copyright© Adliving. All right reserved. 


고객지원 : 고객지원 게시판

운영시간 : 평일 AM 10:00 ~ PM 18:00(공휴일 휴무)

점심시간 : AM 11:30 ~ PM 1:00

주소 : 서울시 마포구 도화동 173 삼창프라자빌딩 1539호

고객지원 : 고객지원 게시판

운영시간 : 평일 AM 10:00 ~ PM 18:00(공휴일 휴무)

점심시간 : AM 11:30 ~ PM 1:00

주소 : 서울시 마포구 도화동 173 삼창프라자빌딩 1539호


사업자등록번호 : 106-04-80687

통신판매업신고번호 : 제 2015-서울용산-00950 호

Copyright© Adliving. All right reserved.