팝업을 만드는 방법을 알아야 합니다. Elementor ?

Elementor 단순한 페이지 빌더가 아닙니다. 그것은 워드 프레스 플러그인 변하기 쉬운. 당신이 그것으로 할 수 있는 다른 몇 가지가 있습니다 Elementor 웹 페이지를 만드는 것 외에. 그 중 하나가 팝업 생성입니다.

이번 글에서는 Popup Builder 기능을 이용하여 팝업을 생성하는 방법을 설명하겠습니다.Elementor.

Elementor로 팝업을 만드는 것은 매우 쉽습니다. 모든 것이 드래그 앤 드롭인 Elementor의 시각적 인터페이스로 팝업을 만들 수 있습니다. Elementor는 팝업을 만드는 데 사용할 수 있는 팝업 템플릿도 제공합니다. 모델을 선택하고 게시하고 트리거를 정의하기만 하면 됩니다.

발견 WordPress에 Elementor를 설치하는 방법

더 진행하기 전에 Elementor의 Popup Builder는 프로 버전에서만 사용할 수 있다는 점에 유의해야 합니다.

Elementor로 팝업을 만드는 방법

Elementor로 팝업을 생성할 때 트리거(팝업을 표시하는 작업)를 설정하고 조건(팝업을 표시할 페이지)을 구성할 수 있습니다. 또한 고급 규칙을 설정할 수도 있습니다(아래에서 자세히 설명).

읽기 : Elementor에서 다중 색상 그라디언트 버튼을 만드는 방법

이 가이드에서는 버튼 클릭 시 트리거가 있는 클릭 유도문안 팝업을 만듭니다. 사용자가 버튼을 클릭하면 팝업이 표시됩니다.

설치했다는 가정하에 Elementor 프로, WordPress 대시보드에 로그인하고 템플릿 – > 팝업 및 버튼을 클릭 에 추가 위.

팝업에 이름을 지정하고 버튼을 클릭합니다. 모델 만들기.

사용할 팝업 템플릿을 선택하세요. 그 위에 마우스를 올려 놓고 버튼을 클릭하십시오 삽입 Elementor 편집기에 삽입합니다.

팝업을 처음부터 만들고 싶다면 템플릿 라이브러리를 닫고 Elementor의 편집기를 열면 됩니다.

Elementor 편집기에서 팝업을 사용자 지정할 수 있습니다. 기본 콘텐츠(특히 텍스트)를 자신의 콘텐츠로 바꿀 수 있습니다. 브라우저를 사용하여 섹션과 위젯 사이를 더 쉽게 이동할 수 있습니다.

들어가기/나가기 애니메이션을 추가하고 오버레이를 활성화/비활성화하고 닫기 버튼을 활성화/비활성화할 수도 있습니다.

Elementor 팝업 빌더

완료되면 버튼을 클릭하십시오 게시.

Elementor 팝업 빌더

다음 단계에서는 표시 조건과 트리거를 설정하라는 메시지가 표시됩니다. 고급 규칙을 설정하는 옵션도 있습니다.

  • 디스플레이 조건: 웹사이트에서 팝업이 표시되는 페이지를 결정합니다. 전체 웹 사이트, 특정 페이지, 특정 게시물, 특정 카테고리 등에 팝업이 나타나도록 구성할 수 있습니다.
  • 트리거: 트리거는 팝업을 표시하는 작업입니다. Elementor는 6가지 유형의 트리거를 지원합니다: On Page Load, On Scroll, On Element Scroll, On Click, 비활성 후 페이지 종료 시
  • 고급 규칙: 팝업이 표시되기 위해 충족되어야 하는 요구 사항입니다. 예를 들어, 방문자가 검색 엔진이나 특정 URL을 통해 웹사이트를 방문하는 경우 팝업이 표시되도록 구성할 수 있습니다. Elementor의 Popup Builder 자체는 설정할 수 있는 7가지 고급 규칙 옵션을 제공합니다.

사용자가 버튼을 클릭할 때 팝업을 표시하고 싶기 때문에 탭을 엽니다. 트리거 옵션을 활성화 클릭시. 클릭 저장하고 닫습니다.

새 페이지/게시물을 만들고 Elementor로 편집합니다(기존 페이지를 편집할 수도 있음).

추가 버튼 위젯 왼쪽 패널에서 편집 영역으로 드래그하여 또는 이미 단추가 포함된 기존 페이지를 편집하는 경우 단추 위젯을 클릭하여 편집 모드로 전환합니다.

발견 : Elementor 버튼 아이콘의 사용자 정의 크기를 설정하는 방법

옵션에 단추 탭 아래 내용, 링크를 다음으로 설정 팝업. 이렇게 하려면 섹션에서 동적 링크.

필드에서 렌치 아이콘을 클릭하십시오. 팝업 방금 만든 팝업을 선택합니다. 팝업 이름을 입력하여 팝업을 찾습니다.

클릭 게시/업데이트 페이지 수정 후. 버튼을 클릭하기 전에  게시/업데이트, 팝업이 이미 작동하는지 확인하기 위해 먼저 페이지를 미리 볼 수 있습니다.

팝업을 만드는 방법

지금 Elementor Pro를 받으세요!!!

결론

Elementor Pro를 사용하면 Elementor Pro에서 제공하는 기능에 팝업 빌더가 포함되어 있기 때문에 더 이상 팝업 플러그인을 설치할 필요가 없습니다.

Elementor의 Popup Builder를 사용하면 모든 유형의 팝업을 만들 수 있습니다. 방금 위에서 생성한 클릭 유도문안 팝업에서 형태 등록, 알림 표시 줄, 소셜 공유 버튼 등

팝업은 Elementor의 편집기로 생성되기 때문에 기본적으로 모든 위젯을 팝업에 추가할 수 있습니다. Elementor의 팝업 빌더를 사용하면 아래와 같은 창의적인 웹사이트 메뉴를 만들 수도 있습니다.

팝업을 만드는 방법

Elementor는 팝업 생성 시간을 절약할 수 있는 팝업 템플릿을 제공합니다. 어떤 팝업 디자인을 만들고 싶은지 모르겠다면 템플릿을 사용할 수도 있습니다.

여기 ! 그것이 당신에게 방법을 보여주는이 기사에 대한 것입니다 Elementor로 팝업 만들기. 가는 방법에 대해 우려 사항이 있는 경우 내부에 알려주십시오. commentaires.

그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.

그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.

...