워드프레스에서 엘레멘터 빌더를 사용하여 팝업을 만들고 불러오는 방법을 단계별로 살펴보겠습니다. 참고로 이 기능을 위해서는 Elementor Pro 버전에서만 사용할 수 있습니다. 무료 버전에서는 기본적인 페이지 빌딩 기능만 사용할 수 있기 때문에 프로로 업그레이드 하여 사용하시는 것을 추천드립니다.
알림판에서 템플릿 > 새 템플릿을 추가를 클릭합니다.
템플릿 유형은 옵션에서 Popup으로 선택, 적당한 이름을 작성 후 템플릿 만들기
여러가지 템플릿이 나와 선택하거나 새롭게 디자인할 수 있습니다. 보통 지정된 디자인이 있기 때문에 엘레멘터 편집기를 사용하여 팝업의 내용을 제작할 수 있습니다. 텍스트, 이미지, 버튼 등을 추가할 수 있고, 편집기 상단 가운데의 세팅 아이콘을 선택하여 왼쪽 패널에서 Popup 설정을 변경합니다.
게시 후에 조건 탭에서 팝업을 표시할 특정 페이지나 섹션을 선택하거나 다양한 트리거 옵션을 설정할 수도 있습니다. 예를 들어 페이지 로드 시 트리거를 설정하면 해당 페이지 접근하면 팝업이 자동으로 표시 됩니다. 별도의 옵션 없이 저장 후에는 아래처럼 수동으로 팝업 불러오기를 할 수 있습니다.
팝업 표시를 위해 클릭할 버튼 또는 섹션을 선택 > 왼쪽 패널에서 링크 오른쪽 아이콘 선택 > Popup 선택
Popup을 클릭한 후 아래 설정 섹션에서 팝업 템플릿 이름을 검색하여 선택합니다. 이렇게 하면 엘레멘터 빌더로 팝업을 만들고 원하는 방식으로 불러올 수 있습니다.
