팝업 모달

시작하기  #

모든 정보나 전환 관련 메시지를 팝업 형식으로 표시합니다. 다양한 애니메이션 스타일로 사진, 버튼, 페이지, 텍스트 등을 보여줄 수 있습니다. 다음은 모든 방법을 자세히 설명하는 포괄적인 기사입니다.

비디오 가이드를 시청하세요:

아니면 그냥 단계별 프로세스를 따르십시오.

단계->1: 팝업 모달 추가 #

  • 이동 ElementsKit=> 로 가다 강요=> 꼭 켜두세요 팝업 모달=> 클릭하세요 구하다 변경 사항.
  • 이제 Popup Modal을 검색해 보세요.
  • 위젯을 드래그하세요.
  • 선택한 영역에 놓습니다.

단계->2: 사용자 정의 팝업 공들여 나열한 것 #

토글 버튼 #

이 버튼을 트리거로 사용할 수 있습니다. 사용자가 클릭하면 그에 따라 팝업이 표시됩니다.

  • 팝업 토글러 유형 선택: 단추.
  • 팝업을 보실 수 있습니다 비녀장 버튼이 표시됩니다.
  • 이제 팝업 토글 버튼을 확장하세요.: 이 섹션은 토글 유형을 선택하면 표시됩니다. 레이아웃 섹션의 버튼.
  • 추가 또는 편집 버튼 라벨.
  • 정렬 선택: 왼쪽, 중앙 또는 오른쪽.
  • 제어 너비.
  • 토글을 활성화하여 아이콘 표시.
  • 업로드 선택한 지역에서.
  • 제어 아이콘 위치 지정 간단히 드래그하면 됩니다.
  • 그에 따라 팝업 토글러 버튼이 표시되는 것을 볼 수 있습니다..

이미지 전환 #

이미지를 트리거로 사용할 수도 있습니다.

  • 팝업 토글러 유형을 선택하세요. 영상.
  • 확장 토글러 이미지 섹션: 이 섹션은 토글 유형을 선택하면 표시됩니다. 레이아웃 섹션의 이미지.
  • 업로드 영상.
  • 선택하다 이미지 크기.
  • 이미지 정렬 선택: 왼쪽, 중앙 또는 오른쪽.
  • 팝업 토글을 볼 수 있습니다 중앙에 보이는 이미지.

토글 시간 #

사용자가 웹사이트를 방문하면 팝업 모달이 자동으로 나타납니다. 정확한 시간을 설정할 수 있습니다.

  • 팝업 유형 선택: 시간.
  • 팝업 시간 설정: 3.
  • 활성화 쿠키 동의.
  • 팝업이 나타납니다 자동으로 3초 후.

팝업 표시 유형 및 위치 사용자 정의 #

팝업 표시 방법을 제어할 수 있습니다. 팝업은 모달이나 슬라이드로 나타납니다.

  • 팝업 표시 유형 선택: 모달.
  • 버튼 위치 선택: 센터.
  • 팝업이 모달과 중앙 위치에 나타나는 것을 볼 수 있습니다.
  • 팝업 표시 유형 선택: 미끄러지 다.
  • 슬라이드의 왼쪽부터 팝업이 나타나는 것을 볼 수 있습니다.

단계->4: 팝업 사용자 정의 #

  • 팝업 제어 너비.
  • 세트 .
  • 할 수 있게 하다 씌우다.
  • 할 수 있게 하다 닫기 아이콘.
  • 닫힌 아이콘이 나타나는 것을 볼 수 있습니다..
  • 할 수 있게 하다 머리글.
  • 할 수 있게 하다 보행인.
  • 선택하다 생기.
  • 선택하다 애니메이션 기간 유형.
  • 그에 따라 머리글 및 바닥글 섹션이 표시되는 것을 볼 수 있습니다.

오버레이 사용자 정의 #

이 섹션은 다음과 같은 경우에 표시됩니다. 팝업 섹션에서 오버레이 옵션 활성화.

  • 한 번의 클릭으로 팝업을 닫으려면 이 섹션을 활성화하세요.

닫기 아이콘 사용자 정의 #

이 섹션은 다음과 같은 경우에 표시됩니다. 팝업 섹션에서 닫기 아이콘 옵션을 활성화합니다..

  • 아이콘 위치 선택: 팝업 오른쪽 상단. 선택할 수도 있습니다. 팝업 왼쪽 상단, 창 오른쪽 상단, 창 왼쪽 상단 드롭다운에서
  • 제어 수직적 지위.
  • 업로드 닫기 아이콘.

헤더 사용자 정의 #

이 섹션은 다음과 같은 경우에 표시됩니다. 팝업 섹션에서 헤더 옵션 활성화.

  • 추가 또는 편집 헤더 제목.
  • 활성화 및 편집 부제.
  • 할 수 있게 하다 분할기.
  • 그에 따라 헤더 제목, 부제 및 구분선이 표시되는 것을 볼 수 있습니다.

바닥글 사용자 정의 #

이 섹션은 다음과 같은 경우에 표시됩니다. 팝업 섹션에서 바닥글 옵션 활성화.

  • 할 수 있게 하다 분할기.
  • 할 수 있게 하다 CTA 버튼.
  • 추가 또는 편집 상표.
  • 변형 선택: 채우는. 선택할 수도 있습니다. 윤곽선 또는 텍스트.
  • 그에 따라 CTA 버튼과 구분선이 표시되는 것을 볼 수 있습니다..
  • 추가하다 URL.
  • 활성화 새 탭에서 링크 열기.
  • 선택하다 조정.
  • 활성화 역방향 정렬 및 버튼.
  • 제어 간격.
  • 그에 따라 CTA 버튼이 표시되는 것을 볼 수 있습니다..
  • 같은 방식으로 닫기 버튼을 사용자 정의합니다.

5단계: 콘텐츠 추가 #

  • 비활성화 템플릿 영역.
  • 콘텐츠를 추가하거나 편집하세요.
  • 보여주는 내용을 보실 수 있습니다 따라서.
  • 템플릿 활성화: 선택한 영역에서 위젯을 선택하고 팝업 콘텐츠 영역을 사용자 정의할 수 있습니다.
당신의 감정은 무엇입니까?
2022년 10월 9일 업데이트