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

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

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

시작하기 전에 #

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

문제 해결 #

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

자주 묻는 질문 #

관련 읽기 #

• 마스터 애드온 팝업 빌더 설정
• 팝업 트리거 옵션 설명
• Elementor에서 무료로 팝업을 추가하는 방법