엘리멘터(Elementor): 무료 버전으로 페이지 만들기와 Pro 차이

공정위 광고 문구 Ver 3.1
공정위 광고 문구 Ver 3.2(모바일 전용)
테스트 환경 RHEL 계열WordPress 7.1.3Elementor 4.3.52026-10-16 확인

엘리멘터(Elementor)는 워드프레스 페이지 빌더 플러그인으로, 관리자 편집 화면 대신 방문자가 보는 화면 위에서 위젯을 끌어다 놓아 페이지를 만드는 편집기입니다. WordPress 7.1.3 사이트에 무료 버전 4.3.5를 설치해 제목, 문단, 버튼을 넣은 페이지를 공개하고, 무료 버전과 Pro 요금제 차이를 공식 요금표로 비교했습니다.

1️⃣ 엘리멘터란: 블록 편집기와 다른 점

엘리멘터는 블록 편집기와 나란히 설치되는 워드프레스의 두 번째 편집기입니다. 글과 페이지마다 블록 편집기로 쓸지 엘리멘터로 편집할지 선택하며, 엘리멘터로 편집한 페이지는 방문자가 보는 화면 위에서 바로 배치와 스타일을 고치게 됩니다.

2️⃣ 엘리멘터 무료 설치: 플러그인 추가와 편집기 화면

설치 자체는 다른 플러그인과 같지만, 활성화 직후부터 화면이 달라집니다. [플러그인 › 플러그인 추가]에서 Elementor를 검색해 설치하고 활성화하면, 사이트를 볼 때 관리자 막대에 [Edit with Elementor] 항목이 생깁니다. 편집기는 페이지 편집 주소 뒤에 [action=elementor]가 붙은 별도 화면으로 열립니다.

워드프레스 플러그인 메뉴의 플러그인 추가 화면에서 Elementor를 검색한 결과, 엘리멘터 Elementor Website Builder 카드와 활성화 버튼
[플러그인 추가]의 Elementor 검색 결과

WordPress.org 플러그인 디렉터리에서 엘리멘터의 활성 설치는 1,000만 이상이고, 평점은 평가 7,319건에서 4.5입니다. 2026년 10월 13일 올라온 4.3.5 버전은 WordPress 6.8과 PHP 7.4 이상을 요구합니다.

편집기는 왼쪽 위젯 패널과 오른쪽 미리보기 화면으로 나뉩니다. 4.3.5 버전의 패널은 Flexbox와 Heading, Button 같은 Atomic Elements 묶음으로 시작합니다. 편집기 문구는 언어 팩이 설치되기 전에는 영어로 표시되고, 설치된 뒤에는 관리자 화면의 언어를 따릅니다. 패널 아래 폼 위젯과 Pro 묶음에는 자물쇠가 붙어 있어, 무료 버전에서 쓸 수 있는 것과 없는 것이 한 화면에서 구분됩니다.

엘리멘터 무료 버전 위젯 패널에서 자물쇠가 붙은 폼 위젯과 Pro 항목(Search·Posts·Portfolio·Menu·Form·Loop Grid)
무료 버전 위젯 패널의 Pro 항목
🧭 엘리멘터 설치 및 페이지 만들기 시뮬레이터
📍플러그인›플러그인 추가
플러그인 설치
검색칸에 Elementor를 입력하고 [지금 설치]를 누른 뒤, 설치가 끝나면 [활성화]를 누릅니다.
📍페이지›페이지 추가›Elementor로 편집
페이지 추가
[페이지 추가]로 새 페이지를 만들고, 도구 막대의 [Elementor로 편집]을 누르면 엘리멘터 편집기가 열립니다.
example.com/wp-admin/plugin-install.php
플러그인 추가 플러그인 업로드
플러그인은 워드프레스의 기능을 확장합니다. 여기에서 바로 워드프레스 플러그인 디렉터리에 플러그인을 설치하거나 이 페이지 상단의 버튼을 클릭하여 .zip 형식으로 플러그인을 업로드할 수 있습니다.
검색 결과추천인기추천됨즐겨찾기
플러그인 검색키워드
7,046개 항목
Elementor Website Builder – 단순한 페이지 빌더 그 이상
활성화더 많은 세부 사항
The Elementor Website Builder has it all: drag and drop page builder, Atomic Editor, pixel perfect design, global and reusable style systems, mobile r …
작성자 Elementor
★★★★★ (7,319)
최근 업데이트: 5일 전
10백만 이상 활성 설치
✓ 사용 중인 워드프레스 버전과 호환됨
example.com/wp-admin/post-new.php?post_type=page
+↶↷≡WEdit with WordPress엘리멘터 예시 페이지 · 페이지임시 글 저장공개
엘리멘터 예시 페이지
/을 입력하여 블록 선택
엘리멘터 편집기가 열립니다 — 3️⃣ 편집기 시뮬레이터로
왼쪽 메뉴의 켜진 칸이나 화면의 버튼을 누릅니다.

