주요 내용으로 건너 뛰기

JetPopup 또는 Elementor Popup Builder : 어느 쪽을 선택합니까?

Divi : 사용하기 가장 쉬운 WordPress 테마

Divi : 모든 시간의 최고의 WordPress 테마!

600.000 다운로드Divi는 세계에서 가장 인기있는 WordPress 테마입니다. 그것은 완전하고, 사용하기 쉽고 62 무료 템플릿 이상을 제공합니다. [추천]

첫 번째 팝업은 90 초기 초에 Tripod에 자신의 웹 페이지를 호스팅하기 위해 Ethan Zukerman이 상상 한 시나리오에서 생성되었습니다. 그의 사용자는 웹 사이트에 게재 한 광고 수에 대해 불만을 표시하여 사용자가 페이지에 액세스 할 때 열리는 별도의 페이지에 배너를 배치하기로 결정했습니다.

이 작은 코드 조각은 현재 모든 웹 사이트에서 볼 수 있듯이 실제 팝업이 아니었지만 시작했을 때입니다. 현대 웹 페이지에서 팝업은 광고뿐만 아니라 다양한 목적으로 사용됩니다. 연락처 양식, 개인 정보 보호 정책 경고 및 구독 제안은 종종 팝업 창으로 표시됩니다.

팝업과 관련하여 사용자를 괴롭히는 두 가지 사항이 있습니다. 외관이 웹 사이트 스타일과 완전히 다른 경우 이 두 가지 문제는 최고 품질이 아닌 것으로 보이는 플러그인을 사용할 때 나타납니다.

초보자 개발자가 사용하는 대부분의 플러그인의 가장 큰 문제 팝 업 만들기 결과 메시지에 대한 제어력이 부족합니다. 그러나 Elementor를 사용하여 웹 사이트를 만드는 경우 이러한 모든 문제를 피할 수 있습니다.

Elementor Page Builder를 위해 특별히 제작 된 두 가지 멋진 플러그인을 사용하면 필요한 모든 유형, 모양 및 스타일의 팝업을 만들 수 있습니다. 엘레멘터 팝업 빌더 et JetPopup. 둘 다 Elementor와 동일한 육체로 만들어 졌으므로 물어볼 유일한 질문은 어떤 플러그인을 선택해야 하는가입니다. 이 결정을 돕기 위해 두 가지를 모두 철저히 검토하여 장단점을 비교할 수 있습니다. 그럼 가자!

다운로드 및 설치

사용할 플러그인을 선택할 때 이것이 가장 중요한 기준은 아니지만, 사용하려면 먼저 플러그인을 얻어야합니다. 그렇기 때문에 처음부터 시작하여 가격, 노력 및 설치 과정의 단순 성인 프로세스를 설명합니다.

팝업 빌더

엘리멘터

이 플러그인은 Elementor 팀이 만들었습니다. 그래서 우리는 그를 그의 "자식"이라고 부를 수있었습니다. 이것은 고객의 요구를 충족시키기 위해 1 월 2019에 출시 된 Elementor의 마지막 업데이트입니다. 그러나 Elementor 무료 버전 사용자에게는 제공되지 않습니다.

Popup Builder는 전문 가입 플랜에 포함되어 있습니다. 따라서 팝업을 만들려면 먼저 Elementor Pro가 있어야합니다. 단일 웹 사이트에 다양한 Elementor 기능을 사용할 수있는 가장 간단한 요금제는 연간 $ 49입니다. 따라서 첫 번째 단계 (Elementor Pro 구매)에서 Popup Builder를 얻는 알고리즘은 다음과 같습니다.

  • Pro Elementor Page Builder를 구입하십시오.
  • 개인 계정으로 이동하여 플러그인을 다운로드하십시오.
  • 웹 사이트의 대시 보드 (플러그인> 새 항목 추가)로 이동하여 "플러그인 업로드"버튼을 클릭하고 적절한 .zip 파일을 선택하십시오.
  • 설치가 완료되면 라이센스 키로 플러그인을 활성화하십시오.
  • 팝업 작성기는 템플릿> 팝업 탭에 있습니다.

먼 길이지만 Popup Builder를 사용하면 위젯, 템플릿 및 기타 추가 도구와 같은 Elementor의 다양한 요소 모음을 얻을 수 있습니다.

팝업 빌더

JetPopup

