WPBakery 대 Elementor(2022): 어느 것이 더 낫습니까?

게시 됨: 2022-03-11

오늘날에는 완전한 기능의 웹사이트를 만들기 위해 며칠간의 코딩이 필요하지 않습니다. WordPress가 등장한 이후로 웹사이트 제작 과정이 훨씬 더 시각적으로 바뀌었습니다. 끌어서 놓기 편집기는 매일 새로운 기능을 추가하여 사람들이 더 많은 것을 원하게 만듭니다.

처음에 이러한 편집기는 웹사이트에 변경하거나 작은 디자인을 추가하는 데 도움이 되는 도구에 불과했습니다. 요즘에는 사용자 정의 코드 사이트와 경쟁하는 것을 찾을 수 있습니다.

Elementor와 WPBakery는 가장 일반적으로 사용되는 드래그 앤 드롭 빌더입니다. 둘 다 활발한 커뮤니티가 있습니다. 그러나 어떤 것을 사용해야 하는지 결정하려고 한다면 제가 알고 있습니다.

이 두 페이지 빌더를 가장 잘 비교할 수 있도록 노력하겠습니다. 여기에서 두 가지의 장단점 및 고유한 기능을 비교하여 찾을 수 있습니다.

WPBakery 대. 엘리멘터: 개요

먼저 두 플러그인이 어떻게 작동하는지 간략하게 설명하겠습니다.

둘 다 WordPress를 지원하며 수백만 개의 웹 사이트에서 다양한 목적으로 사용합니다.

엘리멘터란?

Elementor는 드래그 앤 드롭 WordPress 페이지 빌더입니다. 이 도구는 이스라엘 웹 개발 회사에서 개발했으며 그 이후로 WordPress 커뮤니티에서 인기를 얻었습니다.

Elementor plugin

이것은 WordPress를 위한 가장 간단한 페이지 빌더 플러그인 중 하나입니다. 초보자와 웹 개발자 모두 이 플러그인의 기능을 활용할 수 있습니다.

Elementor는 프로 버전을 제공하지만 무료 버전에도 다양한 기능이 있습니다. 수백 개의 템플릿, 위젯 중에서 선택하고 매우 직관적인 인터페이스를 사용할 수 있습니다.

Elementor를 사용하면 적은 노력으로 복잡한 디자인 웹사이트를 만들 수 있습니다. 재미있는 점은 이러한 작업을 수행하는 데 코딩 기술이 필요하지 않다는 것입니다.

사용하기 쉽고 다른 플러그인과 통합되어 웹사이트를 시각적으로 더 매력적으로 만들 수 있습니다.

WPBakery는 무엇입니까?

WPBakery는 WordPress용 프론트엔드 및 백엔드 편집기 플러그인입니다. 이전에는 Visual Compressor로 알려졌지만 지금은 독립 실행형 플러그인입니다.

WPBakery Page builder

WordPress를 위한 최초의 드래그 앤 드롭 페이지 빌더 중 하나입니다. WordPress CMS를 사용하여 웹 페이지를 디자인하는 데 코딩 지식이 필요하지 않습니다.

WordPress 편집기인 Gutenberg를 좋아한다면 WPBakery도 좋아할 것입니다. 일반 WordPress 편집기와 끌어서 놓기 웹 사이트 빌더를 결합합니다.

새 위젯을 추가하려면 더하기(+) 아이콘을 클릭해야 합니다. 수정을 원하시면 변경 가능한 팝업으로 뜨게 됩니다.

WPBakery 대. Elementor: 찬반 양론

모든 도구에는 몇 가지 장점과 더 유용하게 만드는 몇 가지 단점이 있습니다. 이 둘도 예외는 아니다. 아래는 내가 마음에 들었던 점과 개선할 수 있는 점입니다.

Elementor 장점:

  • 무료 및 유료 구독 모두 제공
  • 이해하기 쉬운 사용자 친화적 UI
  • 템플릿 및 블록으로 가득함(100개 이상의 WordPress 템플릿 및 300개 이상의 블록)
  • 데스크탑, 모바일 및 태블릿을 위한 반응형 디자인 도구 제공
  • 출시 예정 및 공사 중 페이지, 내장형 제공
  • 다국어 및 번역 지원
  • 모든 테마에서 작동
  • 커스터마이징에 대한 완벽한 제어
  • 실시간 미리보기를 통해 이동 중에도 각 변경 사항을 확인할 수 있습니다.
  • 잠금을 위한 단축 코드를 추가할 필요가 없고 제거 시 중요한 코드가 없습니다.

