/ 가이드/ 플러그인
플러그인

Elementor Pro 엘리멘터 프로: 워드프레스 페이지 빌더 사용법

Elementor Pro는 화면을 보며 페이지를 편집하고 헤더·푸터·팝업·폼까지 구성하는 워드프레스 빌더입니다. 주요 기능, 적합한 사이트, 설정 순서와 설치 전 주의사항을 공식 정보 기준으로 정리했습니다.

ES 에코스튜디오 2026.08.28 수정 2026.09.18 읽는 시간 5분
Elementor Pro 엘리멘터 프로: 워드프레스 페이지 빌더 사용법
한눈에 답

Elementor Pro는 화면을 보며 페이지를 편집하고 헤더·푸터·팝업·폼까지 구성하는 워드프레스 빌더입니다.

1

01무엇을 해결하나

워드프레스 기본 편집기로는 문단과 이미지를 위아래로 쌓는 것까지가 한계입니다. 좌우 2단 배치, 배경 위에 글자 올리기, 버튼 정렬 같은 것을 하려면 CSS를 알아야 합니다.

Elementor는 이걸 화면에서 보면서 마우스로 합니다. 결과를 즉시 확인하며 만들 수 있어서, 디자인 감각은 있지만 코드를 모르는 분께 특히 유용합니다.

무료 버전의 한계는 본문 영역 안에서만 작동한다는 점입니다. 헤더·푸터·블로그 목록 같은 테마가 관장하는 영역은 Pro의 테마 빌더가 있어야 손댈 수 있습니다.

2

02Elementor Pro, 무엇을 할 수 있나요

기능 하는 일
Theme Builder 헤더·푸터·글 상세·목록·404 페이지까지 직접 디자인합니다. Pro의 핵심입니다.
Form Builder 문의 폼을 직접 만들고 메일 발송·연동까지 설정합니다. 별도 폼 플러그인이 필요 없어집니다.
Popup Builder 방문 후 몇 초, 이탈 시도, 스크롤 위치 등 조건을 걸어 팝업을 띄웁니다.
Dynamic Content 글 제목·날짜·작성자·사용자 정의 필드를 디자인에 연결합니다. 템플릿 하나로 모든 글에 적용됩니다.
여러 종류 Pro 위젯 슬라이더, 가격표, 카운트다운, 후기, 갤러리 등이 추가됩니다.
Custom Code·CSS 코드를 아는 경우 세밀한 제어가 가능합니다.
WooCommerce 위젯 상품 목록·장바구니·결제 화면을 디자인합니다.
Cloud Templates 만든 템플릿을 저장해 다른 사이트에서 다시 씁니다.
3

03무료 버전과 무엇이 다른가

기능 무료 Pro
본문 페이지 디자인 가능 가능
기본 위젯 여러 종류 +여러 종류
헤더·푸터 디자인 Theme Builder
글 목록·상세 템플릿 가능
문의 폼 Form Builder
팝업 Popup Builder
커스텀 코드·CSS 가능

페이지 몇 개만 예쁘게 만들면 되는 경우라면 무료로도 충분합니다. Pro는 사이트 전체를 일관된 디자인으로 관리하려 할 때 필요해집니다.

4

04설치한 뒤에 무엇부터 해야 하나요

설치 순서

  1. 무료 Elementor 플러그인을 먼저 설치합니다.
  2. Elementor Pro를 추가로 설치합니다. 두 개가 함께 있어야 동작합니다.
  3. Elementor → 설정에서 어떤 글 타입에 빌더를 쓸지 정합니다.

먼저 만들 것

  • 헤더와 푸터 — 템플릿 → 테마 빌더에서 만듭니다. 전체 사이트에 한 번에 적용됩니다.
  • 글 상세 템플릿 — 글 하나의 디자인을 만들면 모든 글에 적용됩니다.
  • 글로벌 색상·글꼴 — 사이트 설정에서 브랜드 색과 글꼴을 먼저 등록하세요. 나중에 한 번에 바꿀 수 있습니다.

속도를 지키려면

빌더는 무겁습니다

Elementor로 만든 페이지는 기본 편집기보다 코드가 많아지고 무거워집니다. 이건 모든 빌더의 공통 특성입니다.

  • 가벼운 테마와 함께 쓰세요. GeneratePress + Elementor 조합을 많이 씁니다.
  • Elementor 설정에서 사용하지 않는 기능(모션 효과 등)을 끄세요.
  • 캐시 플러그인을 반드시 함께 쓰세요.
  • 블로그 글 본문까지 빌더로 만들지 마세요. 글은 기본 에디터로 쓰는 편이 가볍고 빠릅니다.
이런 경우엔 필요 없습니다

  • 블로그만 운영 — 글만 쓸 거면 빌더가 필요 없습니다. 오히려 느려집니다.
  • 이미 다른 빌더를 쓰는 경우 — 빌더는 하나만 쓰세요. 섞으면 관리가 불가능해집니다.
  • 완성된 테마 디자인에 만족하는 경우 — 굳이 빌더로 다시 만들 이유가 없습니다.

05설치 전 체크리스트

  • 현재 테마·빌더와 지원 버전이 맞는지 확인합니다.
  • 템플릿과 동적 데이터는 스테이징 사이트에서 먼저 시험합니다.
  • 플러그인을 중단했을 때 남는 콘텐츠와 이전 비용을 확인합니다.

06공식 정보와 최신 확인

기능, 지원 환경과 요금은 바뀔 수 있습니다. 설치 전 공식 홈페이지에서 현재 문서와 변경 내역을 확인하세요. 이 글은 2026년 9월 18일에 다시 검수했습니다.

자주 나오는 질문

Elementor를 지우면 디자인이 사라지나요

네. 이것이 빌더의 가장 큰 단점입니다. 빌더로 만든 페이지는 그 빌더가 있어야 제대로 보입니다. 지우면 단축코드 덩어리만 남습니다. 시작할 때 이 점을 알고 선택하세요.

GP Premium과 겹치지 않나요

겹치는 부분이 있습니다. 둘 다 헤더·푸터를 만들 수 있습니다. 보통 테마 구조는 GP, 페이지 디자인은 Elementor로 나눠 쓰거나 한쪽만 씁니다.

모바일에서도 잘 보이나요

Elementor는 화면 크기별로 따로 조정할 수 있습니다. 다만 자동으로 예뻐지지는 않습니다. 만들면서 모바일 화면을 꼭 함께 확인하세요.

공유
Eco Studio

직접 하기 어려우신가요?

읽으신 내용대로 저희가 대신 해 드립니다.
무엇이 필요한지부터 함께 정해요.

다른 가이드 더보기

가장 많이 찾으시는 가이드

가이드 전체 보기 →
Element Pack: Elementor 위젯 플러그인 기능과 선택 기준
플러그인 2026.08.29
Element Pack: Elementor 위젯 플러그인 기능과 선택 기준
Dynamic.ooo: Elementor 동적 콘텐츠와 조건부 표시 설정
플러그인 2026.08.29
Dynamic.ooo: Elementor 동적 콘텐츠와 조건부 표시 설정
Discount Rules for WooCommerce: 우커머스 할인 규칙 설정
플러그인 2026.08.29
Discount Rules for WooCommerce: 우커머스 할인 규칙 설정
카카오톡 상담 문의 남기기 주문서 작성 맨 위로