마스터 애드온
  • 위젯
    • 체인질로그
      소스 코드 새로운 프로
      칼데라 양식
      로고 슬라이더
      목차
      중력 형태
      변환합니다 프로
      콘텐츠 제한 프로
      가격표
      닌자 양식
      메일침팬지
      도구 설명
      팝업 트리거 새로운 프로
      어떤 요소 새로운
      크리에이티브 버튼
      크리에이티브 링크 새로운
      도메인 검색 뜨거운 프로
      이중 제목 뜨거운
      플립박스
      애니메이션 그라데이션 BG 뜨거운 프로
      이미지 핫스팟 프로
      인포박스
      뉴스 티커 프로
      입자
      진행률 표시줄
      캔버스 외부 콘텐츠 새로운 프로
      읽기 진행률 표시줄 뜨거운
      사용자 정의 JS
      블록인용
      카운터 업
      이미지 호버 효과
      드러내다 새로운 프로
      렐락스 프로
      포지셔닝
      이미지 비교
      탭
      콘텐츠 전환 뜨거운 프로
      게시물/페이지 복제기 무료
      부동 효과 프로
      메가 메뉴 뜨거운
      사용자 정의 CSS 뜨거운
      그라데이션 헤드라인
      고급 이미지
      Nav 메뉴
      도구 설명
      비교표 프로
      유리형성
      주요 제품 프로
      이미지 회전목마
      갤러리 슬라이더 새로운 프로
      동적 태그 새로운
      카운트다운 타이머
      현재 시간
      패턴
      래퍼 링크
      타임라인
      팀 멤버
      문의 양식 7
      고급 아코디언
      애니메이션 헤드라인
      블로그
      영업 시간
      행동을 요청하세요
      진행률 표시줄
      배경 슬라이더
      팀 슬라이더
      동적 테이블
      그리드 라인 프로
      WP 양식
      검색
      우리는 형성한다
      입구 애니메이션 새로운 프로
      표시 조건 프로
      필터링 가능한 이미지 갤러리
      WP 양식
      사용자 정의 중단점 새로운
  • 특징
    • 테마 빌더

      웹사이트의 모든 페이지에서 일관된 모습을 볼 수 있도록 사이트 전체 템플릿을 디자인하세요.

      팝업 빌더

      매력적인 팝업, 모달 및 안내 표시줄을 만들어 리드를 캡처하세요.

      위젯 빌더

      고급 사용자 정의 위젯으로 Elementor를 확장하여 보다 역동적인 레이아웃을 구축하세요.

      메가 메뉴 빌더

      뛰어난 탐색을 위해 아이콘과 이미지가 포함된 다중 열 메뉴를 만듭니다.

      사용자 정의 Css

      기본 디자인 옵션을 넘어 픽셀 완벽한 스타일링을 위해 나만의 CSS를 적용하세요.

      동적 태그

      게시물 제목 및 사용자 정의 필드와 같은 동적 콘텐츠를 디자인에 직접 삽입합니다.

      표시 조건

      사용자 역할, 장치, 시간 및 기타 규칙에 따라 요소 가시성을 제어합니다.

      아이콘 라이브러리

      수천 개의 내장 아이콘 중에서 선택하여 시각적 요소와 일관성을 향상하세요.

      애니메이션

      스크롤, 호버, 입구 및 훨씬 더 많은 애니메이션을 추가하여 디자인에 생기를 불어넣으세요.
  • 템플릿 키트
    • 템플릿 키트

      전문적으로 디자인된 전체 페이지 템플릿 키트. 몇 초 만에 가져오기 및 사용자 정의.

      준비 섹션

      사전 구축된 콘텐츠 섹션 및 행. 즉시 드래그,드롭 및 사용자 지정.

      준비된 팝업

      다양한 유형의 고변환 팝업 디자인. 빠르게 가져오기 및 실행.

      Elementor 페이지 템플릿

      어떤 목적으로든 페이지 레이아웃을 완료하세요. 즉시 편집을 시작하세요.

      준비 헤더

      여러 현대적인 헤더 디자인. 가져 오기 및 브랜드에 적응.

      준비 바닥글

      다양한 웹 사이트를 위해 완벽하게 설계된 바닥글. 클릭에 기능과 스타일을 추가.
  • 브랜드
    • WP 관리

      WP 관리

      WordPress 대시보드를 제어하세요. 관리자 환경 사용자 지정.
      관리자 바 편집기

      관리자 바 편집기

      WordPress 관리자 막대를 사용자 정의하여 더욱 깨끗하고 개인화된 작업 공간을 확보하세요.
      로그인

      로그인

      브랜딩, 스타일 및 보안 강화로 WordPress 로그인 페이지를 사용자 정의하십시오.

      롤마스터 스위트

      더 나은 보안과 워크플로우를 위해 사용자 역할과 권한을 정밀하게 관리합니다.
      마스터 블록

      마스터 블록

      고급 사용자 정의 블록으로 구텐베르크 편집기를 확장하여 보다 창의적인 레이아웃을 구현하세요.
      WP 스포트라이트

      WP 스포트라이트

      어디서나 관리자 기능, 게시물 및 설정을 즉시 검색하고 액세스 할 수 있습니다.
  • 테마
  • 도움말
    • 지원 받기
    • 문서
    • 페이스북 커뮤니티
    • 체인질로그
  • 블로그