Elementor 단점:

  • 사용할 수 있는 화이트 라벨이 없습니다.
  • 머리글 바닥글에 대한 사용자 지정이 제한됨

WPBakery 장점:

  • 프론트엔드 및 백엔드 편집기 모두
  • 여러 테마에서 작동
  • 드래그 앤 드롭이 훨씬 유연합니다.
  • 수많은 템플릿과 위젯
  • 번역 및 다국어 지원

WPBakery 단점:

  • 무료 평가판 없음
  • 용도에 적응하는 데 시간이 걸립니다
  • 때로는 사용자 정의가 압도적으로 느껴집니다.
  • 제거 또는 잠금 시 전체 웹 사이트를 엉망으로 만드는 단축 코드가 남습니다.

WPbakery와 UI 비교 엘리멘터:

다음에서 두 플러그인의 차이점을 보여주었습니다. 그러나 나는 당신이 그들과 경험 한 더 깊은 비교를 고려해야한다고 생각합니다.

사용자 인터페이스

페이지 빌더에서 가장 중요한 기능은 UI입니다. UI부터 시작하겠습니다.

엘리멘터

Elementor는 WordPress 저장소 내에서 여섯 번째로 인기 있는 플러그인입니다. 인상적인 사용자 인터페이스로 인해 순위를 얻었습니다.

Elementor page edit UI

왼쪽 사이드바에는 모든 기능이 포함되어 있으며 화면의 나머지 부분에서는 웹사이트를 추가하거나 편집할 수 있습니다. 프론트엔드 편집기는 다른 요소를 방해하지 않고 독립적으로 요소를 변경할 수 있는 유연성을 제공합니다.

인라인 편집은 웹사이트 빌더라기보다 워드 에디터에 가깝습니다. 사이드바에서 필요한 항목을 검색하고 원하는 위치로 드래그할 수 있습니다. 간격 및 레이아웃을 편집하고 여러 열을 추가할 수 있습니다.

Elementor Interface

WP 베이커리 UI

WPbakery를 사용하면 프런트 엔드와 백 엔드 모두에서 웹사이트를 디자인할 수 있습니다. 또는 라이브로 보거나 WordPress 대시보드 모드에서 페이지를 편집할 수 있습니다. (+) 아이콘 추가를 클릭하여 요소를 추가할 수 있습니다.

그것을 클릭하면 레이아웃에 나타납니다. 팝업을 클릭하면 해당 요소를 편집할 수 있습니다.

WP Bakery page edit UI

WPbakery와 Elementor의 기능 비교

기능 팩 도구와 관련하여 두 플러그인 모두 최고입니다. 비슷한 기능도 있고 고유한 기능도 있습니다. 다음으로 유사한 기능을 비교하고 차이점 중 일부를 공유하겠습니다.

집단

Elementor의 무료 버전은 추가할 수 있는 53개의 무료 요소와 Elementor Pro용 70개 이상의 요소를 제공합니다.

Elementor basic elements

기본 요소를 사용하면 머리글, 단락, 열, 스페이서 및 기타 여러 유형의 요소를 만들 수 있습니다. Google 지도를 추가할 수도 있습니다.

페이지나 웹사이트에서 HTML이나 단축 코드를 사용해야 하는 데에는 여러 가지 이유가 있습니다. Elementor를 사용하면 코드의 바다에서 길을 잃지 않고 그렇게 할 수 있습니다.

무료 버전에서도 가장 기본적인 미디어 설정에 액세스할 수 있습니다. 기본 갤러리, 캐러셀을 만들거나 다른 소스에서 비디오를 추가할 수도 있습니다.

그러나 동적 제목, 게시물 페이지 디자인 및 WooCommerce 편집과 같은 고급 변경을 수행하려면 프리미엄 구독을 받아야 합니다.

Elementor post page elements

프리미엄 Elementor 구독으로 전자 상거래 상점 제품을 디자인할 수 있습니다. 프리미엄 버전을 사용하면 제품에 대한 사용자 정의 제목, 평가 기능 및 메뉴 카트 디자인을 추가할 수 있습니다.

WooCommerce 페이지를 디자인하고 관련 제품을 수동으로 추가하는 등의 작업을 수행할 수도 있습니다. Elements free는 포스트 그리드를 사용하여 제품 목록을 허용하지만 Elements pro는 제품 그리드를 별도로 제공합니다.

Elementor woocommerce elements