Jet 플러그인의 "family"에는 이미 10 개 이상의 기사가 있으며 JetPopup도 그 중 하나입니다. Elementor를 위해 특별히 제작되었으며 사용 가능한 도구 수가 증가합니다. 이 플러그인은 t입니다JetPopups무료 및 유료 버전과 완전히 호환됩니다. 추가로 구매할 필요는 없습니다. JetPopup의 가격은 15 $이며 일단 받으면 단일 웹 사이트에 사용할 수 있습니다. 둘 이상의 프로젝트에 필요한 경우 개발자 라이센스 (45 $)로 플러그인을 구매하여 5 개의 웹 사이트에 사용할 수 있습니다. 플러그인을 얻는 알고리즘은 조금 더 간단합니다.

  • TemplateMonster Marketplace에서 플러그인을 구매하십시오. 컴퓨터로 다운로드됩니다.
  • 웹 사이트의 대시 보드 (플러그인> 새 항목 추가)로 이동하여 "플러그인 업로드"버튼을 클릭하고 적절한 .zip 파일을 선택하십시오.
  • 설치가 완료되면 플러그인을 활성화하십시오.
  • 짜잔! Elementor 사용자 정의 메뉴를 열면 ( "Elementor로 편집"단추를 클릭하여) 위젯의 왼쪽 메뉴에 JetPopup 섹션이 있습니다.

JetPopup

팝업 생성

이제 도구가 준비되면 두 플러그인으로 팝업을 작성하고 기능이 얼마나 간단하고 이해할 수 있는지 확인할 수 있습니다. 다음으로 기본 팝업을 작성하고 Popup Builder 및 JetPopup의 사용자 정의 옵션을 살펴 보겠습니다.

팝업 빌더

Pro Elementor에서 팝업은 사이트의 페이지와 별도로 만들어집니다. 웹 사이트의 모양을 변경하려면 사용자 정의 할 페이지를 열고 "요소로 편집"단추를 클릭 한 후 변경하십시오. 그러나 팝업을 생성 (및 편집)하려면 템플릿> 팝업으로 이동하여 "새 팝업 추가"버튼을 눌러야합니다.

팝업 빌더
팝업 작성기를 지금 사용해보십시오.

열린 창에서 생성 할 템플릿을 선택하고 (예, 팝업뿐만 아니라 페이지 및 기타 항목에 대한 템플릿을 생성 할 수 있음) 이름을 지정해야합니다.

팝업 생성

"템플릿 만들기"버튼을 누르면 Elementor 개인 설정 메뉴로 리디렉션됩니다. 기존 항목을 처음부터 작성하여 쉽게 사용자 정의 할 수 있습니다. 따라서 먼저 적절한 모델을 선택하라는 메시지가 표시됩니다.

Elementor로 웹 사이트를 쉽게 만들 수 있습니다

Elementor를 사용하면 전문적인 모양으로 웹 사이트 디자인을 쉽게 만들 수 있습니다. 자신이 할 수있는 일에 대해 비용을 지불하지 마십시오. [무료]

팝업 라이브러리

라이브러리 목록 맨 위에 표시되는 모델 중 하나를 선택했습니다. 선택 직후, 당신은 아마도 익숙한 Elementor 작업장에 착륙합니다. 사용자 정의 옵션은 화면 왼쪽의 사이드 바에 있습니다. 여기에는 세 개의 탭이 있습니다.

"설정"탭에서 팝업의 레이아웃을 변경하고 모델 이름을 변경하고 미리보기를 할 수 있습니다. "스타일"탭에서 색상, 글꼴, 이미지 및 테두리 변경과 같은 디자인을 사용자 정의 할 수 있습니다. "고급"탭에는 추가 슬라이더 세트가 있습니다. 예를 들어, ESC 키로 팝업이 닫히는 것을 방지합니다.

팝업 설정

보시다시피 예기치 않은 것은 없지만 Elementor를 이미 사용한 경우이 플러그인에 아무런 문제가 발생하지 않습니다. 다음은 Popup Builder를 사용하여 팝업 창을 만드는 방법을 설명하는 자세한 비디오입니다.

JetPopup

이 플러그인은 대시 보드에 새 탭을 추가합니다. 워드 프레스 테마 그리고 그것의 도움으로, 팝업은 페이지와 별도로 생성됩니다. 기성품 팝업은 "팝업 라이브러리"라는 이름의 탭에도 저장됩니다. 새 팝업을 만들려면 미리 정의 된 템플릿에서 "추가"버튼을 누르거나 JetPopup> 새 팝업 추가로 이동하여 모델 이름을 입력하고 "Elementor로 편집"을 누릅니다.

