Elementor로 팝업을 쉽게 만드는 방법

Elementor는 드래그 앤 드롭으로 아름다운 페이지와 게시물을 쉽게 만들 수 있는 인기 있는 WordPress 플러그인입니다. Elementor의 가장 큰 장점 중 하나는 팝업 빌더가 내장되어 있다는 것입니다. 즉, 별도의 팝업 플러그인 을 사용하지 않고도 Elementor로 쉽게 팝업을 생성할 수 있습니다. 이 기사에서는 Elementor로 팝업을 쉽게 만드는 방법을 보여줍니다. 또한 사이트 디자인에 맞게 스타일을 지정하는 방법도 보여줍니다.

Elementor를 사용하면 팝업을 간단하게 만들 수 있습니다. Elementor를 사용하여 끌어서 놓기 기능이 있는 팝업을 만들 수 있습니다. 또한 플랫폼에서 고급 규칙을 사용할 수 있습니다. 사용자가 버튼을 클릭할 때 팝업을 표시하려면 트리거 탭을 열고 클릭 시를 선택합니다. Elementor Pro는 팝업 플러그인을 설치할 필요가 없습니다. Elementor의 팝업 빌더를 사용하여 모든 유형의 팝업을 만들 수 있습니다. 다음은 우리가 최근에 만든 팝업의 몇 가지 예입니다. 위에서 방금 만든 행동 유도 팝업, 등록 양식 팝업, 알림 표시줄 및 소셜 공유 버튼입니다.

Elementor에 팝업이 있습니까?

팝업은 미리 디자인된 다양한 팝업과 함께 제공되는 Elementor의 라이브러리에서 사용할 수 있습니다. 전체 화면, 모달, 슬라이드 인, 상단 또는 하단 바 또는 좋아하는 레이아웃과 같이 눈에 좋고 기능적인 레이아웃을 선택하십시오. 팝업을 원하는 대로 사용자 정의하고 완전히 나만의 것으로 만드십시오.

사용자 정의 WordPress 팝업을 만드는 것은 때때로 어려울 수 있습니다. Elementor의 페이지 빌더 플러그인을 사용하면 팝업을 빠르고 쉽게 사용자 정의하고 만들 수 있습니다. 팝업 양식을 사용하면 이메일 주소를 캡처하고 판매를 홍보하고 기타 작업을 수행할 수 있습니다. 이 가이드에 설명된 단계를 따르면 어떤 유형의 Elementor 팝업이 적합한지 결정할 수 있습니다. 이전에는 Elementor 플러그인의 Modal Popup 기능을 위한 Essential Addons를 사용하여 사용자가 무료로 팝업 양식 을 만들 수 있었습니다. 이 기사에서 무료 및 Elementor Pro를 사용하여 이 작업을 수행할 수 있습니다. 팝업 디자인을 시작하기 전에 먼저 Elementsor Pro를 구매하고 활성화해야 합니다.

트리거를 활성화하려면 해당 매개변수를 지정해야 합니다. 예를 들어 페이지 로드 시를 선택하면 팝업이 6초 이내에 나타납니다. On Scroll을 사용하면 사용자가 스크롤해야 하는 방향을 결정할 수 있습니다. 사용자가 특정 시간 동안 페이지에서 유휴 상태일 때 팝업의 Inactivity 속성을 사용하여 활성화할 수 있습니다. 팝업을 연 후 Elementor 편집기에서 표시 규칙으로 이동합니다. 사용자가 양식을 볼 때 고급 설정을 사용하여 모양을 수정할 수 있습니다. 이 기능은 귀하의 웹사이트를 한 번도 방문한 적이 없는 사람이 아닌 이전에 귀하의 웹사이트를 방문한 사람에게 마케팅을 맞춤화하는 데 도움이 될 수 있습니다.

사용자는 최대 X번까지 표시 옵션이 활성화된 경우 팝업을 한 번만 볼 수 있습니다. Elementor와 JetPopUp은 모두 드래그 앤 드롭 인터페이스를 가지고 있어 JetPopUp을 간단하고 사용자 친화적인 플러그인으로 만듭니다. Popup Box Widget을 사용하여 동영상, 이미지, Google 지도와 같은 동적 요소를 포함하는 동적 팝업을 디자인할 수 있습니다. 팝업에 3D 애니메이션을 추가하려면 신문 서식을 사용하거나 확대할 수 있습니다. Lightbox는 Elementor용 Essential Addons 도구를 사용하는 경우 Elementor용으로 훌륭한 위젯입니다. 비디오, 이미지 및 애니메이션과 같은 대화형 기능으로 팝업을 만듭니다. $39.97 연간 구독 계획의 일부로 70개 이상의 위젯과 7개의 확장 기능을 사용할 수 있습니다. 무료 및 유료 Elementor 도구를 모두 사용하여 팝업을 만들 수 있습니다.

