가격 그리드를 추가하시겠습니까? Elementor ?

당신이 사용하는 경우 사이트 웹 서비스나 제품을 판매하려면 제공하는 요금제를 표시하는 것이 중요합니다. Elementor, 가장 인기 있는 WordPress 페이지 빌더 플러그인은 위젯과 함께 제공됩니다. 가격 테이블 페이지나 템플릿에 손쉽게 가격 책정 그리드를 추가하는 데 사용할 수 있습니다. 이 기사에서는 이 위젯을 사용하는 방법을 보여줍니다.

읽기 : Elementor에서 둥근 이미지를 만드는 방법 

가격표 위젯 자체는 다음에서만 사용할 수 있습니다. Elementor. Pro를 사용하려면 다음을 사용해야 합니다. Elementor 찬성. 이번 글에서는 가격표 위젯을 편집 영역에 직접 추가해 보겠습니다.

Elementor 페이지 또는 템플릿에 가격 표를 추가하는 두 가지 옵션이 있습니다. 먼저 미리 정의된 블록 템플릿을 사용할 수 있습니다. 둘째, 테이블을 직접 만들 수 있습니다. 제로에서.

사전 정의된 템플릿에서 가격 표 추가

Elementor에는 선택할 수 있는 약 14가지 가격 그리드 블록 디자인이 있습니다. 다시 말하지만, 가격 그리드는 Elementor Pro에서만 사용할 수 있으므로 템플릿을 사용하려면 Elementor Pro를 사용해야 합니다. 가격표 블록 템플릿을 사용하려면 편집 상자에서 폴더 아이콘을 클릭하여 템플릿 라이브러리를 엽니다.

표시되는 템플릿 라이브러리에서 탭을 클릭합니다. 블록 그리고 카테고리에서 선택 가격 정책 드롭다운 메뉴에서 모델을 필터링합니다. 원하는 모델을 선택하고 버튼을 클릭하십시오 끼워 넣다 Elementor 편집기로 가져옵니다.

Elementor에 가격 그리드 추가

그런 다음 왼쪽 패널로 이동하여 그리드의 기본 내용을 변경할 수 있습니다.

처음부터 가격 그리드 추가

추가하려는 가격 그리드에 대한 고유한 디자인 개념이 있는 경우 처음부터 테이블을 만드는 것이 좋습니다. 작업을 용이하게 하기 위해 테이블을 만들 수 있습니다. 완료되면 복사하여 중복 테이블의 내용을 사용자 지정할 수 있습니다. 많은 시간을 절약할 수 있습니다.

참조 : Elementor로 팀원 섹션을 만드는 방법

새 섹션을 추가하고 생성하려는 테이블 수에 따라 열 구조를 선택하고 위젯을 드래그하여 시작합니다. 가격 테이블 열 중 하나에.

왼쪽 패널로 이동하여 기본 콘텐츠를 변경합니다. 탭 아래에서 내용을 편집할 수 있습니다. 함유량. 이를 편집하기 위해 열 수 있는 5개의 매개변수 블록이 있습니다: 머리글, 가격 책정, 기능, 바닥글 및 리본.

Elementor에 가격 그리드 추가
  • 헤더

이 블록을 열어 테이블 헤더의 내용을 수정할 수 있습니다. 제목을 바로 변경할 수 있습니다. Title 그리고 바로 설명 기술. 이상적으로는 테이블의 헤더 섹션을 사용하여 패키지 이름을 추가합니다.

  • 가격 정책

이 블록을 열어 패키지 가격을 변경할 수 있습니다. 옵션을 활성화할 수 있습니다. 세일 패키지가 판매 중인 경우. WordPress 사용자 정의 필드에 대한 지식이 있는 경우 데이터베이스 아이콘을 클릭하여 동적 가격을 추가할 수도 있습니다. données 현장에서 가격.

  • 특징

이 블록을 열어 패키지에 제공하려는 기능을 추가할 수 있습니다. 기본적으로 세 가지 기능이 있습니다. 엔티티를 열어 편집할 수 있습니다. 새 기능을 추가하려면 버튼을 클릭하기만 하면 됩니다. 요소를 추가합니다.

읽기 : Elementor Popup Builder를 사용하는 7 가지 창의적인 방법  

기본적으로 각 기능에는 체크리스트 아이콘이 있습니다. 아이콘을 변경하려면 아이콘을 클릭하기만 하면 됩니다. 제거하려면 휴지통 아이콘을 클릭하기만 하면 됩니다.

  • 바닥 글

바닥글은 링크와 클릭 유도문안 버튼을 추가할 수 있는 섹션입니다. 이 섹션에 추가 정보를 추가할 수도 있습니다.

  • 리본

"SALE", "SPECIAL", "HOT OFFER"와 같은 판매 태그를 테이블에 추가할 수 있습니다. 판매 태그 또는 원하는 태그를 추가하려는 경우 블록을 열 수 있습니다. 루반 옵션을 활성화 디스플레이. 필드에 좋아하는 라벨을 추가할 수 있습니다. 표제 옵션에서 위치를 설정합니다. 위치.

그리드 사용자 정의

레이블의 구성 요소를 사용자 지정하려면 탭으로 전환할 수 있습니다. 스타일 왼쪽 패널에서 또한 이 탭에는 XNUMX개의 설정 블록이 표시됩니다.

  • 헤더 : 이 블록을 열어 테이블의 헤더 섹션을 사용자 정의할 수 있습니다. 헤더 배경, 제목 및 설명의 타이포그래피(글꼴 패밀리, 글꼴 크기, 글꼴 스타일), 제목 텍스트 색상 및 설명 등을 설정할 수 있습니다.
  • 가격 : 이 블록을 열어 가격 섹션을 사용자 지정할 수 있습니다. 배경색, 타이포그래피, 텍스트 색상, 통화 기호 및 위치 등을 설정할 수 있습니다.
  • 특징 : 이 블록을 열어 엔터티 섹션을 사용자 지정할 수 있습니다. 배경, 텍스트 색상, 타이포그래피, 정렬, 구분 기호 켜기/끄기 등을 설정할 수 있습니다.
  • 바닥 글 : 이 블록을 열어 바닥글 섹션을 사용자 지정할 수 있습니다. 배경, 버튼의 크기, 버튼의 색상, 버튼 텍스트의 타이포그래피 등과 같은 요소를 정의할 수 있습니다.
  • 리본: 이 블록은 옵션을 활성화한 경우에만 나타납니다. 리본 탭 아래 함유량. 이 블록을 열어 색상, 텍스트 색상, 타이포그래피와 같은 리본을 사용자 정의할 수 있습니다.

첫 번째 테이블 작업이 완료되면 이를 다른 열에 복사한 다음 각 테이블/플랜에서 제공하려는 기능에 따라 내용을 바꿀 수 있습니다. 테이블을 복사하려면 위젯의 핸들을 마우스 오른쪽 버튼으로 클릭하고 복사하려면, 그런 다음 붙여 넣을 열을 마우스 오른쪽 버튼으로 클릭하고 선택하십시오. .

결국

Elementor Pro에는 가격표 위젯이 함께 제공되어 페이지나 템플릿에 가격표를 쉽게 추가할 수 있습니다. 다음과 같은 일부 추가 기능 해피 애드온필수 애드온 그리고 제andElements - 스타일 옵션이 다른 동일한 위젯도 있습니다.

지금 Elementor Pro를 받으세요!!!

결론

여기 입니다! Elementor에서 가격 표를 추가하는 방법을 보여주는 이 기사는 여기까지입니다. 가는 방법이 걱정되시면 f에서 알려주십시오. commentaires.

그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.

그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.

...