가격
🇰🇷KO
  • 🇺🇸EN
  • 🇸🇦AR
  • 🇧🇩BN
  • 🇩🇰DA
  • 🇩🇪DE
  • 🇪🇸ES
  • 🇫🇷FR
  • 🇮🇳HI
  • 🇰🇷KO
  • 🇵🇹PT
  • 🇷🇺RU
  • 🇨🇳ZH

시작하기

  • Elementor Page 편집기 안에 Master Addon Element 가 보이지 않습니까?
  • 제휴 계정을 신청하는 방법은 무엇입니까?
  • 액티브 프로 버전
  • 플러그인 설치

애드온

  • 팝업 트리거 위젯 설정
  • 캔버스 외부 콘텐츠 위젯 설정
  • 로고 슬라이더 위젯 설정
  • 진행률 표시줄 위젯 설정
  • 이미지 회전목마 설정
  • 주요 제품 위젯 설정
  • 비교표 위젯 설정
  • 소스 코드 위젯 설정
  • 고급 이미지 위젯 설정
  • 그라디언트 헤드라인 위젯 설정
  • 갤러리 슬라이더 설정
  • 콘텐츠 위젯 설정을 전환합니다
  • 정보 상자 위젯 설정
  • 타임라인 위젯 설정
  • 동적 테이블 위젯 설정
  • Mailchimp 위젯 설정
  • Blockquote 위젯 설정
  • Changelog 위젯 설정
  • 카운트다운 타이머 위젯 설정
  • 현재 시간 위젯 설정
  • 검색 위젯 설정
  • 필터링 가능한 이미지 갤러리
  • 팀 슬라이더 위젯 설정
  • 카운터 업 위젯 설정
  • 콘텐츠 설정 제한
  • 목차 위젯 설정
  • 이미지 핫스팟 위젯 설정
  • 이미지 비교 위젯 설정
  • 뉴스 티커 위젯 설정
  • 이미지 호버 효과
  • 탭 설정
  • 가격 테이블 위젯 설정
  • Nav 메뉴 위젯 설정
  • 도메인 검색 위젯 설정
  • 플립박스 위젯 설정
  • 툴팁 설정
  • 크리에이티브 링크 위젯 설정
  • 영업 시간 위젯 설정
  • 문의 양식 7 위젯 설정
  • 크리에이티브 버튼 위젯 설정
  • 애니메이션 헤드라인 설정
  • 고급 아코디언 위젯 설정
  • 클릭 유도 문구 위젯 설정
  • 진행률 표시줄 위젯 설정
  • 블로그 게시물 위젯 설정
  • 팀원 위젯 설정
  • 이중 제목 설정