버튼 클릭 시 Elementor 팝업

버튼 클릭 시 Elementor 팝업은 버튼을 클릭할 때 팝업 메시지나 양식을 표시하려는 경우에 정말 유용할 수 있습니다. 이것은 리드를 포착하거나 사람들이 뉴스레터에 가입하도록 하려는 경우에 정말 유용할 수 있습니다. 이를 설정하려면 버튼 요소를 만든 다음 팝업 요소 를 추가하기만 하면 됩니다.

Elementor를 사용하면 버튼을 클릭하는 동안 팝업을 만들 수 있습니다. 이를 위해서는 Elementor Pro만 사용할 수 있습니다. Elementor의 프로 버전을 사용하여 다양한 템플릿을 사용자 정의하고 사용하여 자신의 웹 사이트를 만들 수 있습니다. 팝업의 버튼에 대한 호버 효과를 실험하고 싶다면 호버에 대한 Elementor Underline 튜토리얼을 살펴보십시오. 2.화면 하단에 팝업을 삽입합니다. 클릭하면(팝업 바로 전) 렌치 아이콘이 나타납니다. 여기에는 Actions 및 All의 두 필드가 포함됩니다. 작업 필드를 비워 두어 팝업을 선택하십시오.

Elementor 팝업 예제

Elementor로 팝업 창 을 만드는 방법에는 여러 가지가 있습니다. 예를 들어 Popup Maker와 같은 플러그인을 사용하여 오버레이 및 모달을 만들 수 있습니다. 또 다른 옵션은 Elementor의 내장 팝업 편집기를 사용하는 것입니다. 이를 통해 별도의 플러그인을 설치하지 않고도 팝업을 생성할 수 있습니다. 팝업 편집기를 사용하려면 새 팝업을 만들고 '팝업 편집기' 탭을 선택하기만 하면 됩니다. 여기에서 콘텐츠를 추가하고, 레이아웃을 변경하고, 애니메이션을 추가할 수 있습니다.

다음은 웹사이트에 대한 다양한 유형의 팝업 수신 동의 양식을 디자인하는 단계별 가이드입니다. Elementor Pro 프리미엄 버전에는 다양한 팝업을 만드는 데 사용할 수 있는 고급 끌어서 놓기 편집기가 포함되어 있습니다. 이 팝업은 다른 여러 이메일 마케팅 서비스에도 보낼 수 있습니다. Elementor Pro는 다음 이메일 마케팅 플랫폼과 직접 통합됩니다. 많은 비용을 들이지 않고도 좋은 이메일 마케팅 회사 목록을 얻을 수 있는 방법이 있습니까? Zapier는 여전히 모든 장치를 연결하는 데 사용할 수 있습니다. 팝업 설정을 구성하자마자 시각적인 끌어서 놓기 인터페이스를 사용하여 팝업 디자인을 만들 수 있습니다. 다양한 Elementor 위젯 유형을 사용할 수 있으므로 기본 설정에 따라 모든 요소를 ​​디자인할 수 있습니다.

양식 위젯을 사용하여 이메일 수신 동의 양식을 만들 수 있습니다. 양식을 다양한 이메일 마케팅 서비스에 연결할 수 있습니다. 팝업 디자인을 사용자 정의하여 전환율을 높일 수도 있습니다. Elementor Pro Popup Builder 는 웹사이트의 이메일 목록에 대한 이메일 옵트인 팝업 및 옵트인을 생성하기 위한 훌륭한 도구입니다. 보다 전문적으로 보이려면 최대 X번 표시를 활성화하는 것이 좋습니다. URL 옵션을 선택하면 개인화 옵션에 더 쉽게 액세스할 수 있습니다. 인기 블로그에 게스트 게시물을 작성하면 해당 블로그를 팔로우하는 사람들의 목록을 선택할 수 있습니다.

Elementor Pro는 팝업을 처음부터 100% 디자인할 수 있는 기능을 제공합니다. Elementor는 또한 일반 Elementor 경험의 일부인 모든 위젯에 대한 액세스를 제공하므로 특정 요구에 맞게 경험을 조정할 수 있습니다. 무료 및 프리미엄 Elementor 확장으로 더 많은 위젯을 사용할 수 있습니다.

이미지 클릭 시 Elementor 팝업

WordPress 사이트의 이미지에 팝업을 추가하려는 경우 가장 쉬운 방법 중 하나는 Elementor 플러그인을 사용하는 것입니다. 플러그인을 설치하고 활성화하면 Elementor -> 팝업 -> 새로 추가로 이동하여 팝업을 만들 수 있습니다. 거기에서 콘텐츠를 추가하고 팝업이 표시되어야 하는 시기와 위치를 선택하고 특정 상황에서만 팝업이 표시되도록 조건을 추가할 수도 있습니다.