3️⃣ 엘리멘터로 페이지 만들기: Flexbox 컨테이너와 위젯

엘리멘터에서는 Flexbox 컨테이너를 먼저 놓고 그 안에 위젯을 넣어 페이지를 구성합니다. [페이지 › 페이지 추가]로 페이지를 만들고 엘리멘터 편집기를 연 뒤, 빈 화면의 [+]를 눌러 Flexbox를 선택합니다.

컨테이너의 [+]를 누르면 위젯 패널이 열리고, Heading, Paragraph, Button을 차례로 누르면 선택한 컨테이너 안에 들어갑니다.

글자는 각 위젯을 누른 뒤 왼쪽 패널의 입력 칸에서 고칩니다. 컨테이너의 [Layout]에서 [Direction]을 세로로, [Gap]을 16px로 두면 세 위젯이 위아래로 쌓입니다.

엘리멘터 무료 버전 편집기에서 Flexbox 컨테이너에 제목, 문단, 버튼 위젯을 세로로 넣은 화면과 왼쪽 레이아웃 설정 패널
엘리멘터 편집기의 Flexbox 컨테이너와 [Layout] 패널

[Publish]를 누르면 [Your Page is live] 알림과 함께 바로 공개되며, 방문자 화면에는 테마의 머리글과 바닥글 사이에 엘리멘터로 만든 영역이 들어갑니다.

엘리멘터 무료 버전으로 만들어 공개한 예시 페이지의 방문자 화면, 테마의 페이지 제목 아래 제목·문단·버튼
공개한 예시 페이지의 방문자 화면

그림 맨 위의 큰 글자는 테마가 표시하는 페이지 제목이며, 그 아래 제목과 문단, 버튼이 엘리멘터의 Flexbox 컨테이너에 넣은 위젯입니다.

🧭 엘리멘터 편집기 시뮬레이터
WordPress PluginElementor 4.3.5
방문자 화면
📍 Elementor 편집기 › 캔버스 [+] › 플렉스박스
빈 캔버스의 [+]를 누르고 플렉스박스를 고릅니다.
📍 요소 › Atomic 요소 › 헤딩(제목) · 문단 · 버튼
왼쪽 패널의 위젯을 누르거나 캔버스로 끌어다 놓습니다. 🔒·👑 표시는 Elementor Pro 전용이라, 누르면 업그레이드 안내만 뜹니다.
📍 캔버스 위젯 › 편집 패널 · 플렉스박스 › 스타일 › 레이아웃
위젯을 누르면 왼쪽 패널에서 글자를 고치고, 컨테이너를 누르면 방향과 간격을 바꿉니다. 👑 표시가 붙은 칸은 Elementor Pro 전용이라 업그레이드 안내만 뜹니다.
📍 편집기 오른쪽 위 [공개]
[공개]를 누르면 왼쪽 아래에 알림이 뜨고, 이력 패널의 [리비전] 탭에 그 판이 한 줄 쌓입니다.
📍 사이트 보기
방문자에게는 테마 머리글 아래에 만든 그대로 보입니다.
Angie✦엘리멘터 예시 페이지 (임시글) ▾새로운 소식🔔
요소
모든 Pro 위젯에 액세스하세요. 지금 업그레이드
재사용 가능한 구성 요소를 생성하세요
사이트 전체에서 일관성을 유지하는 디자인 요소를 만드세요.
전역 위젯을 만나보세요
이 기능을 사용하면 위젯을 전역으로 저장한 다음 여러 영역에 추가할 수 있습니다. 모든 영역을 한 곳에서 편집할 수 있습니다.
해상도전체 ▾
태그▾
태그p ▾
링크
ID
속성
표시 조건
◎로컬 ⋮
표시
방향
컨텐츠 정렬
항목 정렬
간격
감싸기
표시
플렉스 항목
자체 정렬
정렬
플렉스 크기
여백
패딩
넘침 처리
위치▾
Z-index
앵커 오프셋PX
글꼴 패밀리
글꼴 두께▾
글꼴 크기PX
텍스트 정렬
텍스트 색상
오버레이
색상
클리핑▾
테두리 두께PX
테두리 색상
테두리 유형▾
테두리 반지름PX
혼합 모드▾
불투명%
상자 그림자
변환
전환
필터
배경 필터
상호작용을 사용하여 요소에 애니메이션을 적용
페이지 로드나 스크롤 같은 사용자 상호작용에 의해 트리거되는 입장 애니메이션 및 효과 추가.
이력
아직 기록 없음
작업을 시작하면 편집기에서 수행한 모든 작업을 다시 실행/실행 취소할 수 있습니다.
이전 버전을 보려면 리비전 탭으로 전환하세요
페이지 설정
제목✦ AI로 쓰기
상태임시글 ▾
대표 이미지✦
⊕
정렬0
댓글 허용아니요
제목 숨기기아니요
페이지 레이아웃기본 ▾
디자인 시스템⋮
태그
h1 ⋮
Example예제 페이지
엘리멘터 예시 페이지
여기로 위젯 끌어오기
만세! 페이지가 공개되었습니다.
Pro 전용
example.com/…/
Example예제 페이지
엘리멘터 예시 페이지

