Crocoblock은 Elementor에서 동적 목록, 커스텀 콘텐츠와 필터를 구성하는 플러그인 묶음입니다.
01무엇을 해결하나
정보를 목록으로 쌓고 걸러 보는 사이트는 일반 홈페이지와 구조가 다릅니다.
- 매물마다 지역·평수·가격 같은 항목이 있어야 하고
- 방문자가 조건으로 걸러 볼 수 있어야 하고
- 목록과 상세 페이지가 같은 틀로 반복되어야 합니다
보통은 개발이 필요한 영역입니다. CrocoBlock의 JetEngine이 데이터 구조를, JetSmartFilters가 조건 검색을 담당해서 이걸 화면에서 만들 수 있게 해줍니다.
02CrocoBlock, 무엇을 할 수 있나요
| 기능 | 하는 일 |
|---|---|
| JetEngine | 글 타입과 입력 항목을 직접 만듭니다. 데이터 구조 설계 플러그인입니다. |
| JetSmartFilters | 가격·지역·카테고리로 거르는 필터를 만듭니다. |
| JetElements | Elementor 위젯을 추가합니다. |
| JetBooking | 숙박·대여 예약 기능을 붙입니다. |
| JetFormBuilder | 폼을 만들고 제출 내용으로 글을 생성합니다. |
| JetPopup | 팝업을 만듭니다. |
| JetThemeCore | 목록·상세 템플릿을 설계합니다. |
| 동적 조건부 표시 | 값에 따라 요소를 보이거나 숨깁니다. |
| 지도 연동 | 위치 기반 목록과 지도 표시를 만듭니다. |
03설치한 뒤에 무엇부터 해야 하나요
먼저 설치할 것
Jet 계열은 페이지 빌더 위에서 동작합니다. Elementor가 가장 잘 맞고, 무료판으로도 됩니다. Bricks와 블록 에디터도 일부 지원합니다.
무료 Elementor는 플러그인 → 새로 추가에서 “Elementor”로 검색해 바로 설치하실 수 있습니다. 어렵지 않습니다. 저희에게 맡기시면 함께 설치해 드리고 개수는 따로 세지 않습니다.
데이터 구조를 먼저 종이에
플러그인을 켜기 전에 적으세요. 무엇을 목록으로 쌓을 것인지, 항목마다 어떤 정보가 있는지, 방문자가 무엇으로 걸러 볼 것인지.
예: 매물 → (지역, 거래유형, 평수, 가격, 사진, 설명) → 필터는 지역·거래유형·가격대
이걸 안 정하고 만들면 나중에 항목을 추가할 때 전부 다시 만들게 됩니다.
만드는 순서
- JetEngine → Post Types에서 글 타입을 만듭니다(예: 매물).
- Meta Fields에 항목을 추가합니다(지역·가격 등).
- Taxonomies로 분류를 만듭니다(거래유형 등).
- Listing에서 목록 한 칸의 디자인을 만듭니다.
- 페이지에 Listing Grid 위젯을 넣어 목록을 표시합니다.
- JetSmartFilters로 필터를 붙입니다.
무겁습니다
CrocoBlock은 플러그인 모음이라 전부 켜면 사이트가 확실히 느려집니다. 실제로 쓰는 것만 활성화하고, 캐시를 반드시 함께 쓰세요.
- 일반 소개형 홈페이지 — 목록과 필터가 없으면 값어치가 없습니다.
- Elementor를 안 쓰는 경우 — 대부분 Elementor 전제입니다.
- 단순 커스텀 필드만 필요 — ACF가 가볍습니다.
04설치 전 체크리스트
- 현재 테마·빌더와 지원 버전이 맞는지 확인합니다.
- 템플릿과 동적 데이터는 스테이징 사이트에서 먼저 시험합니다.
- 플러그인을 중단했을 때 남는 콘텐츠와 이전 비용을 확인합니다.
05공식 정보와 최신 확인
기능, 지원 환경과 요금은 바뀔 수 있습니다. 설치 전 공식 홈페이지에서 현재 문서와 변경 내역을 확인하세요. 이 글은 2026년 9월 18일에 다시 검수했습니다.
자주 나오는 질문
ACF와 겹치지 않나요＋
겹칩니다. 둘 다 커스텀 필드를 만듭니다. 목록·필터까지 필요하면 CrocoBlock, 필드만 필요하면 ACF입니다. 둘을 같이 쓰면 관리가 복잡해집니다.
부동산 사이트를 만들 수 있나요＋
됩니다. 다만 Houzez 같은 전용 테마는 매물 구조가 이미 짜여 있어 훨씬 빠릅니다. CrocoBlock은 구조를 직접 설계하고 싶을 때 유리합니다.
Elementor Pro가 필요한가요＋
일부 기능은 무료 Elementor로도 되지만, 템플릿 설계를 하려면 Elementor Pro나 JetThemeCore가 필요합니다.