요소를 클릭하면 팝업이 열립니다. 이 튜토리얼을 마치면 버튼을 클릭할 때 팝업이 열리도록 하는 두 가지 창의적인 전략을 구현할 수 있습니다. 보너스로 이렇게 하면 더 많은 전환을 위해 해당 버튼을 클릭하는 사람들의 수를 늘리는 방법을 배우게 됩니다. 2단계: 팝업 스타일은 브랜드의 미학, 음성 및 메시지에 맞게 조정되어야 합니다. Elementor에서 페이지 편집을 마쳤으면 왼쪽 메뉴에서 게시 버튼을 클릭하여 페이지에 팝업을 붙여넣습니다. OptinMonster는 가장 인기 있는 리드 생성 소프트웨어이자 WordPress 팝업을 위한 최고의 플러그인입니다. 또한 OptinMonster에는 직관적인 드래그 앤 드롭 빌더가 있어 코딩이나 기술 경험 없이도 전문적인 팝업을 간단하게 만들 수 있습니다.

고급 타겟팅 규칙을 사용하여 다른 선택 캠페인을 개인화할 수 있습니다. Optin Monster의 사전 제작 템플릿은 완벽하게 반응하므로 모바일 및 태블릿을 포함한 모든 장치에서 사용하기에 이상적입니다. 드래그 앤 드롭 또는 인라인 텍스트 편집기를 사용하면 단일 코드에서 모든 작업을 수행할 수 있으므로 전환율이 높은 캠페인을 만드는 데 코딩 경험이 필요하지 않습니다. OptinMonster를 사용하면 클릭 가능한 팝업 으로 Elementor 페이지를 간편하게 사용할 수 있습니다. OptinMonster를 ESP에 연결하는 데 필요한 API 키는 ESP 계정의 대시보드에서 찾을 수 있습니다. 포함된 HTML은 다음과 같습니다. 아랍어 tal의 파생물입니다. Monster 캠페인을 열고 싶습니다. https://app.monstercampaigns.com/c/lxefnymh0ugfyvsxa8wu/>opener 가장 중요한 요소 중 하나 사람들이 귀하의 사이트를 방문하도록 설득하는 것은 귀하의 사회적 증거의 효율성입니다. 청중과의 신뢰를 구축하는 웹 사이트의 다양한 측면을 나타내는 용어입니다.

웹사이트에 사회적 증거 알림을 추가하는 좋은 방법은 TrustPulse와 같은 도구를 사용하는 것입니다. 소셜 증거를 통해 클릭 가능한 팝업의 참여도를 높일 수 있습니다. TrustPulse는 WordPress를 포함한 모든 웹사이트 빌더와 함께 사용할 수 있으며 기술 지식이 없어도 사용할 수 있습니다. 총 방문자 수를 표시하여 제안에 관심이 있는 사람의 수를 표시할 수 있습니다. 결과적으로 무언가를 홍보할 때 주제에 대해 더 흥분할 것입니다.

Javascript로 Elementor 팝업 트리거

JavaScript로 Elementor 팝업을 트리거하는 방법에는 두 가지가 있습니다. 1. Elementor 트리거 API를 사용합니다. 2. Elementor Popup 모듈 사용하기 . Elementor triggers API는 JavaScript로 팝업을 트리거하는 데 권장되는 방법입니다. 이는 팝업을 트리거하는 가장 유연한 방법이며 팝업 동작을 사용자 지정할 수 있기 때문입니다. Elementor Popup 모듈은 JavaScript로 팝업을 트리거하는 더 간단한 방법입니다. 이 방법은 사용하기 쉽지만 Elementor 트리거 API보다 유연성이 떨어집니다.

모든 기능과 위젯에 대한 프리미엄 위젯 액세스를 제공합니다. 사용 첫 30일 동안 100% 환불을 보장합니다. SSL을 사용하여 안전한 결제가 가능합니다. 안전한 신원 확인 및 데이터 보안은 256비트 SSL 암호화로 보장됩니다. 청구서를 지불할 때 청구서 수신 주소에 따라 적용되는 세금이 부과되지 않습니다. 구매하기 전에 최종 가격이 결제 페이지에 표시됩니다. 게시물 그리드 위젯을 사용하여 게시물을 나란히 표시합니다.

이 위젯을 사용하면 멋진 숫자 상자를 만들 수 있습니다. 백그라운드 스위처 외에도 플러그인을 사용하여 콘텐츠 상자를 설정할 수 있습니다. Elementor에서 위젯을 찾는 시간을 줄이고 가장 잘하는 일인 디자인에 더 많은 시간을 할애하십시오.