4️⃣ Elementor Pro 차이: 위젯 수·테마 빌더·요금

무료 버전은 40개 이상의 위젯으로 페이지 본문을 만드는 데까지입니다. 사이트의 머리글·바닥글·글 목록 템플릿을 만드는 테마 빌더와 폼, 팝업, 이커머스 위젯은 Elementor Pro에 있습니다.

항목무료EssentialAdvanced SoloAdvancedOne
연 요금$0$60$84$108$180 (갱신 $228)
사이트 수라이선스 없음1131
Pro 위젯0 (무료 위젯 40개 이상)57858585
테마 빌더❌✅✅✅✅
동적 콘텐츠❌✅✅✅✅
폼 빌더❌✅✅✅✅
팝업 빌더❌❌✅✅✅
사용자 정의 코드·CSS❌❌✅✅✅
이커머스 기능❌❌✅✅✅
클라우드 템플릿 저장❌10개20개30개30개
AI 생성·이미지 최적화·접근성 크레딧❌❌❌❌월 25,000

표의 값은 2026년 10월 16일 elementor.com 요금 페이지와 WordPress.org 플러그인 페이지에서 확인했습니다. 환불은 연 결제에 한해 30일 안에 가능합니다.

Essential에는 테마 빌더와 폼 빌더가 포함되지만 팝업 빌더와 사용자 정의 CSS, 이커머스 기능은 빠져 있습니다. 쇼핑몰이나 팝업이 필요한 사이트는 Advanced Solo 이상을 선택하게 됩니다.

5️⃣ 엘리멘터가 맞지 않는 경우: 블록 편집기로 충분한 사이트

글 중심 블로그처럼 페이지 디자인보다 본문 글이 대부분인 사이트에는 블록 편집기와 테마만으로 충분합니다. 엘리멘터는 랜딩 페이지와 회사 소개처럼 배치를 직접 구성해야 하는 페이지에 맞습니다.

엘리멘터로 만든 페이지의 글자는 워드프레스 본문에도 사본으로 저장되지만, 배치와 스타일은 플러그인이 생성합니다. 플러그인을 비활성화하면 제목, 문단, 버튼 글자는 남고 컨테이너 배치와 버튼 색은 사라지므로, 한 번 엘리멘터로 만든 페이지는 플러그인을 계속 유지하게 됩니다.

🔢 FAQ & 추천 콘텐츠

[플러그인 › 플러그인 추가]에서 Elementor를 검색하면 위젯을 더하는 애드온 플러그인이 함께 표시됩니다. 설명에 적힌 위젯 수는 Essential Addons for Elementor가 120개 이상(템플릿 포함), ElementsKit이 100개 이상입니다. 두 플러그인의 활성 설치는 100만 이상입니다. Premium Addons for Elementor는 위젯 90개 이상, 활성 설치 60만 이상입니다(2026년 10월 19일 확인).

편집기 위 막대의 기기 아이콘으로 데스크톱, 태블릿, 모바일 보기를 바꿀 수 있습니다. 태블릿 세로는 최대 1024px, 모바일 세로는 최대 767px 폭으로 캔버스가 좁아지며, 테마 머리글의 메뉴는 모바일 보기에서 ☰ 버튼으로 바뀝니다. 무료 버전 4.3.5의 편집기에서 확인한 값입니다(2026년 10월 21일).

편집기 위 막대의 이력 아이콘(↺)을 누르면 [이력] 패널의 [동작] 탭에 위젯 추가, 이동, 삭제 같은 작업이 최신 순서로 쌓이며, 줄을 누르면 그 시점의 상태로 돌아갑니다. 이전에 저장한 버전으로 돌아가려면 [리비전] 탭을 엽니다.

ℹ️ 제휴 안내
본 사이트의 콘텐츠에는 제휴 링크가 포함되어 있습니다. 방문자가 이 링크를 통해 상품 또는 서비스를 구매하면 본 사이트는 판매처로부터 수수료를 지급받습니다. 이 과정에서 구매자가 지불하는 금액(이벤트 할인 시 금액이 내려갑니다↓)은 오르지 않습니다. 게시된 가격·할인·재고 정보는 작성 시점 기준이며 실제와 다를 수 있으므로, 구매 전 판매처에서 최종 확인하시기 바랍니다. 상품 선정과 평가는 자체 기준에 따라 작성되며, 수수료 지급 여부가 소개 순서나 평가 내용에 영향을 주지 않습니다.

답글 남기기

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

Prove your humanity: 3   +   4   =