• 가이드

모달창 띄우기

모달(Modal)이란?

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

사용방법

1단계: 모달 메뉴 만들기

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

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

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

2단계: 모달 링크 걸기

버튼 위젯 등에 모달창이 열리도록 링크를 걸어주는 과정입니다.

  1. 페이지에 버튼 위젯을 추가합니다. 위젯 추가방법

    참고: 버튼 위젯 외 텍스트, 이미지, 갤러리 등 링크 옵션을 제공하는 위젯이라면 모두 사용 가능합니다. 일반 텍스트에 모달 링크를 삽입하려면 이 도움말 하단의 관련 도움말을 참고하세요.
  2. 버튼 설정을 켭니다. 위젯 설정 열기
  3. 링크 방식으로 모달을 선택합니다.

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

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



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

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

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

목록으로

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

218.7K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

315

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

2.1K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 나이스페이, 엑심베이 공식파트너입니다.