확장

  • 아이콘 라이브러리 설정
  • 메가 메뉴 설정
  • 어떤 요소 확장 설정
  • 게시물/페이지 복제기 확장 설정
  • 그리드 라인 확장 설정
  • Glassmorphism 확장 설정
  • 도구 설명 확장 설정
  • 래퍼 링크 설정
  • 부동 효과 확장 설정
  • 동적 태그 설정
  • 표시 조건 확장 설정
  • 입구 애니메이션 설정
  • 사용자 정의 중단점 설정
  • 애니메이션 그라데이션 BG 확장 설정
  • 확장 설정 공개
  • 입자 확장 설정
  • 배경 슬라이더 확장 설정
  • 확장 설정을 변환합니다
  • Rellax 확장 설정
  • 포지셔닝 확장 설정
  • 사용자 정의 CSS 설정

위젯 빌더

  • 조건
  • 나뭇가지 구문
  • 설정 패널 소개
  • 분배기
  • 텍스트 그림자
  • 선택2
  • 국경
  • 향하고
  • 탭
  • 리피터
  • 시각적 선택
  • 배경
  • 치수
  • 박스 섀도우
  • 슬라이더
  • 아이콘
  • 갤러리
  • 미디어
  • 팝오버 토글
  • URL 필드
  • 날짜 시간
  • 타이포그래피
  • 글꼴
  • 컬러 필드
  • 선택
  • 선택
  • 스위처
  • 숨겨진
  • 코드
  • 위지윅
  • 텍스트 영역 필드
  • 번호
  • 텍스트 필드

테마 빌더

  • 댓글 양식
  • 404
  • 검색
  • 아카이브
  • 싱글
  • 바닥글
  • 헤더

팝업 빌더

  • Elementor에서 비활성 상태 후 팝업을 여는 방법
  • Elementor에서 종료 인텐트 팝업을 표시하는 방법
  • Elementor에서 특정 요소로 스크롤하여 팝업을 여는 방법
  • Elementor에서 스크롤에서 팝업을 여는 방법
  • Elementor에서 클릭 시 팝업을 여는 방법
  • 페이지로드에서 팝업을 여는 방법?
  • 팝업 설정 및 옵션

템플릿 키트

  • 마스터 애드온에서 템플릿 키트를 가져오는 방법
  • Elementor 기본 글꼴 및 색상을 비활성화하는 방법
  • Elementor 템플릿 키트를 가져옵니다
카테고리 보기
  • 홈
  • 문서
  • 팝업 빌더
  • Elementor에서 스크롤에서 팝업을 여는 방법

Elementor에서 스크롤에서 팝업을 여는 방법

로이 제미
2026년 9월 15일에 업데이트되었습니다

3분 읽기

페이지가 열리는 두 번째를 로드하는 팝업은 푸시하게 느껴지며,대부분의 방문자는 단어를 읽기 전에 닫습니다. 스크롤 트리거 팝업은 누군가가 실제로 읽을 때까지 기다렸다가 관심을 가질 만큼 멀리 스크롤하면 제안을 보여줍니다. 그만큼 마스터 애드온 팝업 빌더 이것을 처리합니다 스크롤에 트리거와 하나 스크롤 진행 설정. 코드가 없습니다.

Elementor용 마스터 애드온과 함께 무료로 제공되는 팝업 빌더를 사용하여 방문자가 페이지의 선택한 비율을 스크롤한 후 열도록 팝업을 설정하는 방법은 다음과 같습니다.

시작하기 전에 #

  • Master Addons Popup Builder에 이미 구축된 팝업입니다(참조 팝업 설정 가이드 하나를 만들려면)
  • Elementor가 설치되고 활성화되었습니다
  • Elementor용 마스터 애드온이 설치되고 활성화되었습니다(설치 가이드)

1단계: Elementor에서 팝업을 엽니다 #

로 이동 마스터 애드온 → 팝업 빌더. 스크롤에서 트리거할 팝업을 찾아 이름 위로 마우스를 가져간 다음 클릭합니다 Elementor 로 편집. 팝업은 Elementor 편집기에서 열립니다 MA 팝업 설정 왼쪽 패널.

판매 팝업에 대한 Elementor 링크가 있는 편집이 포함된 마스터 애드온 팝업 목록입니다

