워드프레스 Divi 테마 - 새로운 폼 옵션, 필드 프리셋, Contact Form 7 모듈 추가

워드프레스 베스트셀링 테마인 아바다(Avada)와 비슷한 판매량을 기록하고 있는 Divi 테마는 지난 2026년 2월에 Divi 5를 출시하면서 속도와 안정성이 크게 향상되었습니다. Divi 5는 지속적으로 기능이 개선되고 있으며 최근 새로운 폼(Form) 옵션과 프리셋을 추가하고 Contact Form 7 모듈도 추가되었습니다.

워드프레스 Divi 테마 - 새로운 폼 옵션, 필드 프리셋, Contact Form 7 모듈 추가

워드프레스 Divi 테마

Divi 5는 Divi 4의 기술 부채를 완전히 해소한 완전 재구축 버전으로, React 기반 Visual Builder로 로딩 속도 2배 이상 향상과 섹션 단위 동적 렌더링을 실현하며, 7개 반응형 중단점, 디자인 변수(색상/폰트/이미지 등), 중첩 로우/플렉스박스, 필드 프리셋 및 포커스 편집 같은 모던 기능을 탑재해 유지 보수와 확장성을 극대화하고, Divi AI 통합과 서드파티 플러그인 호환성 강화로 워드프레스의 차세대 빌더 표준을 제시합니다.

저는 Divi 테마가 적용된 사이트는 모두 Divi 5로 업데이트했습니다. 대부분 사이트가 문제 없이 Divi 4에서 Divi 5로 업데이트되지만, 커스텀을 많이 한 사이트는 업데이트 후에 레이아웃이 일부 깨지는 현상이 발생할 수 있습니다. Divi 5의 UI가 윅스(Wix)와 비슷하게 바뀌었고 관리자 페이지에서 반응 속도가 매우 빨라 쾌적함을 느낄 수 있습니다.

Divi는 원페이지 레이아웃으로 랜딩페이지를 만들 때 유용하게 활용할 수 있는 2,600개가 넘는 미리 제작된 레이아웃 디자인을 제공합니다. 워드프레스 코칭 프로그램 사이트가 Divi의 레이아웃을 조합하여 만들어졌습니다.😄

Divi 테마 사전 제작 레이아웃

엘리멘터 페이지 빌더와 비슷한 기능을 제공하는 Divi는 Elementor보다 먼저 테마 빌더(Theme Builder) 기능을 탑재하여 워드프레스 알림판 내에서 사이트의 모든 섹션을 커스텀할 수 있도록 했습니다. Divi는 기능과 속도 등의 측면에서 엘리멘터와 비슷하여 엘리멘터의 대안으로 고려할 수 있습니다.

엘리멘터는 연간 라이선스만 제공하지만 Divi는 연간 라이선스와 평생 라이선스(라이프타임 라이선스)를 제공하며 적용 가능한 사이트 개수에 제한이 없어 고객사를 위해 사이트를 제작하는 웹 에이전시나 여러 개의 사이트를 운영하는 기업에서 인기가 높습니다.

만약 속도가 중요한 사이트이거나 블로그라면 엘리멘터나 Divi, 아바다와 같은 테마보다는 GeneratePress와 같이 가볍고 빠른 테마가 더 좋은 선택일 수 있습니다. GeneratePress 테마는 커스텀하기에도 좋아서 고급 사용자들에게도 괜찮은 옵션일 수 있습니다. 이 워드프레스 블로그에는 현재 제너레이트프레스 테마가 적용되어 있습니다.😄

Divi 테마에 대한 자세한 정보는 Elegant Themes 홈페이지를 참고해 보세요.

Divi 5 - 새로운 폼 필드, 필드 프리셋, 포커스 에디팅, Contact Form 7 모듈 추가

Divi 5의 최신 업데이트에서 폼(Form) 디자인이 완전히 바뀌었습니다. 기존의 산만했던 폼 설정을 표준화하고, 필드 프리셋과 포커스 상태 편집 기능으로 작업 효율을 극대화했습니다. 특히 Contact Form 7(CF7) 모듈이 새로 추가되어 Divi 빌더에서 CF7 폼의 스타일을 조정할 수 있게 되었습니다.

워드프레스 Divi 테마 Contact Form 모듈