새 팝업 추가

이제 더 작은 창을 만들고 있기 때문에 작업 영역은 표준과 약간 다릅니다. 왼쪽 메뉴에서 팝업에 모든 유형의 항목을 추가 할 수 있습니다.

팝업 요소

JetPopup 플러그인은 위젯 메뉴에 팝업 작업 버튼 인 단일 항목을 추가합니다. 사용자가 버튼을 누를 때 발생할 동작 유형을 설정합니다.

팝업 동작 버튼

팝업 동작 편집 버튼

팝업 창의 설정을 여는 것은 쉽지 않습니다. 메뉴 하단의 유지 관리 버튼을 클릭해야합니다. 설정 메뉴는 팝업 빌더와 매우 유사하지만 사용자 정의를위한 두 개의 탭만 있습니다. "일반 설정"을 사용하면 애니메이션 효과를 정의하고 모델 이름을 바꾸거나 조건을 설정할 수 있습니다. "스타일"탭에서 레이아웃, 색상, 이미지, 글꼴 및 테두리를 변경할 수 있습니다.

팝업 일반 설정

JetPopup은 기능이 약간 덜하지만 상세하고 유용한 비디오 자습서를 보완합니다.

최고의 WordPress 테마 및 플러그인을 찾고 계십니까?

Envato에서 최고의 플러그인과 WordPress 테마를 다운로드하고 쉽게 웹 사이트를 만드십시오. 이미 49.720.000 다운로드 이상. [EXCLUSIVE]

트리거

유용하고 방문자를 성가 시게하지 않으려면 팝업이 적시에 표시되어야합니다. 팝업이 표시되는 조건을 "트리거"라고합니다. 사용 가능한 조건이 자세할수록 팝업 플러그인이 더 유연합니다. 가입 양식 팝업 창이 나타난 후 사용자가 사이트를 떠나지 못하게하려면 정밀도가 매우 중요합니다.

팝업 빌더

팝업 빌더 편집

팝업 게시

이 플러그인은 팝업 창을 사용자 정의한 직후에 필요한 조건을 정의하는 데 도움이됩니다. "게시"버튼을 누르면 조건 (이 팝업이 표시 될 페이지), 트리거 (팝업 창이 표시 될 때) 및 고급 규칙을 정의 할 수있는 창이 나타납니다.

Popup Builder에는 스크롤 및 클릭과 같은 6 개의 트리거와 설정된 세션 수 후보기 또는 일부 장치에서보기와 같은 7 개의 고급 규칙이 있습니다. 트리거 및 고급 규칙에는 간단한 슬라이더 스위치가 있으며 원하는 모든 매개 변수를 설정하는 것이 매우 빠릅니다.

JetPopup

팝업 설정

팝업의 앞 페이지

모든 트리거, 조건 및 열기 이벤트가 매개 변수로 그룹화됩니다. 유지 보수 버튼을 클릭 한 후 매개 변수 탭을 열고 트리거를 즉시 설정할 수 있습니다. 스크롤 후 페이지 비율, 팝업 메뉴 표시 또는 사용자에게 메시지가 표시되는 시간 (초)을 설정할 수 있습니다.

이 창은 한 번 또는 사용자가 특정 작업을 수행 할 때마다 표시 될 수 있습니다 (권장하지 않음-사용자를 만족시키지 않습니다). 이 구체적인 팝업이 표시 될 발행물이나 페이지를 매우 정확하게 선택할 수도 있습니다. 일반적으로이 플러그인은 팝업을 매우 정확하게 표시 할 수있을 정도로 유연합니다.

위치

사용자는 확실히 화면 중앙으로 직접 이동하는 창을 피할 수는 없지만 웹 사이트에서 방문자를 산만하게하고 실제로 지루할 수 있습니다. 모든 팝업을 중앙에 배치해서는 안되며 상단의 좁은 리본은 잘 보이지 않지만 훨씬 효과적 일 수 있습니다. 즉, 창의 위치를 ​​제어하고 화면에서 움직일 수 있어야합니다.

위치

팝업 빌더 et JetPopup 화면을 9 개의 영역으로 나누고 팝업을 그 중 하나에 배치 할 수 있습니다. 위치는 왼쪽 및 오른쪽 스케일로 정의됩니다. 매우 유연하지는 않지만 팝업에는 충분합니다.