2단계: 팝업을 스크롤에서 열도록 설정합니다 #

에서 MA 팝업 설정 패널, 열기 설정 섹션을 찾아보세요 팝업 열기 드롭다운. 로 설정되어 있습니다 페이지 로드에 기본적으로. 로 전환합니다 스크롤에.

동일한 드롭다운에는 클릭 시, 요소로 스크롤 시, 종료 의도 시, 비활성 후 및 사용자 지정 시와 같은 다른 트리거도 포함되므로 나중에 팝업을 다시 작성하지 않고도 동작을 변경할 수 있습니다.

온 스크롤 트리거를 선택한 상태에서 MA 팝업 설정에서 팝업 드롭다운을 엽니다

3 단계: 스크롤 진행률 백분율을 설정합니다 #

당신이 선택하는 순간 스크롤에, 새로운 필드가 나타납니다: 스크롤 진행률(%). 팝업이 실행되기 전에 방문자가 스크롤해야 하는 페이지 아래까지의 거리입니다. 슬라이더를 드래그하거나 상자에 숫자를 바로 입력합니다.

같은 낮은 값 20% 팝업을 상단 근처,일찍 표시합니다. A higher value like 50% 방문자가 반쯤 내려갈 때까지 기다립니다. 저는 보통 주위를 시작합니다 40%, 독자가 참여할 만큼 멀리, 이미 떠난 만큼은 아닙니다.

마스터 애드온에서 스크롤 켜기 트리거를 선택한 후 표시되는 스크롤 진행률 백분율 슬라이더입니다

몇 가지 관련 옵션이 슬라이더 바로 아래에 있습니다:

  • 다시 표시 지연 방문자가 팝업을 닫은 후 팝업이 다시 나타날 수 있는 기간을 설정합니다.
  • 페이지 스크롤 비활성화 팝업이 열려 있는 동안 배경 페이지를 잠급니다.
  • 팝업 자동으로 비활성화 그리고 이후 비활성화 팝업이 저절로 표시되지 않도록 종료 날짜를 선택하겠습니다.

다 끝나면 때려 출판하다 (또는 업데이트) 팝업을 저장합니다.

4 단계: 미리보기 및 스크롤 #

팝업이 표시되도록 설정된 페이지를 열고 프런트 엔드에서 봅니다. 팝업이 없는 맨 위에는 방문자가 먼저 일반 콘텐츠를 봅니다.

스크롤하기 전에 상단에 팝업이 표시되지 않는 라이브 페이지 영웅 섹션

이제 아래로 스크롤합니다. 설정한 스크롤 진행률 비율을 전달하면 팝업이 페이지 위로 슬라이드됩니다. 팝업의 표시 조건에 포함된 모든 페이지에서 동일한 방식으로 작동합니다.

방문자가 설정된 비율을 초과하여 스크롤한 후 페이지 콘텐츠 위에 나타나는 마스터 애드온 팝업입니다

문제 해결 #

  • 팝업은 절대 안나온다? 스크롤 진행률을 낮춥니다. 짧은 페이지에서 80%와 같은 높은 값은 콘텐츠 하단 아래에 위치할 수 있으므로 방문자가 절대 도달하지 않습니다.
  • 너무 일찍 발사? 방문자가 표시되기 전에 더 많은 내용을 읽을 수 있도록 비율을 높이세요.
  • 페이지에 전혀 표시되지 않습니까? 팝업의 것을 확인하십시오 활성화 가 켜져 있고 표시 조건에는 테스트 중인 페이지가 포함됩니다.
  • 다시 로드할 때마다 표시되나요? 세트 a 다시 표시 지연 따라서 사용자가 닫은 후에는 방문할 때마다 다시 열리지 않습니다.

자주 묻는 질문 #

스크롤에서 Master Addons 팝업을 어떻게 열 수 있습니까?

Elementor 에서 팝업을 편집하고 MA 팝업 설정 패널을 열고 팝업 열기를 On Scroll 로 설정합니다. 그런 다음 팝업이 나타나기 전에 방문자가 스크롤하는 페이지 아래로 얼마나 내려가는지인 스크롤 진행률 비율을 설정합니다.

