/ 가이드/ 플러그인
플러그인

CrocoBlock — Elementor로 목록·필터 있는 사이트 만들기

부동산 매물, 채용 공고, 상품 목록처럼 조건 검색이 필요한 사이트를 코드 없이 만드는 플러그인 모음입니다.

ES 에코스튜디오 2026.08.29 수정 2026.08.31 읽는 시간 7분
CrocoBlock — Elementor로 목록·필터 있는 사이트 만들기

Elementor는 페이지 하나를 예쁘게 만드는 것까지는 잘합니다. 하지만 매물 목록에서 지역·가격으로 걸러 보는 화면 같은 건 못 만듭니다. CrocoBlock은 그 빈자리를 채우는 플러그인 모음입니다.

이런 분께 필요합니다
  • 목록과 조건 검색이 있는 사이트를 만듭니다
  • 부동산·채용·업체 디렉터리를 구상 중입니다
  • 커스텀 필드를 Elementor에서 화면에 연결하고 싶습니다
  • 코드 없이 데이터 구조를 짜고 싶습니다
1

01무엇을 해결하나

정보를 목록으로 쌓고 걸러 보는 사이트는 일반 홈페이지와 구조가 다릅니다.

  • 매물마다 지역·평수·가격 같은 항목이 있어야 하고
  • 방문자가 조건으로 걸러 볼 수 있어야 하고
  • 목록과 상세 페이지가 같은 틀로 반복되어야 합니다

보통은 개발이 필요한 영역입니다. CrocoBlock의 JetEngine이 데이터 구조를, JetSmartFilters가 조건 검색을 담당해서 이걸 화면에서 만들 수 있게 해줍니다.

2

02CrocoBlock, 무엇을 할 수 있나요

기능 하는 일
JetEngine 글 타입과 입력 항목을 직접 만듭니다. 데이터 구조 설계 플러그인입니다.
JetSmartFilters 가격·지역·카테고리로 거르는 필터를 만듭니다.
JetElements Elementor 위젯을 추가합니다.
JetBooking 숙박·대여 예약 기능을 붙입니다.
JetFormBuilder 폼을 만들고 제출 내용으로 글을 생성합니다.
JetPopup 팝업을 만듭니다.
JetThemeCore 목록·상세 템플릿을 설계합니다.
동적 조건부 표시 값에 따라 요소를 보이거나 숨깁니다.
지도 연동 위치 기반 목록과 지도 표시를 만듭니다.
3

03설치한 뒤에 무엇부터 해야 하나요

먼저 설치할 것

페이지 빌더가 먼저 있어야 합니다

Jet 계열은 페이지 빌더 위에서 동작합니다. Elementor가 가장 잘 맞고, 무료판으로도 됩니다. Bricks와 블록 에디터도 일부 지원합니다.

무료 Elementor는 플러그인 → 새로 추가에서 “Elementor”로 검색해 바로 설치하실 수 있습니다. 어렵지 않습니다. 저희에게 맡기시면 함께 설치해 드리고 개수는 따로 세지 않습니다.

데이터 구조를 먼저 종이에

여기서 성패가 갈립니다

플러그인을 켜기 전에 적으세요. 무엇을 목록으로 쌓을 것인지, 항목마다 어떤 정보가 있는지, 방문자가 무엇으로 걸러 볼 것인지.

예: 매물 → (지역, 거래유형, 평수, 가격, 사진, 설명) → 필터는 지역·거래유형·가격대

이걸 안 정하고 만들면 나중에 항목을 추가할 때 전부 다시 만들게 됩니다.

만드는 순서

  1. JetEngine → Post Types에서 글 타입을 만듭니다(예: 매물).
  2. Meta Fields에 항목을 추가합니다(지역·가격 등).
  3. Taxonomies로 분류를 만듭니다(거래유형 등).
  4. Listing에서 목록 한 칸의 디자인을 만듭니다.
  5. 페이지에 Listing Grid 위젯을 넣어 목록을 표시합니다.
  6. JetSmartFilters로 필터를 붙입니다.

무겁습니다

필요한 모듈만 켜세요

CrocoBlock은 플러그인 모음이라 전부 켜면 사이트가 확실히 느려집니다. 실제로 쓰는 것만 활성화하고, 캐시를 반드시 함께 쓰세요.

이런 경우엔 필요 없습니다
  • 일반 소개형 홈페이지 — 목록과 필터가 없으면 값어치가 없습니다.
  • Elementor를 안 쓰는 경우 — 대부분 Elementor 전제입니다.
  • 단순 커스텀 필드만 필요ACF가 가볍습니다.
4

04설치 비용은 얼마인가요

금액
개발사 정가 $43 / 년부터
에코스튜디오 설치 39,000원 · Jet 계열 전체 제공 · 필요한 것만 골라 설치 + 기본 세팅 + 사용법 가이드
기능 세팅(원하시면) 상담 후 견적 · 범위를 먼저 정하고 금액을 내 드립니다
CrocoBlock은 왜 따로 받나

CrocoBlock은 플러그인 하나가 아니라 JetEngine·JetSmartFilters·JetBooking·JetFormBuilder 등 Jet 계열 20여 종을 묶은 이용권입니다. 다른 플러그인처럼 1종으로 셈하지 않고 따로 받는 이유입니다.

