섹션 템플릿은 페이지의 한 밴드입니다: 가격표, FAQ, 로고 행이 저장되어 다시 구축하는 대신 레이아웃에 삭제할 수 있습니다.
이 페이지는 두 개의 세트로 구성되어 있습니다. 첫 번째는 우리가 손으로 제작하고 JSON 파일로 패키지한 32 개의 섹션으로 바로 여기에서 다운로드하고,마스터 애드온 위젯 빌더를 통해 가져오고,중첩된 컨테이너 대신 레이블이 지정된 필드에서 편집할 수 있습니다. 두 번째는 마스터 애드온 섹션 라이브러리입니다: 583 Elementor 섹션은 Elementor 편집기 내부에서 설치되며,그 중 93 개는 무료 플러그인에 있습니다.
당신이 온 목적:로 이동
- JSON으로 다운로드할 수 있는 섹션 템플릿 32개: 위젯 빌더로 가져온 무료 파일입니다
- 583 섹션 라이브러리를 유형별로 찾아봅니다: 영웅, 기능, 가격, FAQ, 팀, 연락처 등
- 섹션 템플릿을 가져오는 방법: 두 경로 모두 단계별로 진행됩니다
- 이 섹션으로 구성된 Elementor 랜딩 페이지 템플릿입니다
Elementor 섹션 템플릿을 가져오는 방법
두 개의 경로,두 개의 분리된 시스템. 이 페이지의 32 개의 다운로드는 위젯 빌더를 통해 위젯으로 들어옵니다. 라이브러리 섹션은 Elementor 편집기 내부에서 설치됩니다. 둘 다 페이지의 디자인으로 끝나고 모든 것이 여전히 편집 가능합니다.
경로 1: 위젯 빌더로 JSON 템플릿 파일을 가져옵니다
- 원하는 템플릿의 zip 을 다운로드하고 압축을 풉니다. 내부에는 위젯 JSON,미리보기 이미지 및 디자인이 어떤 것을 사용하는 데모 아트 워크가 있습니다.
- 로 이동 마스터 애드온 → 위젯 빌더 → 위젯 가져오기 wordpress 관리자에 업로드하세요
widget-*.json파일. - Elementor를 열고 패널에서 위젯 이름을 검색한 후 페이지로 드래그하세요.
- 내용 탭을 채우세요. 색상은 스타일 탭에 있으며 일반적으로 전체 섹션의 테마를 다시 지정하는 4~6개의 선택기입니다.
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 위젯 빌더 마스터 애드온 프로의 일부입니다. JSON 파일 자체는 비용이 들지 않으며 다운로드 한 후에는 그대로 유지됩니다.
여러 zips 는 SVG 아트워크를 발송하고 WordPress 는 기본적으로 SVG 업로드를 차단합니다. 먼저 PNG 또는 WebP 로 변환하거나 SVG 업로드를 활성화하십시오. 빈 이미지 슬롯이 자신을 숨기기 때문에 위젯도 이미지없이 렌더링됩니다.
경로 2: 템플릿 라이브러리에서 섹션을 설치합니다
- 설치 및 활성화 마스터 애드온을, 그리고 Elementor로 아무 페이지나 열어보세요.
- 편집기 도구 모음에서 마스터 애드온 템플릿 아이콘을 클릭하고 로 전환합니다 섹션 탭.
- 카테고리별로 필터링한 다음 디자인을 마우스를 가져가면 전체 크기로 미리 볼 수 있습니다.
- 클릭 삽입. 해당 섹션은 이미지, 간격 및 위젯 설정이 그대로 유지된 상태에서 커서 위치로 드롭됩니다.
- 구축한 다른 항목처럼 편집하세요: 제목을 클릭하여 다시 입력하고 스타일 탭을 열어 색상을 변경하세요.
무료 섹션은 바로 삽입됩니다. 프로 섹션은 잠금 장치를 표시하고 사이트에서 활성화 된 라이센스 키가 필요합니다. 이 경로에서는 컴퓨터에 다운로드하는 것이 없습니다.
32 Elementor 섹션 템플릿을 JSON으로 다운로드할 수 있습니다
이들은이 게시물을 위해 내장: 손으로 쓴 HTML, CSS 및 자바 스크립트, 다음 위젯 빌더 위젯으로 변환. 그들은 플러그인의 라이브러리에 있지 않습니다, 그들은 여기에서 다운로드.
위젯으로 가져오는 것은 하나의 실용적인 결과를 가져옵니다: 반복 가능한 것은 리피터입니다. 가격 계획,FAQ 항목,평가, 팀원 및 로고는 모두 리피터 필드이므로 네 번째 계획 또는 열 번째 질문을 추가하면 레이아웃,애니메이션 스태거 및 번호 매기기가 자체적으로 조정됩니다. 색상은 4 ~ 6 개의 기본 선택기를 통해 실행됩니다. 애니메이션은 축소 된 모션 설정을 존중합니다. 이동할 때 끊어지는 컨테이너 경로에 용접되는 것은 없습니다.
기능 및 서비스 섹션 템플릿
판매하는 제품을 배치하는 네 가지 방법: 카드 그리드, 교대 행, 번호가 매겨진 프로세스 및 이미지 주도 쇼케이스 카드.
1. 아이콘 카드 격자: Elementor 기능 섹션 템플릿
커서 팔로우 글로우를 중심으로 구축된 6 개의 기능 카드로 구성된 어두운 3 열 그리드: 마우스를 움직이면 부드러운 방사형 조명이 카드 전체를 따라갑니다. 카드는 리피터입니다: 아이콘 (SVG 붙여넣기), 제목,텍스트 및 카드당 선택적인 화살표 링크. 가상의 분석 SaaS 의 6 개의 카드가 미리 채워져 있으며,엇갈린 입구는 결국 어떤 수의 카드에 애니메이션을 적용합니다.
2. 이미지 행 교대: Elementor 특징 행 템플릿
헤더 아래에 카운트업 통계 스트립이 있는 클래식 이미지 왼쪽/이미지 오른쪽 행입니다. 교대는 자동입니다. 행은 위치에 따라 측면을 뒤집으므로 리피터를 통해 네 번째 또는 다섯 번째 행을 추가하면 지그재그가 그대로 유지됩니다. 각 행에는 키커 배지,체크 글머리 기호 3 개 및 자체 링크 컨트롤이 있습니다. 부기-앱 행 3 개에 대한 데모 아트가 zip 에 있습니다.
3. 번호가 매겨진 프로세스 목록: Elementor 프로세스 단계 템플릿
수직 트랙에 번호가 매겨진 다섯 단계,스크롤할 때 스스로 그리는 진행선과 해당 단계가 뷰포트에 들어갈 때 점들이 켜집니다. 단계는 리피터 (숫자,제목, 칩 라벨,텍스트) 에 살고 진행률 수학은 런타임에 단계 수를 읽습니다. 세 단계 또는 여덟 단계로,선은 여전히 마지막 점에 착지합니다. 강조 표시된 통계가 구워진 전환 가능한 CTA 바닥글이 있습니다.
4. 이미지 진열장 카드: Elementor 특징 카드 템플렛
커서를 따라가는 3D 기울기가 있는 3 개의 큰 이미지 카드와 헤더와 그리드 사이에 스크롤 키워드 천막이 있습니다. 각 티커 키워드를 한 번 추가합니다. 원활한 루프 복제는 JavaScript 에서 발생하므로 천막에는 결코 솔기가 표시되지 않습니다. 카드는 각각 이미지,배지, 제목,텍스트 및 링크를 가져옵니다; 3 개의 팟캐스트 도구 데모 일러스트레이션은 zip 으로 제공됩니다.
회사 소개 섹션 템플릿
왼쪽 이미지, 부동 배지가 있는 오른쪽 이미지, 가치 카드가 있는 사명 선언문.
5. 스토리와 함께 남겨진 이미지: Elementor about us 섹션 템플릿
폴라로이드 스타일의 호버 틸트와 함께 왼쪽에있는 사진,오른쪽에 스토리 카피,세 카운트 업 통계 및 서명 블록. 통계 중계기는 접두사,소수 및 수천 개의 쉼표를 처리합니다. 데모는 코드를 건드리지 않고도 최대 2,400 개의 도매 파트너를 계산합니다. SVG 로 포함 된 베이커리 데모 장면.
6. 뜨 배지를 가진 이미지 권리: 단면도 템플렛에 관하여 Elementor
거울 레이아웃: 텍스트 왼쪽, 이미지 오른쪽, 뷰로 스크롤할 때 카운트업되는 부동 “27 년” 배지 포함 자격 증명 체크리스트는 리피터이고 배지는 전환 가능하며 두 배지 라인 모두 편집이 가능합니다. 비즈니스, 프로젝트 출하, 최상의 번호가 무엇이든 수년 동안 사용하십시오.
7. 사명과 가치: Elementor 사명과 가치 섹션
사진이 필요하지 않습니다. 악센트 색상의 문구가있는 큰 사명 선언문,그리고 호버에서 약간 회전하는 선 아이콘이있는 4 개의 값 카드. 카드는 키워드 기반 아이콘 필드 (파도,커뮤니티, 태양,하트) 가있는 리피터 아이콘입니다. 아이콘은 악센트 색상을 상속하는 CSS 마스크이므로 충돌하는 대신 팔레트로 다시 색칠합니다.
통계 및 카운터 밴드 템플릿
규모를 증명하는 숫자에 대해 밝은 부분과 어두운 부분 등 두 개의 카운트업 밴드.
8. 빛 stats 밴드: Elementor 카운터 섹션 템플릿
종이처럼 하얀색의 세리프 숫자로 된 네 개의 카운터,숫자가 올라갈 때 그리는 칸막이 선. 열 슬라이더는 네 개가 아닌 세 개 또는 다섯 개의 통계를 실행하면 데스크톱 그리드를 재구성하고,단일 지속 시간 컨트롤은 모든 것이 얼마나 빨리 중요한지 조정합니다.
9. 어두운 stats 밴드: Elementor stats 밴드 템플릿
고대비 버전: 거의 검은색 배경,라임 액센트,광채 펄스가 있는 각 카운터 위의 아이콘. 아이콘은 카드 (볼트,터빈, 홈,쉴드) 당 자동으로 순환하며 각 통계는 자체 카운트업 기간을 설정하므로 숫자가 한 번에 모두 표시되지 않고 순서대로 표시됩니다. 헤드라인은 세 개의 필드로 분할되므로 액센트 단어는 원하는 곳에 위치합니다.
사용후기 섹션 템플릿
회전목마, 석조 격자, 큰 견적 1개, 총점이 있는 리뷰 카드.
10. 사용후기 캐러셀: Elementor 사용후기 캐러셀 템플릿
적절한 슬라이더: 화살표 버튼,클릭 가능한 점,키보드 탐색 및 자동 높이로 짧은 따옴표가 키가 큰 빈 카드를 남기지 않습니다. 슬라이드는 리피터 (인용문,이름, 역할,아바타) 이며 점과 “총의 N”라벨은 추가 한 많은 것에서 스스로를 재건합니다. 4 개의 데모 아바타는 우편으로 배송됩니다.
11. 석조 그리드: Elementor 추천 그리드 템플릿
엇갈린 노출이 있는 CSS 열 석조 구조의 6개 카드. 각 중계기 행에는 따옴표(키가 큰 카드의 경우 선택 사항인 두 번째 단락 포함), 별 1~5개 등급, 아바타 서클의 이니셜 및 카드에 악센트 처리를 제공하는 “기능이 있는” 토글이 있습니다. 별은 등급 값에서 렌더링되므로 별 4개 리뷰에는 하드코딩된 것이 아닌 4개의 채워진 별이 표시됩니다.
12. 단 하나 큰 따옴표: Elementor 증언 단면도 템플렛
하나의 인용문,거대한 세리프 타입,마스크 애니메이션으로 한 줄씩 공개했습니다. 인용문을 한 단락으로 붙여 넣습니다; JavaScript 는 균형 잡힌 선으로 분할하고 공개를 곱하므로 15 단어 인용문과 40 단어 인용문은 모두 올바르게 애니메이션을 적용합니다. 아래 (방,등급, 연도) 의 작은 메타 스트립은 완전히 비울 수있는 중계기입니다.
13. 요약이 포함된 등급 카드: Elementor 리뷰 카드 템플릿
리뷰 수집기 모양: 큰 카운트 업 점수,애니메이션 배포 막대 (별 5 개: 84%, 4 개: 11%...), 그리고 카드 당 배지 색상으로 플랫폼에 의해 태그 된 4 개의 리뷰 카드. 분수 등급 페인트 부분 별. 이 하나는 평가 그룹의 가장 많은 컨트롤을 가지고,24, 점수의 밑에 캡션에 막대 백분율에서 모든 것이 편집 할 수 있기 때문에.
가격표 섹션 템플릿
3단계 강조 계획, 비교 매트릭스 및 월별/연간 토글.
14. 고전적인 세 계층: Elementor 가격 테이블 템플릿
세 장의 카드,엇갈린 입구,스크롤에 카운트 업되는 가격. 계획은 중계기입니다. 기능은 텍스트 영역의 기능 당 한 줄로 들어가므로 계획은 빈 슬롯없이 5 개 또는 9 개의 기능을 가질 수 있습니다. 계획 당 “인기있는”토글은 카드의 버튼을 고스트에서 솔리드 액센트로 전환합니다.
15. 강조된 계획: Elementor 가격 섹션 템플릿
같은 3 열 뼈,하지만 인기있는 계획은 물리적으로 글로우 펄스와 리본으로 이웃 위에 상승. 하이라이트는 각 중계기 행에서 토글을 따르므로 다음 분기에 다른 계획을 추진하는 것은 하나의 스위치이지 스타일 변경이 아닙니다. 바닥 글 통계 행 (가동 시간,데이터 센터,지원) 을 끌 수 있습니다.
16. 비교 기능 목록: Elementor 가격 비교표
실제 기능 매트릭스: 세 개의 계획 열,예/아니오/사용자 지정 값이 있는 기능 행 (“5 사용자”, “무제한”), 부드러운 높이 애니메이션으로 여섯 개의 행을 더 드러내는 확장 가능한 블록 셀에 예 또는 아니오를 입력하면 검사 또는 십자가로 렌더링; 다른 것을 입력하면 텍스트로 인쇄됩니다. 어떤 계획이 “최고의 값” 열 하이라이트를 얻는지는 드롭다운입니다. 38 컨트롤에서 팩에서 가장 깊은 템플릿입니다.
17. 월간 / 연간 토글: 청구 토글이있는 Elementor 가격 표
SaaS 표준. 접근 가능한 스위치는 약간의 가격 반전 애니메이션으로 월간 가격과 연간 가격 사이의 모든 카드를 뒤집습니다; 각 플랜은 두 가격 모두와 리피터 행의 “청구된” 메모를 모두 포함합니다. “20% 저장” 배지 텍스트는 필드이므로 수학을 변경하면 배지가 변경됩니다.
팀 섹션 템플릿
사진 그리드, 호버 공개 바이오스, 바이오 패널이 있는 슬라이더.
18. 사진 카드 격자: Elementor 팀 섹션 템플릿
확대 및 테두리 스윕 호버가 있는 세로 카드 4 장. 이름,역할, 멤버당 한 줄짜리 약력; 입구 스태거는 모든 멤버 수에 대해 다시 계산됩니다. 실제 헤드샷을 수집하는 동안 자리 표시자가 필요한 경우 4 개의 데모 세로 일러스트레이션이 zip 으로 제공됩니다.
19. 호버 공개 바이오스: Elementor 팀원 카드 템플릿
마우스뿐만 아니라 키보드, 휴대폰에서도 작동하도록 마우스, 마우스 또는 마우스에서 바이오 패널 위로 슬라이드되는 인물 사진입니다. 각 구성원 행에는 LinkedIn, Instagram 및 이메일 링크 컨트롤이 있으며, 팀이 원하지 않는 경우 전체 소셜 행을 끌 수 있습니다.
20. 팀 슬라이더: Elementor 팀 슬라이더 템플릿
한 번에 한 명의 회원: 큰 사진,역할 태그,더 완전한 약력,그리고 점과 같은 실제 회원 수에서 다시 작성하는 “01 / 05” 카운터. 화살표 키가 작동합니다. 각 사람이 명함보다 더 많은 것을받을 자격이있는 소규모 팀에 좋습니다.
FAQ 섹션 템플릿
아코디언, 2열 Q&A, 카테고리 탭, 지원 카드 옆에 아코디언이 있습니다.
21. 아코디언: Elementor FAQ 아코디언 템플릿
매끄러운 높이 애니메이션과 회전 플러스 아이콘과 단일 오픈 아코디언. 질문과 답변은 리피터입니다; 첫 번째 항목이 열리기 시작하는지 여부는 토글입니다. 바닥 글 라인 (“여전히 붙어? 우리에게 쓰기”) 은 항상 하드 코딩 된 다른 잊고 끝 때문에,자신의 링크와 이메일 필드가 있습니다.
22. 두 열 Q & A: Elementor FAQ 섹션 템플릿
클릭하지 마세요. 6 개의 답은 모두 엇갈린 노출이 있는 번호가 매겨진 2 열 격자에서 계속 보입니다. 01–06 번호 매기기는 CSS 카운터이므로 일곱 번째를 추가하면 항목 번호가 다시 매겨집니다. 답이 짧고 방문자가 실제로 읽는 것이 좋을 때 아코디언보다 낫습니다.
23. 카테고리 탭: Elementor FAQ 탭 템플릿
슬라이딩 알약 탭 막대가있는 4 개의 카테고리에 걸쳐 12 개의 질문. 탭을 전혀 관리하지 않습니다. 리피터의 모든 질문에는 카테고리 필드가 있으며 위젯은 찾은 고유 한 카테고리에서 탭 버튼을 만듭니다. 세 가지 질문에 카테고리 이름을 바꾸고 탭 이름을 바꿉니다. 전체 화살표 키 탭 탐색이 포함되어 있습니다.
24. 지원 카드가 있는 FAQ: 지원 카드가 있는 Elementor FAQ 섹션
왼쪽의 아코디언 (이번에는 멀티 오픈), 그림이 있는 오른쪽의 끈적한 지원 카드,연락처 채널,아바타 슬롯이 3 개 있는 팀 노트.연락처 채널은 행당 채팅/이메일/전화/시계 아이콘 선택기가 있는 리피터 카드 끈적한 오프셋은 슬라이더입니다.사이트에 뚱뚱한 고정 헤더가 있을 때를 위한 것입니다.
콜투액션 밴드 템플릿
굵은 그라데이션, 제품 이미지가 포함된 분할, 최소한의 중심 밴드.
25. 굵은 기울기: Elementor call to action 템플릿
포인터 쪽으로 표류하는 부동 얼룩이 있는 애니메이션 3색 그라데이션 워시입니다. 세 가지 그라데이션 색상은 별도의 선택기이므로 전체 분위기를 보라색에서 브랜드 오렌지색으로 전환하려면 세 번의 클릭이 필요합니다. 기본 및 고스트 버튼에는 각각 전체 링크 컨트롤이 있습니다; 미니멀리스트의 경우 얼룩이 꺼집니다(모션 감소 방문자의 경우 스스로 꺼집니다).
26. 제품 이미지로 분할: Elementor CTA 섹션 템플릿
복사 및 체크리스트 왼쪽, 제품 샷 부동 사양 배지 (용량, 충전 시간, 무게) 와 오른쪽 그러나 많은 당신이 추가 위치를 변경합니다. 별 등급은 데모에서 2,318 리뷰에서 4.8 까지 계산하고, 두 숫자는 필드입니다. 실제 제품을 위해 제작되었지만 자랑 할만한 사양이있는 모든 것을 위해 작동합니다.
27. 최소 중심: Elementor call to action 밴드
크림 배경, 하나의 헤드 라인, 하나의 버튼, 위와 아래의 얇은 규칙. 헤드 라인은 단어별로 드러내고, 분할이 런타임에 발생하기 때문에, 당신의 다시 쓰여진 헤드 라인은 정확히 동일하게 애니메이션됩니다. 페이지의 다른 모든 섹션이 소리 지르면, 이것은 음성을 낮추어 거래를 종료합니다.
문의 양식 섹션 템플릿
연락처 정보가 포함된 양식, 애니메이션 지도 및 중앙 카드가 포함된 양식.
28. 연락처 정보가 포함된 양식: Elementor 연락처 양식 템플릿
이름,이메일, 회사,예산 드롭다운 및 메시지 필드가 있는 양식 옆에 있는 정보 열 (이메일,전화, 사무실,사이클링 아이콘이 있는 중계기). 예산 범위는 자체 중계기입니다. 모든 레이블과 자리 표시자는 편집할 수 있으며 이는 사이트를 번역하는 날에 중요합니다.
29. 지도가 있는 양식: 지도가 있는 Elementor 문의 양식
그림이 표시된 SVG 지도 옆에 주제 선택 칩이 있는 양식: 애니메이션 점선 경로, 펄스 핀, 공원 및 운하 세부 정보. Google 지도 삽입, API 키, 쿠키 배너 관련 없음. 지도의 거리 라벨은 텍스트 필드이므로 실제 거리를 표시하세요.
30. 중심 카드: Elementor 접촉 형태 단면도
커서를 따라가는 스포트라이트와 깜박이는 “영업일 기준 1 일 이내에 응답” 상태 배지가 있는 어두운 배경의 중앙에 있는 카드 1 장. 배지 텍스트는 필드이며 전체 배지는 전환 가능합니다. 3 개 중 가장 작은 설치 공간 전용 연락처 페이지 없이 연락처 옵션이 필요한 페이지 끝에 놓습니다.
로고 스트립 템플릿
호버링 시 색상이 지정되는 회색조 그리드와 무한한 천막.
31. 정적 그레이 스케일 그리드: Elementor 로고 그리드 템플릿
그리드에 8 개의 로고,호버링될 때까지 그레이스케일,아래에 카운트업 통계가 있습니다 (“1,400+ 팀에 대한 전원 보고”). 열은 슬라이더이고 통계 행은 전환 가능하며 그레이스케일에서 색상으로 호버링하면 업로드하는 PNG 또는 SVG 로고에서 작동합니다.
32. 스크롤 천막: Elementor 로고 회전 목마 템플릿
호버링 시 일시 중지되고 모션 감소 방문자를 위해 중지되는 에지 페이드가 있는 무한 천막입니다. 각 로고를 한 번 추가합니다; 원활한 루프 클론은 JavaScript 에서 처리됩니다. 스크롤 속도는 슬라이더입니다; 데모는 28 초 루프를 실행하며,광란이 아닌 자신감 있는 것으로 읽혀집니다.
583 섹션 라이브러리를 유형별로 찾아봅니다
라이브러리는 나머지 절반입니다: 다운로드 대신 Elementor 편집기 내부에서 설치 된 583 디자인. 아래는 각 주요 카테고리에서 3 개의 픽으로,각각 스크롤 및 클릭할 수 있는 라이브 데모와 해당 카테고리의 모든 디자인을 통해 버튼을 사용 합니다.
| 섹션 유형 | 디자인 | 어디 |
|---|---|---|
| 영웅 섹션 | 47 | 점프 |
| 특징 단면도 | 64 | 점프 |
| 회사 소개 섹션 | 40 | 점프 |
| 통계 및 카운터 섹션 | 40 | 점프 |
| 추천 섹션 | 41 | 점프 |
| 가격표 | 19 | 점프 |
| 팀 섹션 | 36 | 점프 |
| FAQ 섹션 | 21 | 점프 |
| 행동 섹션에 전화하세요 | 27 | 점프 |
| 문의 양식 섹션 | 46 | 점프 |
| 블로그 및 기사 섹션 | 28 | 점프 |
| 메가 메뉴 섹션 | 6 X 1000 X 1000 X 1000 X 100 X 60 X 60 X 60 X 60 X 60 X 60 X 60 X 60 X 60 X 60 X 60 X 60 X 60 X 60 X | 점프 |
| 서비스 섹션 | 41 | 찾아보기 |
| 프로세스, 단계 및 타임라인 섹션 | 29 | 찾아보기 |
| 탭, 콘텐츠 및 미디어 섹션 | 31 | 찾아보기 |
| 상점, 제품 및 메뉴 섹션 | 23 | 찾아보기 |
| 사례 연구 및 포트폴리오 섹션 | 19 | 찾아보기 |
| 로고, 브랜드 및 클라이언트 섹션 | 13 | 찾아보기 |
| 404 오류 섹션 | 7 X 1000 X 10 | 찾아보기 |
| 직업 및 직업 섹션 | 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 | 찾아보기 |
카운트는 23 9 월 2026 에 라이브러리에서입니다. 새로운 섹션은 대부분의 릴리스와 함께 착륙하므로 플러그인은이보다 더 많은 것을 보여줄 수 있습니다.
Elementor 영웅 섹션 템플릿
도서관에 있는 47 영웅 디자인. 그들은 헤드라인 옆에 앉는 무슨에 의해 대부분 다르다: 대시보드 스크린샷,예약 단추,검토 기장,또는 반대 줄. 영웅을 원하는 경우에 당신은 JSON 로 대신 다운로드할 수 있다,있다 영웅 섹션 템플릿의 별도 팩.
에지 시그널 SaaS 히어로
대기 시간 헤드 라인과 그 아래에있는 제품 대시 보드가있는 Dark SaaS 영웅.
클리너 히어로
별표 등급과 버튼 옆에 전화번호가 있는 서비스 비즈니스용 사진 영웅입니다.
크라프토바 히어로
헤드라인 옆에 떠 있는 결과 카드가 있는 그림이 있는 영웅입니다.
모든 영웅은 컨테이너 스택이므로 헤드라인, 이미지 및 버튼은 드래그할 수 있는 별도의 요소를 유지합니다.
Elementor 기능 섹션 템플릿
64 개의 섹션에서 가장 큰 카테고리. Most run on the 정보 상자 아이콘, 제목, 텍스트 및 링크를 형식화된 텍스트 블록 대신 별도의 컨트롤로 유지하는 위젯입니다.
리드 리프트 기능 그리드
세리프 헤드라인 아래 8개의 파스텔 특징 타일, 4개씩 2줄.
다크 신뢰성 카드
보증 및 SLA용으로 제작된 번호가 매겨진 아이콘이 있는 4개의 어두운 카드입니다.
Clowdify 모바일 앱 기능
휴대폰 모형과 앱 기능 체크리스트가 포함된 보라색 분할 섹션입니다.
Info Box 컨트롤에서 아이콘을 바꾸면 간격이 유지됩니다. 텍스트는 실제 텍스트이므로 번역하고 색인을 생성합니다.
Elementor 회사 소개 섹션 템플릿
40 about 과 story sections. 가장 많이 반복되는 레이아웃은 한쪽에는 스토리가 있는 이미지,다른 한쪽에는 체크리스트와 통계 행이 있습니다.
다크 크래프트 스토리
제품 사진과 날짜 선 어두운 편집 스토리 밴드.
청소 회사 소개
강조 표시된 약속 줄과 전화번호 버튼이 있는 사진 콜라주입니다.
바이브스페이스 소개
4개의 이미지 그리드와 아래에 3개의 카운터가 있는 블록에 대한 인테리어 디자인입니다.
이야기가 길어지면 모양이 유지되며, 여기서 대부분의 섹션이 무너집니다.
Elementor 통계 및 카운터 섹션 템플릿
숫자를 위한 40 의 단면도: 카운터 행,진행 막대기,bento 미터 널 및 대시보드. 카운터는 에 달린다 카운터 업 설정 없이 스크롤 시 위젯과 애니메이션을 적용합니다.
벤토 페스티벌 랩
어둡고 따뜻한 다양한 크기의 5개 미터법 타일로 구성된 벤토 보드입니다.
Zaplyte 키 지표
3 개의 큰 카운터와 짧은 레이블이있는 굵은 보라색 밴드.
굵은 색상 진행률 표시줄
배송 또는 용량 번호에 대한 진행률 막대가 3개 표시된 파란색 블록입니다.
카운터는 접두사와 접미사를 사용하므로 12k +, 99.9% 및 $ 4.2M은 모두 숫자 필드를 건드리지 않고 렌더링됩니다.
요소 또는 평가 섹션 템플릿
41 개의 추천 및 리뷰 섹션: 슬라이더,카드 그리드,작은 따옴표 및 리뷰-플랫폼 레이아웃. 또한 a 기념 회전목마 제작에 대한 연습입니다 차라리 직접 하나 만들어보시겠다면.
Craftova 고객 사례
그림 고객 이야기 블록 중간에 행복-고객 카운터.
포트레이트 클라이언트 스토리
두 장의 인물 사진과 긴 풀 인용문이 포함된 어두운 편집 인용문입니다.
Craftova 추천서
리뷰 플랫폼 평가 스트립 위에 별표가 있는 카드를 검토하세요.
리뷰는 대부분의 리피터 항목이므로 다섯 번째 항목은 클릭이고 행은 스스로 공백을 다시 씁니다.
Elementor 가격표 템플릿
19개의 가격 책정 섹션이 구축되었습니다 가격표 위젯. 플랜 이름,가격, 기능 목록,리본 및 버튼은 별도의 컨트롤이며,이는 플랜의 기능 수가 다를 때 행을 정렬 상태로 유지하는 것입니다.
리드 리프트 가격
세리프 헤드라인과 월간 또는 연간 스위치가 있는 크림 3계층 레이아웃입니다.
어두운 가격표
강조 표시된 계획과 좌석당 가격이 포함된 어두운 3열 테이블입니다.
크라프토바 가격
라임 미들 카드와 연간 옵션에 대한 저장 배지가 포함된 세 가지 플랜입니다.
하나의 위젯 내부의 월별 및 연간 스위치의 경우 이 페이지의 위쪽에 있는 청구 토글 템플릿에서 이를 처리합니다.
Elementor 팀 섹션 템플릿
36개의 팀 섹션이 실행됩니다 팀 멤버 위젯, 그래서 사진, 역할, 바이오 및 소셜 링크는 쌓인 텍스트 상자가 아닌 필드입니다.
벤투 초상화 모자이크
일치하지 않는 프레임에 네 개의 초상화의 어두운 벤토 모자이크.
Clowdify 팀
아래에 5개의 초상화 카드와 역할이 있는 주황색 밴드입니다.
엇갈린 초상화 행
호버링 시 메모를 드러내는 아치형 초상화의 보라색 그라데이션 행입니다.
소셜 아이콘은 회원당 제공되므로 한 사람이 LinkedIn만 가질 수 있으며 행은 여전히 균형을 유지합니다.
Elementor FAQ 섹션 템플릿
21개의 FAQ 섹션. 아코디언은 다음을 사용합니다 고급 아코디언 단일 개방형 동작과 FAQ 스키마 설정을 전달하는 위젯입니다.
다크 글로우 FAQ
머리 뒤에는 보라색 빛이 나는 어두운 아코디언이 있습니다.
벤투 FAQ 패널
왼쪽에는 라임 스탯 타일이 있고 오른쪽에는 포토 타일이 있는 아코디언입니다.
번호가 매겨진 편집 FAQ
여전히 호기심 많은 제목이 있는 딥 그린 번호 FAQ입니다.
풍부한 결과를 얻을 수 있는 질문을 원하시면 게시하기 전에 아코디언 위젯에서 스키마를 켜십시오.
Elementor 클릭 유도 문구 섹션 템플릿입니다
27 CTA 밴드, 바닥 글 위에 앉아 클릭을 요청하는 섹션. 에 내장 행동을 촉구하다 그리고 크리에이티브 버튼 위젯.
리드 리프트 CTA
무료 평가판 헤드라인과 신용카드 없는 라인을 갖춘 산호 전폭 대역입니다.
텍파트 CTA
복사본 뒤에 와이어프레임 지구본이 있는 어두운 스케일업 밴드입니다.
자플라이트 CTA
상점 배지, 전화 모형 및 평가 라인으로 앱 프로모션 분할.
버튼 호버 스타일은 위젯의 스타일 탭에 있으므로 브랜드 색상은 스타일시트 편집이 아닌 선택 항목입니다.
Elementor 문의 양식 섹션 템플릿
46개의 연락처, 예약 및 영업 시간 섹션. 양식은 문의 양식 7부터 다음까지 제공됩니다 CF7 스타일러따라서 필드는 귀하의 것으로 유지되며 스타일링만 섹션에서 나옵니다.
Balanciq 문의 양식
왼쪽 지도, 오른쪽 메시지 양식.
리드 리프트 문의 양식
세리프 헤딩과 둥근 필드가 있는 크림 중심 형태입니다.
오버랩 예약 카드
영업시간 카드가 겹쳐진 저녁 사진과 예약 버튼이 있습니다.
Contact Form 7 을 먼저 설치한 다음 위젯에서 양식을 선택합니다. 섹션은 양식이 선택될 때까지 비어 있도록 렌더링합니다.
Elementor 블로그 및 기사 섹션 템플릿
28개의 블로그 섹션과 단일 게시물 레이아웃이 내장되어 있습니다 블로그 게시물 위젯. 섹션이 아닌 전체 페이지 템플릿에 대해서는 다음을 참조하세요 Elementor 블로그 템플릿 포스트.
요리 블로그 게시물
하나의 큰 특집 게시물과 4개의 작은 카드로 구성된 잡지 레이아웃입니다.
편집 아카이브 목록
모든 행에 읽기 버튼이 있는 크림 아카이브 목록입니다.
Balanciq 블로그 게시물
왼쪽에 날짜와 섹션 소개가 있는 3장의 카드 포스트 행입니다.
그리드는 라이브 게시물을 끌어 당겨서 섹션이 사이트에 있으면 자체적으로 채워집니다.
Elementor 메가 메뉴 섹션 템플릿
6개의 메가 메뉴 패널: 페이지에 위치하지 않고 탐색 항목에서 제외되는 링크 열, 아이콘 디렉토리 및 프로모션 블록.
전자제품 매장 메가메뉴
주요 제품 타일과 3개의 링크 열이 있는 제품 카테고리 패널입니다.
패션 스토어 메가 메뉴
두 개의 판매 배너 위에 세 개의 링크 열이 있습니다.
위젯 디렉토리 메가 메뉴
큰 기능 목록에 대한 아이콘 링크의 4열 디렉터리입니다.
먼저 패널을 섹션으로 빌드한 다음 탐색에서 메가 메뉴 위젯을 가리키세요.
583개 중 36개입니다. 그만큼 전체 섹션 라이브러리 나머지는 있고 동일한 디자인은 동일한 카테고리 필터 아래 플러그인 내부에 있습니다. 하나의 밴드가 아닌 전체 페이지를 원한다면 전체 페이지 레이아웃이 라이브로 제공됩니다 Elementor 페이지 템플릿 페이지에는 완전한 사이트 디자인이 있습니다 템플릿 키트 페이지.
Elementor 블록, 섹션, 페이지 템플릿 및 키트
이 네 단어는 동일한 용도로 사용되며 페이지의 양이 다르다는 것을 의미합니다.
- 섹션 하나의 수평 밴드입니다: 가격표,FAQ, 영웅. 이 페이지의 내용. 당신은 페이지를 만들기 위해 그들을 쌓아.
- 블록 다른 이름으로 같은 것입니다. 일부 애드온 라이브러리는 우리가 섹션을 말하는 블록을 말합니다. 일부는 관련이없는 WordPress 블록 편집기에 단어를 사용합니다.
- 페이지 템플릿 완전한 페이지입니다: 홈,에 대한,연락처, 가격. 사람들이 Elementor 웹 사이트 템플릿을 검색 할 때 이것은 일반적으로 그들이 의미하는 것입니다. 마스터 애드온은 211 에 있습니다 페이지 템플릿 페이지.
- 템플릿 키트 는 하나의 스타일로 전체 사이트: 머리글, 바닥 글 및 모든 페이지, 일치하도록 설계되었습니다. 위에 30 이상 있습니다 템플릿 키트 페이지.
섹션은 이미 사이트가 있고 페이지의 한 부분이 잘못되었을 때 유용한 단위입니다. 아무것도 없는 상태에서 시작하고 타이포그래피가 자체적으로 일치하기를 원할 때 키트가 더 합리적입니다.
Elementor 의 자체 컨테이너 시스템은 오래된 섹션과 컬럼 구조를 대체했습니다. 여기 있는 모든 것은 컨테이너로 구축되어 있기 때문에 섹션이 스쿼시된 컬럼으로 붕괴되는 대신 모바일에서 제대로 리플로우됩니다.
Elementor 랜딩 페이지 템플릿: 이 섹션에서 하나를 구축하세요
방문 페이지는 고의적 인 순서로 4 ~ 8 개의 섹션입니다. 작동하는 세 가지 조합,각각이 페이지의 섹션에서 조립:
SaaS 또는 소프트웨어 제품
제품 샷,사회 증명을위한 로고 스트립,기능 그리드,통계 밴드,월간 토글이있는 가격표,FAQ 아코디언,그리고 CTA 밴드가있는 영웅. 일곱 섹션. 기능 바로 아래의 통계 밴드는 아직 작성하지 않은 사례 연구의 작업을하고 있습니다.
지역 서비스 사업
예약 버튼, 서비스 그리드, 소유자의 사진, 리뷰 카드, FAQ, 지도가 포함된 문의 양식이 있는 영웅. 지도는 보기보다 더 중요합니다: 비즈니스맨이 운전하는 경우 통화를 결정하는 질문에 답합니다.
에이전시 또는 스튜디오
영웅,클라이언트 로고 천막,교대 특징 행,팀 격자,사례 연구 카드,하나의 큰 평가판,그 다음 CTA. 로고로 리드. 기관 작업을 위해,누구와 함께 일했는지는 당신이 자신에 대해 말하는 것보다 더 중요합니다.
섹션은 컨테이너 기반이므로 내비게이터에서 드래그하여 순서를 변경할 수 있으며 패딩이 섹션 내부의 위젯이 아닌 섹션에 있기 때문에 섹션 사이의 간격은 일관되게 유지됩니다.
페이지에는 실제로 어떤 섹션이 필요합니까?
변환하는 대부분의 페이지는 대략 이 순서로 동일한 척추를 사용합니다:
- 영웅: 이게 뭐고 뭘 클릭해야 할까. 모든 페이지.
- 로고 또는 클라이언트 스트립: 신뢰성을 빌렸고 추가할 비용이 저렴합니다.
- 기능 또는 서비스: 실제로 얻는 것.
- 대한: 왜 당신은 얼굴이 있다면 얼굴을 가지고 있습니까.
- 통계: 숫자가 좋은 척도 증명.
- 사용후기: 당신이 아닌 사람의 증거.
- 가격: 계획이 있는 모든 것에 적합합니다.
- 팀: 기관, 진료소, 지역 기업.
- FAQ: 클릭을 중지하는 이의제기입니다.
- CTA 밴드: 바닥글 앞의 마지막 질문입니다.
- 연락처: 위치가 중요한 경우 양식 및 지도.
정직하게 채울 수없는 것을 잘라내십시오. 세 개의 발명 된 인용문이있는 빈 추천 섹션은 추천 섹션이없는 것보다 더 많은 피해를줍니다.
자주 묻는 질문
이 Elementor 섹션 템플릿은 무료입니까?
이 페이지의 32 JSON 파일은 무료로 다운로드 할 수 있으며 가져 오기는 Master Addons Pro 기능 인 Widget Builder 를 사용합니다. 라이브러리에서 583 섹션 중 93 섹션은 무료 플러그인에서 가져옵니다. 분할은 카테고리별로 고르지 않습니다: 모든 가격 책정 섹션은 Pro 인 반면 FAQ 는 모든 카테고리 중에서 가장 자유로운 디자인을 가지고 있습니다. 템플릿 라이브러리 화면은 잠긴 것을 표시합니다.
무료 Elementor 템플릿은 어디에서 찾을 수 있습니까?
Elementor 의 자체 라이브러리는 편집기 내부에 무료 계층이 있습니다. Master Addons 는 93 개의 무료 섹션과 무료 페이지 템플릿 및 키트를 추가하며 플러그인이 활성화되면 모두 동일한 템플릿 라이브러리 화면에서 가져옵니다.
Elementor 에서 섹션 템플릿을 어떻게 가져오나요?
이 페이지의 JSON 다운로드의 경우: 마스터 애드온 → 위젯 빌더 → 가져오기 위젯, 파일을 업로드한 다음 새 위젯을 페이지로 드래그합니다. 라이브러리 섹션의 경우: Elementor에서 페이지를 열고 마스터 애드온 템플릿 아이콘을 클릭하고 섹션으로 전환하고 카테고리를 선택한 후 삽입을 클릭합니다.
Elementor 에서 섹션을 만들려면 어떻게 해야 합니까?
컨테이너를 사용합니다. 편집기에서 더하기 아이콘을 클릭하고 구조를 선택한 다음 위젯을 드래그합니다. 위젯이 아닌 컨테이너 자체에 패딩과 배경을 설정합니다. 나중에 복제할 때 간격이 일관되게 유지되는 부분입니다. 원하는 대로 섹션이 되면 마우스 오른쪽 버튼으로 클릭하고 템플릿으로 저장을 선택하여 재사용합니다.
가져오기 후에 템플릿을 편집할 수 있나요?
예,모두. JSON 템플릿은 모든 문자열,링크, 이미지 및 기본 색상이 콘텐츠 또는 스타일 탭의 컨트롤인 단일 위젯으로 제공됩니다. 라이브러리 섹션은 일반 컨테이너 및 위젯으로 제공됩니다.
이들은 어떤 워드 프레스 테마와 함께 작동합니까?
그들은 거의 모든 인 Elementor 를 지원하는 모든 테마로 작동합니다. 섹션은 자체 간격과 색상을 가지고 있으므로 테마의 스타일이 거의 번지지 않습니다. 제목이 벗겨지면 일반적으로 테마의 타이포그래피가 위젯의 글꼴을 설정하고 재정의합니다.
Elementor 에 대한 무료 대안이 있습니까?
Elementor 의 무료 버전은 대부분의 사람들이 의미하는 대안이며,여기의 모든 섹션이 작동됩니다. Master Addons Pro 는 Elementor Pro 와 별도의 라이센스입니다.
섹션과 페이지 템플릿의 차이점은 무엇입니까?
섹션은 페이지의 한 밴드입니다. 페이지 템플릿은 전체 페이지입니다. 섹션은 사이트가 존재하고 사이트의 한 부분을 교체해야 할 때 도달하는 것입니다.
왜 일부 다운로드는 SVG 파일과 함께 제공됩니까?
데모 아트워크는 벡터이므로 어떤 폭에서도 선명하게 유지됩니다. WordPress 는 보안상의 이유로 SVG 업로드를 기본적으로 차단합니다. 업로드하기 전에 PNG 또는 WebP 로 변환하거나 소스를 신뢰하는 경우 SVG 업로드를 활성화하십시오.
한 섹션으로 시작
사이트에서 가장 마음에 들지 않는 섹션을 선택하고 위에서 찾아 교체하세요. 이는 10분 작업이며 이 라이브러리가 작업 방식에 맞는지 여부를 결정합니다.
