Elementor 가격표 위젯: 무료, 5가지 준비 레이아웃 포함
가격 테이블은 Elementor 에서 플랜 카드를 빌드하기위한 무료 Master Addons 위젯입니다. 5 레이아웃 중 하나를 선택한 다음 헤더,가격, 기능 목록,버튼 및 리본을 채우십시오. 각 기능에는 자체 아이콘과 도구 설명이있을 수 있으며 가격은 판매의 원래 가격을 표시 할 수 있으며 버튼은 어디에서나 연결되거나 Easy Digital Downloads 구매 버튼으로 작동 할 수 있습니다. 각 열에 하나의 위젯을 넣으면 가격 책정 페이지가 있습니다.
헤더, 가격, 기능, 버튼 및 리본
카드의 각 부분에는 자체 설정이 있습니다. 헤더는 아이콘,제목, 자막 및 세 가지 그라데이션 배경 중 하나 또는 자신의 색상을 사용합니다. 가격에는 목록 또는 사용자 정의 항목의 통화 기호,원래 가격의 판매 스위치 및 청구 기간이 있습니다. 바닥글에는 버튼,링크 또는 쉬운 디지털 다운로드 항목,환불 메모와 같은 짧은 추가 텍스트 줄이 있습니다.
- 헤더 아이콘, 제목, HTML 태그, 자막 및 그라데이션 사전 설정.
- 통화 기호, 원래 가격의 판매 가격, 청구 기간.
- 링크가 있는 버튼이나 간편한 디지털 다운로드 항목과 추가 바닥글 텍스트가 있습니다.
아이콘 및 도구 설명이 포함된 대화형 기능 목록입니다
각 기능 행은 텍스트,선택적 아이콘 및 기능의 위,아래, 왼쪽 또는 오른쪽으로 열리는 선택적 도구 설명을 사용합니다. “추가 좌석은 한 달에 $5 입니다.”와 같이 목록을 붐비는 세부 정보는 도구 설명을 사용하십시오.
- 아이콘을 사용하면 기능 목록을 더 빠르게 스캔할 수 있습니다.
- 툴팁은 복잡함을 추가하지 않고 한계나 기술 용어를 설명합니다.
- 스타일 탭에서 기능 텍스트, 아이콘, 구분선 및 정렬을 스타일 지정합니다.
가격 서식, 강조 표시된 계획 및 리본
통화 기호,가격의 분수 부분 및 원래 가격을 별도로 크기를 조정하고 수직으로 정렬합니다. 사람들이 선택하려는 플랜의 하이라이트 테이블을 켠 다음 “인기”와 같은 텍스트가있는 리본을 추가하고 정렬,위치 및 회전을 설정합니다.
- 통화, 센트, 원래 가격에 대한 별도의 크기와 위치.
- 하이라이트 테이블을 사용하여 하나의 계획을 돋보이게 합니다.
- 자신만의 텍스트, 정렬, 위치 및 회전이 포함된 리본입니다.
Elementor Pro 가격표와 Master Addon 가격표
Elementor 의 자체 Price Table 위젯은 Elementor Pro 에만 있습니다. 두 가지를 비교하는 방법은 다음과 같습니다.
| Elementor Pro 가격표 | 마스터 애드온 가격표 | |
|---|---|---|
| 가격 | Elementor Pro 라이센스 | 무료 |
| 레이아웃 | 하나 | 5 X 1000 X 1000 X 1000 X 100 X 50 X 50 X 50 X 50 X 50 X 50 X 50 X 50 X 50 X 50 X 50 X 50 X 50 X 5 |
| 기능 툴팁 | 아니요 | 예 |
| 판매 및 원래 가격 | 예 | 예 |
| 리본 | 예 | 예 |
| 쉬운 디지털 다운로드 버튼 | 아니요 | 예 |
| 헤더 그라데이션 사전 설정 | 아니요 | 3 X 1000 X 1000 X 1000 X 100 X 100 X 30 X 30 X 30 X 30 X 30 X 30 X 30 X 30 X 30 X 30 X 30 X 30 X 30 X |
계획간에 많은 기능을 비교? The 비교표 위젯 (Pro) 은 별도의 카드보다 긴 기능 목록을 더 잘 처리합니다.
가격표 디자인 팁
몇 가지 습관을 통해 가격표를 더 쉽게 읽고 구매하기가 더 쉬워집니다.
- 세 가지 계획을 표시합니다. 더 많은 옵션은 결정을 늦춥니다.
- 팔고 싶은 플랜을 중간에 두고 부각시켜라.
- 가격을 카드에서 가장 큰 텍스트로 만드십시오.
- 기능 라벨을 짧게 유지하고 세부 정보를 도구 설명으로 이동하십시오.
- 카드당 하나의 버튼을 사용하고, 버튼을 제공하는 경우 바닥글 텍스트에 환불 메모를 추가하세요.
우리의 가격표 팁 더 자세히 들어가.
Elementor 에서 가격 테이블을 추가하는 방법
먼저 하나의 계획을 작성한 다음 기능 행이 정렬되도록 다른 계획을 복사합니다.
- 계획당 하나의 열이 있는 컨테이너 또는 섹션을 추가합니다. 세 가지 계획이 가장 일반적인 설정입니다.
- 위젯 패널에서 “가격표”를 검색하고 마스터 애드온 위젯을 첫 번째 열로 드래그합니다.
- 레이아웃을 선택한 다음 헤더, 가격, 기능 및 바닥글 버튼을 입력하세요.
- 스타일 탭에서 카드를 스타일링하고 위젯을 다른 열에 복제한 후 계획 세부 정보를 변경합니다.
- 방문자가 선택하려는 요금제에 대해 하이라이트 테이블과 리본을 켭니다.
모든 열에서 기능 행을 동일한 순서로 유지하십시오. 사람들은 가격 테이블을 행별로 읽으므로 혼합 순서로 계획을 비교하기가 어렵습니다.
5 가격 테이블 레이아웃
가격 내용의 레이아웃 드롭다운은 카드 제작 방식을 변경합니다. 다섯 개 모두 무료이며,텍스트와 가격을 전환해도 동일하게 유지됩니다.
- 기본값
- 왼쪽 정렬 콘텐츠
- 반올림된 테이블
- BG 이미지가 있는 테이블
- BG 패턴을 왜곡합니다
편집하는 동안 페이지와 일치하는 항목을 확인하세요.
가격표에 대해 자주 묻는 질문
가장 권장되는 가격 계획을 강조할 수 있나요?
예. 해당 요금제의 가격 내용에서 하이라이트 테이블을 켠 다음 리본 섹션을 열고 표시를 켜고 “인기”와 같은 텍스트를 추가합니다. 리본을 정렬,이동 및 회전하고 색상 스타일을 지정할 수 있습니다.
바닥글 버튼은 전자 상거래 플러그인과 함께 작동합니까?
예. 바닥글 섹션에서 간편한 디지털 다운로드 통합을 켜고 EDD 항목을 선택하여 버튼을 구매 버튼으로 만듭니다. WooCommerce 또는 기타 체크아웃의 경우 제품 또는 체크아웃 페이지에서 버튼 링크를 가리킵니다.
기능 목록의 모양을 얼마나 사용자 정의할 수 있나요?
매우. 기능은 자체 텍스트 색상,타이포그래피, 정렬,너비 및 구분선을 얻고 각 행에는 자체 아이콘 및 도구 설명이 있을 수 있습니다.
가격표 헤더에 배경 패턴이나 이미지를 추가할 수 있나요?
예. 헤더 섹션에서 3 개의 그라디언트 사전 설정 중 하나를 선택하거나 사용자 지정을 선택하고 스타일 탭에서 자신만의 헤더 배경을 설정합니다. BG 이미지 및 BG 패턴 스큐가 있는 표 레이아웃은 표 뒤에 이미지 또는 패턴을 추가합니다.
모바일 장치에서 가격표 반응이 좋나요?
예. 각 요금제는 하나의 위젯이므로 열에 배치하고 Elementor 는 전화기에 열을 쌓습니다. 반응형 모드를 사용하여 작은 화면에서 가격 크기 또는 패딩을 줄입니다.
판매 가격을 표시하거나 원래 가격을 지울 수 있습니까?
예. 가격 섹션에서 판매를 켜고 원래 가격을 입력합니다. 위젯은 현재 가격 옆에 표시되므로 방문자는 할인을 볼 수 있습니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