전체를 드리되, 설치는 필요한 것만 해 드립니다. 20여 종을 전부 켜면 사이트가 확실히 느려집니다. 무엇을 만드시려는지 알려주시면 목적에 맞는 3~5종만 골라 설치해 드리고, 나머지는 나중에 필요해질 때 켜시면 됩니다.

39,000원에 들어가는 “기본 세팅”이 어디까지인지

기본 세팅이 플러그인을 바로 쓸 수 있는 상태로 만들어 드리는 것입니다. 플러그인을 올리고, 유료 기능이 풀리게 하고, 쓰던 다른 플러그인과 부딪히지 않는지 확인하고, 처음 켜자마자 필요한 기본 옵션을 잡아 둡니다. 설치는 됐는데 화면에 아무것도 안 나오거나 오류가 뜨는 상태로 넘겨 드리지 않습니다. 그리고 이 글이 그대로 사용법 안내가 됩니다.

여기서 더 나아가는 작업 — 폼 양식이나 규칙·조건을 실제 쓰실 형태로 직접 설계하는 작업 — 은 별도입니다. 이 부분에 정찰가를 붙이지 않는 이유가 있습니다. 플러그인마다 세팅 난이도가 크게 다르고, 같은 플러그인이라도 어디까지 원하시는지가 손님마다 다릅니다. 미리 금액을 정해 두면 간단히 끝날 분은 더 내시고, 복잡한 분은 제대로 못 받으시게 됩니다. 그래서 먼저 무엇을 어디까지 하실지 이야기하고, 그 범위에 맞춰 견적을 내 드립니다.

구분 금액 하는 일
설치 + 기본 세팅 39,000원 플러그인 설치 · 유료 기능 활성화 · 충돌 확인 · 기본 옵션 · 사용법 안내
기능 세팅 상담 후 견적 기능을 실제 업무에 맞게 구성하는 작업 — 범위에 따라 다릅니다

어디까지가 필요하신지 모르셔도 됩니다. 일단 설치만 받아 직접 써보시고, 하다가 막히는 지점이 생기면 그때 그 부분만 말씀해 주셔도 됩니다.

※ 정가는 개발사 공식 사이트 기준이며 환율과 프로모션에 따라 달라집니다. 저희는 개별 라이선스 키를 발급해 드리는 것이 아니라 보유한 번들판을 설치해 드리는 방식이라 이 가격이 가능합니다.

번들판이 무엇인가요

개발사에서 개별 발급하는 라이선스 키가 아니라, 저희가 보유한 번들판을 설치해 드립니다. 유료 기능은 제한 없이 그대로 동작하고 기간 만료로 잠기지 않습니다. 대신 관리자 화면의 자동 업데이트 알림은 뜨지 않고, 개발사 공식 기술 지원 채널은 이용하실 수 없습니다. 새 버전이 필요하시면 요청해 주세요 — 3회까지 직접 올려 드립니다.

회사 정책상 라이선스 증빙이 필요하거나 보안 패치를 항상 즉시 자동 반영해야 하는 사이트라면 개발사에서 직접 구매하시는 편이 맞습니다. 상담에서 솔직히 말씀드립니다.

05공식 정보

개발사 공식 사이트에서 최신 기능과 요금을 확인하실 수 있습니다 — CrocoBlock 공식 홈페이지

기본형 플러그인은 3종 25,000원 · 10종 69,000원 묶음이 더 쌉니다. 설치 가능한 전체 목록에서 골라보세요. 바로 물어보고 싶으시면 카카오톡으로 연락 주시면 됩니다.

자주 나오는 질문

ACF와 겹치지 않나요

겹칩니다. 둘 다 커스텀 필드를 만듭니다. 목록·필터까지 필요하면 CrocoBlock, 필드만 필요하면 ACF입니다. 둘을 같이 쓰면 관리가 복잡해집니다.

부동산 사이트를 만들 수 있나요

됩니다. 다만 Houzez 같은 전용 테마는 매물 구조가 이미 짜여 있어 훨씬 빠릅니다. CrocoBlock은 구조를 직접 설계하고 싶을 때 유리합니다.

Elementor Pro가 필요한가요

일부 기능은 무료 Elementor로도 되지만, 템플릿 설계를 하려면 Elementor Pro나 JetThemeCore가 필요합니다.

공유
Eco Studio

직접 하기 어려우신가요?

읽으신 내용대로 저희가 대신 해 드립니다.
무엇이 필요한지부터 함께 정해요.

다른 가이드 더보기

가장 많이 찾으시는 가이드

가이드 전체 보기 →
화면이 깨져 보일 때 — 30초로 «어느 쪽»인지 가르는 법
워드프레스 2026.09.05
화면이 깨져 보일 때 — 30초로 «어느 쪽»인지 가르는 법
HTTP ERROR 500 — 시도하기 전에 «무엇이 적혀 있나»부터
워드프레스 2026.09.05
HTTP ERROR 500 — 시도하기 전에 «무엇이 적혀 있나»부터
워드프레스 업데이트 후 깨졌을 때 — 되돌리기와 원인 찾기
워드프레스 2026.09.05
워드프레스 업데이트 후 깨졌을 때 — 되돌리기와 원인 찾기
카카오톡 상담 문의 남기기 주문서 작성 맨 위로