Whearers, WPbakery는 WooCommerce 기능을 포함하여 50개 이상의 요소를 제공합니다 . 끌어서 놓기 편집기를 사용하여 텍스트 블록, 소셜 미디어 버튼, 클릭 유도문안 또는 WordPress 위젯도 추가할 수 있습니다.

WP Bakery elements

내장된 요소와 위젯 외에도 두 플러그인 모두 더 유연하게 사용자 정의하는 데 도움이 되는 많은 애드온과 함께 제공됩니다. Elementor용 필수 애드온과 WPBakery Page Builder용 Ultimate 애드온은 각각 인기 있는 두 가지 애드온입니다.

미리 만들어진 템플릿

웹사이트 디자이너나 개발자가 미리 만들어진 템플릿을 갖는 것은 생명의 은인입니다. 빠르게 구축된 웹사이트가 필요하고 즉각적인 디자인을 염두에 두고 있지 않다면 선택의 여지가 없을 수 있습니다. 템플릿을 추가하거나 편집하여 프로세스를 더 쉽게 만드는 템플릿을 찾을 수 있습니다.

Elementor의 무료 플러그인에는 총 30개의 템플릿과 블록이 있으며 프로 버전에는 300개 이상이 있습니다.

Elementor pre-made templates

이 블록으로 아름다운 영웅 섹션, 문의 섹션, 본문 섹션을 만들 수 있습니다. 또한 Elementor Pro를 사용하면 방문자를 유지하는 데 도움이 되는 맞춤형 404페이지를 만들 수 있습니다.

Elementor template library

방문 페이지를 만들 수도 있습니다. 이 뿐만 아니라 4~5번 클릭하면 완성된 웹사이트를 만들 수 있습니다. 여기에는 홈페이지, 당사 소개, 문의 양식 및 기타 필요한 모든 것이 포함됩니다.

그런 면에서 WPBakery는 크게 뒤처지지 않습니다. 아름다운 웹사이트를 디자인하는 데 사용할 수 있는 85개의 블록과 100개의 프리미엄 템플릿이 함께 제공됩니다.

WP Bakery template library

포트폴리오, 사진 또는 이전 작업을 추가할 수 있습니다. 또한 행동 유도 섹션은 방문자가 행동을 취하도록 유도하는 좋은 방법입니다. WPBakery에는 웹 사이트에서 쉽게 만들 수 있는 개별 블록이 있습니다.

머리글 바닥글 편집기

머리글과 바닥글은 모두 테마의 일부입니다. 테마 없이 WordPress 웹사이트를 시작할 수 없습니다. 테마에서 변경하려는 사항이 있으면 테마 사용자 지정 또는 편집기 설정으로 이동합니다.

항목이 사용자 정의 설정에 있으면 번거롭지 않게 변경할 수 있습니다. 항목이 편집기에 있으면 변경을 위해 코딩하는 방법을 알아야 합니다.

일반적으로 시각적 편집기를 사용하여 머리글 및 바닥글 코드를 편집할 수 없습니다. 그러나 Elementor Pro를 사용하면 시각적 편집기에서 머리글과 바닥글을 편집할 수 있습니다. 따라서 테마 코드를 엉망으로 만들 필요가 없습니다.

Elementor를 사용하면 완전히 편집할 수 있습니다.

WPBakery에는 이 기능이 없습니다. 프리미엄 플러그인에 대한 비용을 지불하게 되지만 기능이 부족합니다. 실망스럽습니다. 그러나 Visual Compressor Website Builder를 추가 플러그인으로 추가할 수 있습니다.

스타일링 및 커스터마이징

Elementor는 왼쪽 탭에서 실시간으로 스타일 지정 및 사용자 지정을 처리합니다. 왼쪽 사이드바에서 이미지 크기, 배경색, 글꼴 모음 등을 조정할 수 있습니다.

Elementor customization option

고급 설정을 사용하여 패딩 애니메이션을 변경하고 사용자 정의 CSS도 추가할 수 있습니다.

WPBakery의 팝업 설정에는 이러한 기능이 있습니다. 일반 설정에서 이미지, 이미지 크기, 애니메이션, 사용자 정의 CSS 등을 설정할 수 있습니다.

또한 디자인 탭에는 패딩 및 색상 설정이 포함되어 있습니다. 또한 여기에서 여백을 추가할 수 있습니다. 한 가지 기억해야 할 점은 라이브 편집이 아닌 변경 후 디자인을 확인하는 것입니다.

WP Bakery customization option

완성