Scroll Progress 퍼센트는 무엇을 의미합니까?

팝업이 실행되기 전에 방문자가 스크롤하는 페이지의 점유율입니다. 40%에서 누군가가 아래로 40% 스크롤하면 팝업이 열립니다. 낮은 값은 더 빨리 표시되고 높은 값은 더 오래 기다립니다.

팝업에 좋은 스크롤 비율은 얼마입니까?

30 에서 50 퍼센트 정도가 대부분의 페이지에서 작동합니다. 방문자가 귀하의 콘텐츠에 참여하고 있지만 읽기를 마쳤거나 이미 떠난 정도는 아니기에 충분합니다.

매번 팝업이 표시되지 않도록 중지할 수 있나요?

예. 스크롤 진행 슬라이더 아래의 다시 표시 지연 옵션을 사용하여 방문자가 팝업을 닫은 후 팝업이 다시 나타날 수 있는 시간을 설정합니다.

스크롤 팝업을 위해 Elementor Pro 가 필요합니까?

아니요. Master Addons Popup Builder 는 Elementor 의 무료 버전에서 작동하므로 On Scroll 트리거 및 Scroll Progress 설정은 Elementor Pro 없이 작동합니다. 무료 플러그인이 페이지 로드의 모든 팝업을 열기 때문에 On Scroll 트리거 자체에는 Master Addons Pro 가 필요합니다.

관련 읽기 #

  • 마스터 애드온 팝업 빌더 설정
  • 팝업 트리거 옵션 설명
  • Elementor에서 무료로 팝업을 추가하는 방법
당신의 감정은 무엇입니까

이 기사를 공유하세요:

  • 페이스북
  • 엑스 X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X X
  • 링크드인
  • 핀터레스트
아직도 붙어? 어떻게 도울 수 있을까요?

어떻게 도울 수 있을까요?

2026년 9월 15일에 업데이트되었습니다
Elementor에서 특정 요소로 스크롤하여 팝업을 여는 방법Elementor에서 클릭 시 팝업을 여는 방법
목차
  • 시작하기 전에
  • 1단계: Elementor에서 팝업을 엽니다
  • 2단계: 팝업을 스크롤에서 열도록 설정합니다
  • 3 단계: 스크롤 진행률 백분율을 설정합니다
  • 4 단계: 미리보기 및 스크롤
  • 문제 해결
  • 자주 묻는 질문
    • 스크롤에서 Master Addons 팝업을 어떻게 열 수 있습니까?
    • Scroll Progress 퍼센트는 무엇을 의미합니까?
    • 팝업에 좋은 스크롤 비율은 얼마입니까?
    • 매번 팝업이 표시되지 않도록 중지할 수 있나요?
    • 스크롤 팝업을 위해 Elementor Pro 가 필요합니까?
  • 관련 읽기

마스터 애드온을 신뢰하는 30,000 + 웹 크리에이터에 가입하십시오

사이트를 빠르게 유지하는 깨끗한 코드로 구축 된 원하는 모든 프리미엄 위젯과 템플릿을 얻으십시오. 기능이 아닌 부풀어 오른 부분을 버리십시오.

라이브 데모 사용해보기
커뮤니티에 가입하세요
Elementor용 마스터 애드온
마스터 애드온 로고

80+ 프리미엄 위젯 & 평생 업데이트 – 한계를 넘어서 구축. 에 의해 독점적 인 창조 픽사 연구소

페이스북-f 트위터 유튜브 워드프레스
특징
  • 템플릿 키트
  • 템플릿 라이브러리
  • 위젯 빌더
  • 테마 빌더
  • 메가 메뉴 빌더
지원
  • 지원 포럼
  • 문의하기
  • 커뮤니티에 가입하세요
  • 블로그
  • 비디오 리뷰
자원
  • 내 계정
  • 창로그
  • 문서
  • 비디오 자습서
  • Toolz.dev
탐색
  • 제휴 신청
  • 이용 약관
  • 환불 정책
  • 개인정보 보호정책
  • 회사 소개