엘리멘터 비교표 위젯 (Pro)
비교표는 2~6 개의 제품 또는 요금제에 대한 기능 그리드를 구축하는 Master Addons Pro 위젯입니다. 기능 이름은 첫 번째 열을 따라 내려가며 각 제품 열에는 제목,가격, 이미지,모든 기능 행에 대한 값 및 버튼이 있습니다. 값은 체크 표시,십자가, 아이콘 또는 텍스트가 될 수 있습니다. 4 개의 레이아웃 중 하나를 선택하고 하나의 열에 권장 옵션을 표시하는 자체 색상을 부여하고 스타일 행,헤더 및 버튼을 지정합니다. WooCommerce 가 필요하지 않으므로 요금제,소프트웨어, 하드웨어 또는 서비스 패키지에 작동합니다. 단일 요금제 카드의 경우 가격표 위젯이 더 잘 맞으며 Master Addons Pro가 필요하지 않습니다.
Elementor에서 비교표를 추가하는 방법
비교표에는 Elementor와 활성 요소가 필요합니다 마스터 애드온 프로 라이센스.
- Master Addons Pro를 활성화하고 Elementor로 페이지를 편집한 후 위젯 패널을 검색하세요 비교표.
- 에서 일반, 레이아웃을 선택하고 제품을 열 수로 설정합니다.
- 에서 특징 상자, 기능 행당 하나의 항목을 추가하고 제목을 설정합니다.
- 각각 열기 제품 섹션에 제목, 가격, 이미지, 버튼 텍스트 및 링크를 추가합니다.
- 모든 행 값을 기능 목록과 동일한 순서로 확인, 십자, 아이콘 또는 텍스트로 설정합니다.
- 추천하는 열의 스타일 재정의를 켜고 테이블의 스타일을 지정한 다음 모바일 보기에서 확인합니다.
모든 설정은 에서 다룹니다 비교표 위젯 설정 가이드.
다음과 잘 짝을 이룹니다: 가격표, 동적 테이블, 콘텐츠 전환 월별 및 연간 전환의 경우 정보 상자 기능 하이라이트의 경우 및 영업 시간.
비교표를 한눈에 살펴보세요
위젯이 수행하는 작업은 Master Addons Pro 코드에서 읽어보세요.
| 항목 | 비교표 위젯 |
|---|---|
| 테이블 당 제품 | 2~6, 기본적으로 3입니다 |
| 레이아웃 | 4(스타일 1부터 스타일 4까지) |
| 기능 행 | 하나의 중계기 목록, 필요한 만큼의 행 |
| 셀 값 | 확인, 십자가, 원하는 아이콘 또는 텍스트 |
| 제품 분야 | 제목, 가격, 이미지, 버튼 텍스트 및 링크 |
| 열 강조 표시 | 제품당 스타일 재정의: 제목, 가격, 행 및 버튼 색상 |
| 번호 배지 | 레이아웃 3은 각 제품 위에 번호가 매겨진 원을 보여줍니다 |
| 모바일 | 767px (Start Tab Format From) 이하 제품 이름의 행과 첫 번째 제품 열; 모든 열을 유지하도록 0 을 설정합니다 |
| 셀별 스타일링 | 아니요, 스타일링은 테이블당 또는 제품 열당입니다 |
| 리본 또는 배지 텍스트 | 아니요, 제품 제목이나 가격에 라벨을 넣으세요 |
| CSV 가져오기 | 아니요 |
| WooCommerce 소스 | 아니요,값은 패널에 입력됩니다 |
| 필요 | Elementor 및 마스터 애드온 프로 |
2~6개의 제품을 기능별로 비교해 보세요
세트 제품 일반적으로(기본적으로 2~6, 3) 및 a 제품 섹션은 각 열에 나타납니다. 행을 한 번 나열하십시오 특징 상자: a Heading,기능당 하나의 중계기 항목 및 Button Heading. 그런 다음 각 제품에 a 를 채 웁니다 제목, 가격, 이미지, 버튼 텍스트, 링크 그리고 모든 행에 대한 값입니다.
- 각 행 값은 수표, 십자가, 선택한 아이콘 또는 “1 년” 과 같은 일반 텍스트입니다.
- 기능 행은 공유되므로 행이 정렬되도록 각 제품에 동일한 수의 항목을 유지하십시오.
- 내용은 패널에 입력됩니다. 가격은 WooCommerce 에서 당겨하지 않습니다.
제품 비교 테이블을 구축하세요
제품 비교표는 제품을 열에 넣고 사양을 행에 넣으므로 구매자는 모든 옵션에서 하나의 기능을 스캔 할 수 있습니다. 제품을 항목 수로 설정하고 기능 상자에 사양을 한 번 나열 한 다음 각 제품 섹션을 제목,가격, 이미지,버튼 텍스트 및 링크에 대한 확인 또는 십자가를 사용하십시오. 예 및 아니오 사양 및 배터리 수명 또는 보증과 같은 숫자에 대한 텍스트.
모든 값은 패널에 입력됩니다. 위젯은 WooCommerce 제품을 읽거나 CSV 를 가져오지 않으므로 헤드폰 3 개,플랜 3 개 또는 두 경쟁사에 대한 제품과 같이 선별 한 짧은 목록에 적합합니다. 추천하는 제품의 스타일 재정의 를 켜면 열이 눈에 띕니다.
레이아웃 1 에서 비교한 세 개의 헤드폰으로,중간 제품은 재정의 스타일을 통해 강조 표시되었습니다.
비교표와 가격표 위젯
Elementor 와 Elementor Pro 에는 비교 테이블 위젯이 없습니다. Elementor Pro 에는 단일 요금제 카드에 대한 가격표 위젯이 있습니다. 각 옵션을 사용할 시기는 다음과 같습니다.
| 위젯 | 레이아웃 | 위한 최고의 | 가격 |
|---|---|---|---|
| 마스터 애드온 비교표 | 하나의 그리드, 동일한 기능 행을 공유하는 2~6개의 제품 열 | 플랜이나 제품 간의 기능별 결정 | 마스터 애드온 프로 |
| 마스터 애드온 가격표 | 헤더, 가격, 기능 및 버튼이 포함된 위젯당 플랜 카드 1개 | 두 개 또는 세 개의 간단한 계획으로 페이지 가격을 책정합니다 | 포함되어 있으며 Master Addons Pro가 필요하지 않습니다 |
| Elementor Pro 가격표 | 리본 옵션이 있는 위젯당 플랜 카드 1개 | 이미 Elementor Pro 를 사용하고 있는 사이트에서 카드를 계획하세요 | 엘리멘터 프로 |
방문자가 여러 옵션에서 동일한 기능을 확인해야 하는 경우,카드를 나란히 놓는 것보다 비교표를 읽는 것이 더 쉽습니다. 각 플랜에 짧은 목록과 가격이 있는 경우,가격 책정 카드의 공간이 더 적게 걸립니다. 또한 유용합니다: 동적 테이블 일반 데이터 테이블의 경우.
4가지 레이아웃과 테이블 스타일링
선택 스타일 1 에 스타일 4 에서 레이아웃는, 가격 배지를 가진 분리되는 제품 카드에 고전적인 테이블에서. 작풍 탭에는 4 개의 단면도가 있습니다. 일반 홀수 및 짝수 행 색상, 테두리, 상자 반경, 열 간격 및 행 간격을 설정합니다. 기능 상자 특징 열 너비, 색상, 정렬 및 패딩을 설정합니다. 제품 스타일 제목, 가격, 이미지 및 모바일 중단점 버튼 구매 버튼을 스타일링합니다.
- 홀수 행 색상 및 짝수 행 색상의 얼룩말 행은 긴 테이블을 더 쉽게 스캔할 수 있게 해줍니다.
- Box Width 는 특징 열의 너비를 설정합니다.
- 시작 탭 형식 아래 너비부터 (기본적으로 767px) 표에는 제품 이름의 행과 첫 번째 제품 열만 표시됩니다. 휴대폰의 모든 열을 유지하려면 시작 탭 형식부터 0 까지로 설정하고 전체 표가 화면에 맞게 축소됩니다. 게시하기 전에 모바일 보기에서 표를 확인하세요.
추천 칼럼 강조하기
켜다 스타일 재정의 그 란에게 그것의 자신의 색깔을 주기 위하여 제품 단면도 안쪽에. 당신은 표제 색깔 및 배경, 조사 기장, 가격 및 그것의 란 배경, 특징 원본, 체크 및 십자가 색깔, 홀수 및 짝수 행 색깔 및 단추 색깔을 대 그들 테이블에서 당신의 “가장 대중적인” 계획 또는 당신의 자신의 제품을 위해 이용합니다.
- 스타일 재정의는 셀이 아닌 제품 열별로 작동합니다.
- 내장 리본이나 배지가 없으므로 제품 제목이나 가격 텍스트에 라벨을 추가하십시오.
- 강조 표시된 열이 눈에 띄도록 다른 열을 전역 스타일에 유지합니다.
비교표 예
위젯으로 제작된 10개의 라이브 데모. 처음 두 개는 휴대폰의 모든 열을 유지합니다; 나머지는 767px 아래의 제품 이름 행으로 전환되며, 시작 탭 형식에서 0으로 설정하면 끌 수 있습니다.
- 스마트워치 비교: 번호가 매겨진 배지가 있는 레이아웃 3.
- 우리의 계획을 비교하십시오: 헤더에 가격이 있는 카드 4장을 레이아웃합니다.
- SaaS 가격 계획: 강조 표시된 계층입니다.
- 미국 대 세 경쟁자: 어두운 테마.
- 사진 패키지: 헤더의 사진.
- 모바일 요금: 1~4위.
- 다섯 호스팅 계획: 나란히.
- 세 투어: 원 안의 가격.
- 부동산 목록 2개: 머리를 맞대고.
- 원본 비교표: 첫 번째 데모.
비교표를 위해 자주 묻는 질문
비교표 위젯은 무료인가요?
아니요. 비교표는 일부입니다 마스터 애드온 프로. Pro 없이 당신은 사용할 수 있습니다 가격표 단일 계획 카드에 대한 위젯. Elementor 자체는 비교 테이블 위젯,무료 또는 Pro 가 없습니다.
얼마나 많은 제품을 비교할 수 있습니까?
2 와 6 사이. 변화 제품 일반 섹션과 제품 섹션에서 일치하도록 추가되거나 숨겨집니다. 대부분의 페이지 너비에서 가장 잘 읽히는 열이 3 개 또는 4 개 있습니다.
CSV 또는 스프레드시트를 가져올 수 있습니까?
그것은 WooCommerce 에서 제품을 당길 수 있습니까?
아니오. 위젯에는 WooCommerce 소스가 없으므로 제목,가격, 이미지 및 버튼은 각 제품 열에 대해 손으로 입력됩니다. 즉,무엇이든 작동합니다: 계획,서비스, 하드웨어 또는 소프트웨어.
모바일에서 비교표는 어떻게 보이시나요?
Start Tab Format From width in Style,Products (기본적으로 767px) 아래에서 표는 기능 열 위에 제품 이름의 행과 첫 번째 제품 열만 표시합니다. 모든 제품을 휴대폰에 계속 표시하려면 Start Tab Format From to 0 을 설정하고 표가 맞게 축소됩니다. 게시하기 전에 Elementor 의 모바일 보기에서 미리 봅니다.
비교표를 사용해야 할까요, 아니면 가격표를 사용해야 할까요?
방문자가 여러 옵션에서 동일한 기능을 비교해야 할 때 비교표를 사용하십시오. 각 플랜이 가격과 몇 가지 기능이있는 짧은 카드 일 때 가격표를 사용하십시오. 마스터 애드온 가격표 위젯은 Pro 없이도 이를 처리합니다.
Dynamic Table 위젯과 어떻게 다른가요?
Dynamic Table 은 행과 열의 수에 상관없이 일반 데이터 테이블을 구축하며 Master Addons Pro 는 필요하지 않습니다. 비교 테이블은 제품 결정을 위해 구축되었습니다: 각 열에 대한 제목,가격, 이미지 및 버튼,확인 및 교차 값,그리고 강조 표시할 수 있는 열 1 개.
Elementor에 비교 테이블 위젯이 있습니까?
아니요. 무료 Elementor 나 Elementor Pro 에는 하나가 없습니다. Elementor Pro 에는 단일 요금제 카드를위한 가격표 위젯이 있습니다. 여러 제품에 걸친 기능 그리드의 경우이 것과 같은 애드온 위젯이 필요합니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
![Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