Elementor가 지원하는 이메일 마케팅, CRM, 소셜 미디어 및 기타 통합이 많이 있습니다. 이 중

  • 페이스북 SDK
  • 허브스팟, 자피어
  • 메일침프
  • 액티브캠페인
  • 불화, 드립
  • 폰트 어썸 5
  • 느슨하게
  • 메일러라이트
  • 응답 받기
  • 캠페인 모니터
  • 변환키트
  • ReCaptcha V3
  • 사용자 정의 아이콘 라이브러리 등.

Whearas, WPBakery는 500개 이상의 플러그인 및 15개 이상의 페이지 레이아웃과도 통합됩니다.

WP 베이커리 대. 엘리멘터 락인

모든 페이지 빌더의 문제는 간단한 버그가 전체 웹사이트 디자인을 망칠 수 있다는 것입니다. 페이지 빌더뿐만 아니라 WordPress 사이트에 설치하는 모든 플러그인은 웹사이트에 일부 코드와 스크립트를 추가합니다.

일부 플러그인은 제거 후 캐시를 남깁니다. 이 두 플러그인은 또한 스크립트를 남깁니다. 그러나 Elementor는 WPbakery보다 훨씬 낫습니다.

Elementor를 제거한 후에도 웹사이트의 기본 레이아웃은 복잡한 코딩을 남기지 않고 그대로 유지됩니다. 고급 디자인은 영향을 받지 않습니다.

WPbakery를 제거하면 전체 웹사이트가 엉망이 될 수 있습니다. 귀하의 웹사이트에는 여전히 단축 코드와 JS 코드가 포함됩니다.

해당 코딩에서 스크랩할 텍스트 콘텐츠가 많은 경우 불가능합니다. 따라서 웹 사이트 출시 후 디자인을 변경할 계획이라면 Elementor가 더 나은 옵션입니다.

WPBakery 대 Elementor: 가격 비교

WPbakery의 일반 라이선스는 WPBakery Page Builder에서 $56입니다. 그럼에도 불구하고 단일 SaaS 애플리케이션에 대해 $299에 확장 라이선스를 얻을 수 있습니다.

WP Bakery price
WP 베이커리 방문

Elementor는 기본적인 웹사이트 디자인을 배우거나 만들고 싶다면 무료 플랜과 함께 제공됩니다. 그러나 진지한 웹 디자이너와 웹 사이트 빌더에게는 4가지 플랜을 제공합니다.

Elementor pricing plans

Essential 패키지에서는 웹사이트 키트 기능을 놓칠 수 있습니다. 다른 세 가지 패키지에는 다양한 웹사이트에 대한 이 기능이 포함될 것입니다.

Elementor 방문

WPBakery 대. Elementor: 모든 고유 및 유사한 기능

결론을 내리기 전에 다음은 플러그인 중 하나에서 얻고 놓친 모든 기능에 대한 요약 표입니다.

엘리멘터 WPBakery
독특한 기능 통합, 상호 작용, 테마 콘텐츠, 단축키, 배경 기능 및 마케팅 도구 자동 단축 코드 매퍼다국어 지원
편집 도구
디자인 도구
미리 만들어진 템플릿
WooCommerce 빌더
테마 빌더
팝업 빌더
모바일 편집 도구
통합 이메일 마케팅, CRM, 소셜 미디어 및 기타 인기 있는 앱 +500개의 추가 기능 및 +15개의 사전 정의된 웹 페이지 레이아웃과 통합
API
무료 시험판 무료 플랜 자체 데모 샌드박스에서 데모 사이트가 있는 무료 평가판

결론: WPbakery 대 Elementor: 어느 것을 사야 할까요?

여러 가지 이유로 나는 WPbakery보다 Elementor를 선호합니다. 첫째, 프로 요금제를 받기 전에 시도할 수 있는 무료 요금제를 받습니다. Elementor Pro로 시작하는 것이 비용이 적게 듭니다.

Whearars, WPbakery는 더 적은 기능을 제공하지만 훨씬 더 저렴한 가격에 제공합니다. 가격 외에도 사용자 인터페이스와 유연성이 마음에 듭니다. 또한 WPbakery의 플랫폼은 DIVI 빌더와 Elementor 기능을 통합합니다. 그래서 흥미로운 기능이지만 라이브 편집을 더 좋아합니다.

Elementor에서 편집할 때 더 나은 제어력과 자신감을 갖게 됩니다. WPbakery가 뒤에 있지만. 그러나 이 비교전의 승자로서 나의 한 표는 엘리멘터에게 간다.