Divi 5의 향상된 컨택트 폼 관련 기능

  • 새로운 입력, 라디오, 체크박스 설정
  • 필드 옵션 정리 및 일관성 개선
  • 새로운 가상 클래스(pseudo-class) 편집 기능
  • 폼 필드 프리셋
  • 새로운 Contact Form 7 모듈

자세한 내용은 Elegant Themes의 블로그 글에서 확인할 수 있습니다.

아래 동영상에서 새로 추가된 Contact Form 7 모듈을 사용하는 방법에 대하여 확인할 수 있습니다.

Divi 테마의 기본 Contact Form 모듈 vs. Contact Form 7 모듈

Divi에서는 서드파티 플러그인을 사용하지 않고도 자체 컨택트 폼 모듈을 사용하여 사용자들로부터 문의를 받을 수 있습니다. Contact Form 7 플러그인을 설치하면 아래 그림과 같이 두 가지 폼(Form) 모듈을 선택할 수 있습니다.

워드프레스 Divi 테마 새로운 Contact Form 7 Styler 모듈

자체 Contact Form 기능은 제한되어 있어 심플하게 문의를 받는 용도로 적합합니다. 하지만 문의 내용이 DB에 저장되지 않기 때문에 DB에 저장되도록 하려면 유료 플러그인을 구입하거나 직접 코딩을 해야 합니다.

확장된 기능을 원하는 경우 Contact Form 7을 사용할 수 있습니다. CF7의 경우 데이터가 DB에 저장되지 않지만 플라밍고와 같은 추가 플러그인을 사용하여 사용자가 제출한 내용을 DB에 저장하고 관리자 페이지 내에서 문의 내용을 확인할 수 있습니다.

또 다른 옵션으로 WPForms, Ninja Forms, Everest Forms 등과 같은 다른 무료 플러그인을 사용하거나 Quform과 같은 유료 문의 플러그인을 사용하는 것도 가능합니다. 이 경우에는 스타일 지정을 Divi에서 할 수 없다는 단점이 있지만, CSS를 사용하여 문의 폼 스타일을 지정하거나 플러그인에서 제공하는 스타일을 사용할 수 있습니다.

항목Divi 내장 Form 모듈 Divi 5 CF7 모듈 
설치/의존성플러그인 불필요 (Divi 기본 포함)CF7 플러그인 설치 (무료)
디자인 편집- Divi 빌더 완벽 통합
- 필드 프리셋
- :focus/:checked 상태 편집
- hover/full 옵션 
- Divi 빌더 시각적 스타일링
- CF7 폼을 로드하여 Divi 디자인 적용 (CSS 충돌 해결) 
기능 범위기본 필드 (텍스트, 이메일, 텍스트, 체크박스 등)
Captcha/reCAPTCHA 지원
DB 저장 없음 (이메일만) 
고급 기능 무제한 (파일 업로드, 조건부 필드, reCAPTCHA v3, 훅/확장)
DB 저장 가능 (Flamingo 등 추가 플러그인 설치) 
백엔드 처리이메일 전송
(디리렉션 옵션 제공, DB 저장은 안 됨)
CF7 백엔드 활용 (이메일, 웹훅, CRM 연동, 다중 수신자) 
성능/속도최적 (추가 플러그인 없음, JS/CSS 최소)플러그인 오버헤드 있음 (하지만 Divi 모듈로 최적화) 
확장성기본 기능 한정 (고급 로직 어려움)확장 가능 (다양한 확장 플러그인을 사용하여 조건부 로직, 멀티스텝 등의 기능 구현) 
사용 편의성초보자 최적 (드래그&드롭 완성)CF7 학습 곡선 있지만 Divi 스타일링으로 보완 
보안/스팸기본 reCAPTCHA 지원reCAPTCHA v3/hCaptcha 등 고급 옵션 
비용무료 (Divi 라이선스 내)무료 (CF7 무료 + Divi 5 업데이트)
추천 시나리오- 간단한 문의/뉴스레터 폼
- 플러그인 최소화 원할 때 
- 복잡한 문의/파일 업로드/CRM 연동
- 기존 CF7 사용자 

Divi 5에서 Contact Form 모듈과 관련하여 자세한 업데이트 내용을 다음 Elegant Themes 블로그 글에서 확인해 보세요.

참고

1개 댓글

댓글 남기기

  1. Contact Form 7 모듈 추가는 정말 편리하겠네요. 워드프레스 테마를 업그레이드 할 때 이런 기능이 추가되면 더 좋죠.

    답글