애니메이션 효과

페이지에서 창을 슬라이드 (또는 롤 또는 점프)하는 방법이 매우 중요합니다. 창이 너무 빠르거나 느리게 움직이면 효과가 없습니다. 수신 거부, 간 지름 및 진전도 매우 정확하게 사용해야합니다. 애니메이션 효과는 사이트를 더 역동적으로 만들지 만 전체 인상을 망칠 수도 있습니다.

애니메이션 효과

팝업 빌더 36에는 다양한 방향의 드래그, 배포, 확대 / 축소, 바운스 및 회전 유형을 포함한 입력 애니메이션 유형이 있습니다. 이 모든 것은 애니메이션 지속 시간과 함께 설정 탭의 "레이아웃"섹션에서 찾을 수 있습니다.

제트 팝업 설정

플러그인에 13 애니메이션 유형이 있습니다. JetPopup페이드, 세로 뒤집기, 다른 슬라이드, 수신 거부 및 확대 / 축소를 포함하여 설정 탭의 "설정"섹션에서 찾을 수 있습니다.

모델

경우에 따라 특정 구조로 팝업 창을 만들고 그 모양을 정확히 알고 싶을 수도 있습니다. 그러나 이것은 드문 기회입니다. 훨씬 더 자주 팝업에 어떤 요소가 포함되어야하는지 전혀 모릅니다. 모델이 유용한 곳입니다. 사전 구성된 샘플을 사용하지 않더라도 그 처리는 좋은 개요를 제공 할 수 있습니다. 물론, 기성품을 커스터마이징하는 것은 처음부터 구축하는 것보다 훨씬 빠르고 쉽습니다.

온라인 상점을 쉽게 만들 수 있습니다.

무료 WooCommerce를 다운로드하십시오. 전자 상거래 플러그인은 WordPress에서 실제 제품과 디지털 제품을 판매하는 플러그인입니다. [추천]

Elementor 모델 라이브러리

팝업 빌더 Elementor 모델 라이브러리에 카테고리를 추가했습니다. 내가 이미 말했듯이, 팝업 창을 만드는 새로운 프로세스의 시작 부분에서 볼 수 있습니다. 다양한 팝업 템플릿이 있습니다. 100 개 이상의 기사가 있습니다. 왼쪽 상단에서 드롭 다운 정렬 도구를 사용하면 검색 속도를 높일 수 있습니다. 범주는 이해할 수 있으며 필요한 팝업을 찾는 데 많은 시간이 걸리지 않습니다.

제트 팝업 미리 설정 라이브러리

JetPopup 또한 거대한 모델 라이브러리가 있습니다. 모두 상황 별 라이브러리 탭에 저장되며 미리보기 버튼 및 사용량 카운터와 같은 편리한 기능이 있습니다. 더 많은 정렬 옵션이 있습니다. 목록은 특정 유형의 템플릿을 표시하도록 구성한 다음 순서대로 배치 할 수 있습니다. 예를 들어 생성 날짜에 따라 다릅니다. 사용 가능한 정확한 모델 수를 말할 수는 없지만 100 이상이 있습니다.

비교표

엘레멘터 팝업 빌더JetPopup
가격$ 45$ 15
모델100 세 이상100 세 이상
트리거6 트리거, 7 고급 규칙추가 매개 변수가있는 5 열기 이벤트
Animatio36 유형13 유형
자습서선적 서류 비치문서, 9 비디오 자습서

JetPopup vs 팝업 빌더

결론

이 두 플러그인 중 어느 것이 가장 좋은지 말할 수 없습니다. 판단하기에는 너무 복잡합니다. 각 케이스 및 개인마다 플러그인 선택에 대한 고유 한 요구 사항이 있습니다. 나는 당신이 그것을 스스로 정의해야한다고 생각합니다.이 두 가지 중 당신에게 가장 적합한 것은 무엇입니까? 귀하의 웹 사이트에 인상적인 팝업을 추가해 보시기 바랍니다.

이 문서에는 메모의 0을 포함

코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다. 필수 필드는 표시됩니다 *

이 사이트는 원하지 않는 것을 줄이기 위해 Akismet을 사용합니다. 댓글 데이터 사용 방법에 대해 자세히 알아보기.

맨 위로
1 주식
1
짹짹
레지스터